刷新
重构案例:将纯HTML/JS项目迁移到Webpack

博主头像 我们已经了解了许多关于 Webpack 的知识,但要完全熟练掌握它并非易事。一个很好的学习方法是通过实际项目练习。当我们对 Webpack 的配置有了足够的理解后,就可以尝试重构一些项目。本次我选择了一个纯HTML/JS的PC项目进行重构,项目位于 GitHub 上,非常感谢该项目的贡献者。 重构案 ...

多平台文章同步浏览器插件 – ArticleSync

博主头像 ArticleSync - 多平台文章同步插件 ArticleSync 是一个浏览器扩展,帮助用户轻松将文章同步发布到多个社交平台。支持将文章从本地草稿发布到各大平台,如知乎、Bilibili 等。它提供了一站式解决方案,让你在不同的社交媒体平台上同步文章变得简单高效。 基于浏览器插件模式,自动检测 ...

JavaScript基础1

博主头像 实验介绍: JavaScript可以使网页进行交互。 它和Java没有任何关系,但在它出现的时候Java很热门,为了引起人们对它的重视,它起名JavaScript。 理想的web页面划分 内容(HTML中) 外观样式(css中) 脚本/代码(JavaScript文件中) 一:JavaScript里的 ...

ThreeJS 的效果样例流水管线(五)

博主头像 一、流水管线 实现逻辑: 1)先自定义几个点,通过CatmullRomCurve3生成一条平滑曲线 2)根据生成的曲线在XY面扩展一个面,其中需要注意顶点索引、UV坐标添加的顺序,否则可能会导致绘制的图片混乱,不是完整的图片 3)添加纹理同时设置偏移量实现流动效果 4)为了保证显示的箭头图标不失真, ...

混淆指定js文件

博主头像 混淆指定js文件 fomartJs.bat @echo off REM 定义一个包含文件名的数组 set jsFiles=("polyfills.b4665eab.js" "manifest.b09f6bad.js" "index.f8bec5fb.js") REM 遍历数组中的每个文件 for % ...

JavaScript 学习路线图

博主头像 基础阶段 主要内容: 掌握 JavaScript 的基本语法,如变量、数据类型(字符串、数字、布尔、对象、数组等)、运算符等。 理解程序的控制流,包括条件语句(如 if-else)、循环语句(如 for、while)。 学会使用函数来封装代码,理解函数的参数、返回值以及作用域等概念。 学习网站: W ...

控制请求并发数量:p-limit 源码解读

博主头像 p-limit 是一个控制请求并发数量的库,他的整体代码不多,思路挺好的,很有学习价值; 举例 当我们同时发起多个请求时,一般是这样做的 Promise.all([ requestFn1, requestFn2, requestFn3 ]).then(res =>{}) 或者 requestFn1( ...

全面掌握 Jest:从零开始的测试指南(上篇)

博主头像 随着JavaScript在前后端开发中的广泛应用,测试已成为保证代码质量的关键环节。 为什么需要单元测试 在我们的开发过程中,经常需要定义一些算法函数,例如将接口返回的数据转换成UI组件所需的格式。为了校验这些算法函数的健壮性,部分开发同学可能会手动定义几个输入样本进行初步校验,一旦校验通过便不再深 ...

[JS] ES Modules的运作原理

博主头像 本文介绍了 ES Modules (ESM) 在浏览器环境中的运行原理,详细阐述了 ESM 的三大加载步骤:构建、实例化、求值,并讨论了其动态加载能力、循环依赖处理方式及与 CommonJS 的区别。 ...

JS加载

博主头像 同步加载 阻塞模式,响应安全性强 过多JS加载会影响页面效率 默认情况下,JS是同步加载,及优先加载外部JS,只有当JS文件加载完成,don和css才开始加载 <script src = 'index.js' ></script> 异步加载 非阻塞加载,执行效率高 动态创建script defer ...

使用 Performance API 实现前端资源监控

博主头像 1. Performance API 的用处 Performance API 是浏览器中内置的一组工具,用于测量和记录页面加载和执行过程中的各类性能指标。它的主要用处包括: 监控页面资源加载:跟踪页面中的资源(如 CSS、JavaScript、图片)的加载时间。 分析页面加载时间:从导航到页面完全渲 ...

ThreeJS Shader的效果样例飞线、粒子和模型轮廓高亮(三)

博主头像 一、飞线效果 功能说明:支持设置点的个数,飞线速度、起始和终止颜色值、线宽、线的大小 原理: 1. 首先绘制一条与线长度相同的线,线中各点的大小逐渐变小 2. 如何让线动起来?假设点的个数总共为num个,传入的点的下标为a,通过变化的时间计算出移动的下标b,如果a+b>=num则代表,该点可见,否则 ...

在 Web 中判断页面是不是刷新

博主头像 在 Web 开发中,我们经常需要区分用户是否通过刷新操作重新加载了页面。这一操作可能是由用户手动刷新(如按下 F5 键或点击浏览器刷新按钮)或通过浏览器自动重新加载。判断页面是否刷新有助于开发者优化用户体验,例如在使用 vue 的时候需要进行权限控制,就需要判断在刷新后根据登录者的权限去添加对应的路 ...

<1···456···14>