刷新
px,em,rem,vw,vh之间的区别

博主头像 一,px(像素):像素是屏幕上显示的最小单位,它是固定的,不随页面缩放而改变大小。在响应式设计中,使用像素单位可能会导致布局在不同屏幕尺寸上显示不一致。例如:现在在你电脑上一个字为16px,大小正好,可能到比你分辨率要高的电脑上,字体16px大小不变,但是分辨率有变化,导致字体在别的电脑上可能会导致 ...

微服务

博主头像 一、微服务(Microservices): 1、定义 微服务是一种软件架构风格,将单个应用程序分解为多个小的、独立部署的服务,每个服务运行在其独立的进程中,并通过轻量级的通信机制(通常是 HTTP 或 消息队列)进行交互。每个微服务专注于完成单一业务功能。 2、特点 模块化:每个微服务都是一个独立的 ...

JavaScript基础2

博主头像 一:程序逻辑 关系运算符结果是true or false < > >= <= == != !== 单等于号用于赋值 双等于号不考虑类型,值相等即可 三等于号(严格比较)考虑类型,要值和类型相同才能返回true !=不等于号同上 尽量使用严格比较 [此处插入图片],该图片作者为西安交通大学两位老师,来 ...

重构案例:将纯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 ...