whistle规则配置

  在前端开发中,我们经常会遇到各种调试场景,比如:切换接口地址、注入本地资源、模拟接口返回数据等。如果每次都要修改代码或后端配合,无疑会浪费很多时间。这时,一款好用的调试代理工具就显得非常重要。

  Whistle 是一个基于 Node.js 的 Web 调试代理工具,支持请求转发、重定向、本地资源注入、Mock 接口等功能,特别适合前端在开发和联调阶段使用。本文将系统地介绍 Whistle 的安装、启动及常用规则配置,可以更高效地完成代码的调试工作。

阅读更多

NaN为什么不相等

  在 JavaScript 中有个很反直觉的事情,两个 NaN 不管是 == 还是 === ,返回结果都是 flase ,这也是一道很常出现的面试题,这里进行一个说明。

阅读更多

前端鉴权机制

  在现代 Web 开发中,身份验证会话管理是不可或缺的组成部分。HTTP是无状态的协议,为了在用户与服务器之间维持状态,前端和后端需要协同使用一些机制来标识用户身份并保障数据安全。本文将围绕 Cookie、Session、Token、JWT 四种常见方式进行介绍与对比,并结合实际说明 Cookie 在前端的基本操作方法。

阅读更多

Js中的构造函数

  在写 JavaScript 的时候,经常可以看到 new Date() 这样的语法,这里 new 的就是构造函数,我们通过 function 可以定义,而箭头函数却不行。

阅读更多

JavaScript基础算法题

  最近开始了前端基础知识的复习,在这个文章里进行一个简单的记录,如果内容不特别多会全部更新在这里。由于封装成函数可能不利于理解和说明,在这里的大部分题目的解答都不会封装成函数。

阅读更多

无缝滚动动画

  今天看到 icomoon 的顶部的无缝滚动动画感觉蛮有意思的,在 Web 开发中,无缝滚动动画是一种常见的视觉效果,通常用于展示新闻、品牌 Logo 或者图标动画等。本文将使用 HTML 和 CSS 实现该站点的无缝滚动的动画效果。

阅读更多

类实例属性状态残留问题

  今天在看【新思路管理后台】时遇到了一个很奇怪的问题,函数执行正确的时候系统日志记录是没有问题的,但是函数执行错误的时候,系统日志中的操作者和操作行为不是默认的值,而是上一个正确操作者的信息。这是因为我对日志记录和函数返回其实是封装了一个操作执行类 OperationExecutor ,在多次调用时,某些实例属性(如 opAction)未能恢复初始值,导致后续调用继承了上一次的状态。本文简单记录一下解决的方案。

阅读更多

for循环与逗号运算符

  最近在复习 JavaScript 的过程中看到了一道有关 for 循环与逗号运算符的题目,感觉挺有意思的。for 循环是最常用的循环结构之一,逗号运算符(,)则是一个较为特殊但有用的运算符。本文将先整理他们的基本知识点,然后再完成这道题目。

阅读更多

CSS的五种主要定位方式

  在前端开发中,position 属性决定了元素在页面中的布局方式,直接影响页面的层级结构、交互体验以及响应式适配。合理使用 position,不仅可以提升页面的可读性,还能减少不必要的 marginpaddingtransform 调整,从而提高代码的可维护性。本文将全面介绍 static(默认定位)、relative(相对定位)、absolute(绝对定位)、fixed(固定定位)和 sticky(粘性定位) 这五种定位方式,帮助读者更深入地理解 position

阅读更多