详解JavaScript实现简单的词法分析器示例
目录 正文 什么是词法分析器？ 实现一个简单的词法分析器 总结 正文 词法分析是编译器的一项重要工作，其目的是将源代码转换成单个单词（token）的序列，方便后续语法分析器（parser）对其进行分析。在本文中，我们将使用 JavaScript 实现一个简单的词法分析器，以便更好地理解 »
JavaScript利用油猴脚本实现去水印功能
目录 前言 脚本演示 实现原理 代码分析 前言 上周微信公众号推出了一种新的形式，类似小红书这样子，群里有小伙伴调侃，是否是小红书的产品经理跳槽到微信了，那作为一个公众号运营者，我也想利用这一点。那么如何快速设计出好看的小红书封面，便成了我的目标。我在 google 上搜索到了一篇文章，可 »
JavaScript 对象管家 Proxy
目录 正文 语法 对象方法 属性获取器/设置器 函数方法 捕捉器 get set 应用场景 验证和过滤 缓存 监听属性变化 防止误操作 虚拟化 总结 正文 JavaScript 在 ES6 中，引入了一个新的对象类型 Proxy，它可以用来代理另一个对象，并可以在代理过程中拦截、覆盖 »
在浏览器测试JavaScript的方法小结
测试JavaScript是一件很痛苦的事情。很多工具、技术和框架已经被开发出来，以使这个过程尽可能的不痛苦。其中一些工具如Mocha、Jasmine和Jest提供了一个测试结构，而其他一些工具如Istanbul和Blanket也会生成代码覆盖报告。在浏览器中测试JavaScript代码的不同方法有不 »
在浏览器测试JavaScript的方法小结
测试JavaScript是一件很痛苦的事情。很多工具、技术和框架已经被开发出来，以使这个过程尽可能的不痛苦。其中一些工具如Mocha、Jasmine和Jest提供了一个测试结构，而其他一些工具如Istanbul和Blanket也会生成代码覆盖报告。在浏览器中测试JavaScript代码的不同方法有不 »
TypeScript与JavaScript对比及打包工具比较
目录 TypeScript (TS) 和 JavaScript (JS) 对比： 性能详细说明： ts打包工具对比 ts-loader @rollup/plugin-typescrip swc swc在webpack或vite项目中使用 TypeScript (TS) 和 JavaScr »
JavaScript中二分查找的例题详解
目录 二分查找公式 寻找一个数 缺陷 寻找最左边满足条件的值 方式一 方式二 寻找最右侧满足条件的值 方式一 方式二 你有没有碰到过这样的情况，当刷题的时候，刚开始满头雾水不知道从何下手，然后匆匆忙忙的看了题解。哦~是这样啊，然后开始按照题解的思路答题。答到了一半发现不会了，又看了看题 »
浅析JavaScript中的隐式类型转换
目录 为什么会出现隐式类型转换 隐式类型转换的内部转换机制 何时会触发ToPrimitive或ToNumber 具体案例分析 总结 为什么会出现隐式类型转换 这个问题的本质原因是因为JavaScript 是一种 弱类型语言 ，这意味着它会自动转换值的数据类型，以使数据之间更容易相互比较 »
浅析JavaScript中的隐式类型转换
目录 为什么会出现隐式类型转换 隐式类型转换的内部转换机制 何时会触发ToPrimitive或ToNumber 具体案例分析 总结 为什么会出现隐式类型转换 这个问题的本质原因是因为JavaScript 是一种 弱类型语言 ，这意味着它会自动转换值的数据类型，以使数据之间更容易相互比较 »
JavaScript中常见的七种继承及实现
目录 1. 原型链继承 2. 借用构造函数继承 3. 组合继承 4. 原型式继承 5. 寄生式继承 6. 寄生式组合继承 7. class继承 1. 原型链继承 原型链继承是 JavaScript 中一种基于原型的继承方式，它通过将一个构造函数的实例作为另一个构造函数的原型，从而实现继承。 »
JavaScript实现购物车图片局部放大预览效果
目录 一、实现效果 二、代码实现 三、获取像素信息跨域问题怎么解决 四、总结与思考 一、实现效果 二、代码实现 代码不多，先看一下 HTML 里面结构很简单，初始化 MagnifyingGlass 对象来关联一个 IMG 标签来实现放大。 <!DOCTYPE html&gt »
基于JavaScript简单实现一下新手引导效果
目录 一、实现效果 二、实现 1、用法 2、HTML 3、JS 三、总结与思考 一、实现效果 二、实现 实现其实很简单，mask蒙版就是平铺一个整屏的 div，设置背景颜色为透明 transparent ，然后，再设置 outline 为半透明及足够宽就可以了，再用同样的方式 »
JavaScript实现简单获取本地图片主色调
目录 一、实现效果 二、实现 1、实现思路 2、实现代码 三、总结与思考 一、实现效果 鲜花 大海 森林 二、实现 1、实现思路 其实思路很简单，就是将一张大图先缩小为一张小图，再遍历里面的像素，找到出现次数相对较高的一个；当然，先说明一下，这个也只能实现一 »
JavaScript中一些奇怪的问题及解决分享
目录 1、变量提升问题 2、this 指向问题 3、== 和 === 比较问题 4、循环中的异步问题 5、引用类型比较问题 6、变量命名问题 7、数据类型转换问题 8、NaN 的比较问题 9、0.1 + 0.2 不等于 0.3 问题 10、最大整数问题 11、布尔值的算术运算问题 12、闭包导致的 »
JavaScript中一些奇怪的问题及解决分享
目录 1、变量提升问题 2、this 指向问题 3、== 和 === 比较问题 4、循环中的异步问题 5、引用类型比较问题 6、变量命名问题 7、数据类型转换问题 8、NaN 的比较问题 9、0.1 + 0.2 不等于 0.3 问题 10、最大整数问题 11、布尔值的算术运算问题 12、闭包导致的 »
详解如何在 JavaScript中使用媒体查询
目录 前言 在JavaScript中使用媒体查询 Window.matchMedia() 语法 参数 返回值 addEventListener matchMedia - change window - resize 性能对比 总结 前言 说起媒体查询想必大家最先想到的都是CS »
JavaScript使用canvas实现flappy bird全流程详解
目录 简介 游戏规则 游戏素材 开始制作 初始化canvas画布 加载资源 背景 地面 管道 笨鸟 碰撞检测 效果 简介 canvas 是HTML5 提供的一种新标签，它可以支持 JavaScript 在上面绘画，控制每一个像素，它经常被用来制作小游戏，接下来我将用它来模仿制作一款叫f »
JavaScript使用canvas实现flappy bird全流程详解
目录 简介 游戏规则 游戏素材 开始制作 初始化canvas画布 加载资源 背景 地面 管道 笨鸟 碰撞检测 效果 简介 canvas 是HTML5 提供的一种新标签，它可以支持 JavaScript 在上面绘画，控制每一个像素，它经常被用来制作小游戏，接下来我将用它来模仿制作一款叫f »
使用原生JavaScript实现放大镜效果
目录 需求列表 HTML CSS Javascript 分析 需求列表 鼠标进入盒子里面控制遮罩层和放大盒子显示与隐藏 遮罩层跟随鼠标移动且遮罩层不超出盒子限定范围内 图片盒子/遮罩层/放大盒子 这三个的宽高大小均可适配 HTML <div class="outer" »
使用原生JavaScript实现放大镜效果
目录 需求列表 HTML CSS Javascript 分析 需求列表 鼠标进入盒子里面控制遮罩层和放大盒子显示与隐藏 遮罩层跟随鼠标移动且遮罩层不超出盒子限定范围内 图片盒子/遮罩层/放大盒子 这三个的宽高大小均可适配 HTML <div class="outer" »