
前端技能
前端小小白zyw
一只路过的小码农。。。
展开
-
JS 监听网络状态
我们在开发过程中会遇到监听用户网络状态的需求,通过。除了以上监听事件外,还可以轮训监听,1秒获取一次。可以获取当前的网络状态,包括。原创 2024-01-09 09:55:06 · 3219 阅读 · 1 评论 -
JS 手写 new 函数
先创建一个构造函数,原型上添加一个方法。一个构造函数生成一个实例对象,那么。的过程中发生了什么呢,我们今天梳理下。然后,我们实现一个自定义。工作中我们经常会用到。打印看下,看到完美输出。原创 2024-01-04 16:59:10 · 1333 阅读 · 0 评论 -
JS 封装数字滚动插件
先计算一个倍率,结束 - 开始 / 执行时间,利用。原创 2023-12-28 14:26:24 · 797 阅读 · 0 评论 -
JS 嵌套循环之退出顶层循环
我们常常写循环的时候,可能会遇到嵌套循环,如果出现退出循环,一层还好,多层循环就费劲了,传统做法是加。原创 2023-12-27 10:44:38 · 933 阅读 · 0 评论 -
Vite 是否可以代替 Webpack ?
Vite 是否可以代替 Webpack ?原创 2022-06-29 17:31:43 · 2456 阅读 · 0 评论 -
Vite 配置 cdn 加载资源
Vite 配置 cdn 加载资源原创 2022-07-20 09:49:56 · 6247 阅读 · 2 评论 -
Vue 3.0 全家桶 + Vite 从零配置开发环境、生产环境
vite + vue 3.0原创 2022-06-30 18:23:52 · 2476 阅读 · 0 评论 -
深入理解浏览器缓存机制 ( http )
一、介绍http缓存:浏览器根据当前http请求报文策略 将网路资源存储到本地内存(memory cache)/硬盘(disk cache)中浏览器浏览器缓存服务端发起请求,根据缓存规则验证缓存没有缓存或者缓存标识失效/过期,发起网络请求请求完成,返回请求结果,缓存标识缓存网络资源,缓存标识浏览器浏览器缓存服务端二、访问缓存优先级下次访问资源时,先从内存中查找,如果内存中有,直接加载...原创 2020-04-27 13:59:03 · 658 阅读 · 0 评论 -
javascript高级 --- 惰性函数
一、介绍惰性函数表示在函数执行的过程中,函数会在首次被成功调用的时候覆盖当前函数,成功后的逻辑不会被执行。二、案例因为浏览器行为之间的差异,我们在处理一些差异的同时,必须考虑其兼容性问题,例如:addEventListener 、removeEventListener、event、preventDefault、stopPropagation 等等,此时我们就需要根据当前的浏览器环境执行对应的...原创 2020-04-13 17:47:08 · 298 阅读 · 0 评论 -
前端AES加密/解密
一、下载npm i crypto-js -S二、封装创建encryption.jsimport CryptoJs from 'crypto-js'class Encryption { constructor (keyStr) { this.keyStr = keyStr || 'abcdefgabcdefg123456' // 秘钥 } /...原创 2020-03-13 15:06:32 · 664 阅读 · 0 评论 -
进程与线程的区别
根本区别:进程是资源分配的最小单位,线程是程序执行的最小单位进程有自己的独立地址空间,每启动一个进程,系统就会为它分配地址空间,程序之间的切换会有较大的开销;而线程是共享进程中的数据,使用相同的地址空间,因此CPU切换一个线程的花费远比进程要小很多,同时创建一个线程的开销也比进程要小很多。在操作系统中能同时运行多个进程(程序);而在同一个进程(程序)只少有一个线程,多线程的处理程序是顺序进行...原创 2019-09-10 17:41:27 · 289 阅读 · 0 评论 -
npm发布包命令以及报错
首先去[npm官网](https://www.npmjs.com/)注册登录验证,也可以使用 npm adduser 注册,不过记得要邮箱验证。一、登录npm login // 输入Username Password Email 登录npm who am i // 查看当前登录的用户npm login 报错:npm config set registry https://regist...原创 2019-07-31 14:14:59 · 984 阅读 · 0 评论 -
关于echarts加载重绘问题
最近研究了echarts,发现重新加载不重新绘图的问题,找了一下问题的根源所在,大概如下:解决方案:因为echarts绘制都要创建一个Echarts实例,返回echartsInstance。所以我们只需要在重新创建的时候,移除之前创建的实例并且重新创建一个Echarts实例:document.getElementById('main').removeAttribute('_echarts_i...原创 2019-01-23 15:20:03 · 14478 阅读 · 23 评论