随笔分类 -  js

js
摘要:一、说明 SwitchyOmega为CHROME的一款http代理配置插件 chrome的插件的安装方式有多种类,熟悉的可以直接百度, 这是一篇比较全面的说明文档:http://www.cnplugins.com/tool/three-methods-to-install-crx.html 该处仅说 阅读全文
posted @ 2022-04-28 15:02 zhishaofei3 阅读(7955) 评论(0) 推荐(0)
摘要:(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() 阅读全文
posted @ 2021-03-01 17:42 zhishaofei3 阅读(755) 评论(1) 推荐(0)
摘要:在原来的属性描述符上重写: function customInputSetter(){ var descriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value"); var originalSet = d 阅读全文
posted @ 2021-02-24 11:32 zhishaofei3 阅读(129) 评论(0) 推荐(0)
摘要:从后端接口下载文件的2种方式 一、get方式 直接使用: location.href='http://www.xxx.com/getFile?params1=xxx&params2=xxxx' 二、post方式 当有文件需要传给后端接口、后端处理后返回文件时,用post方式发送formdata。此时 阅读全文
posted @ 2020-12-26 14:34 zhishaofei3 阅读(2180) 评论(0) 推荐(0)
摘要:1、git初始化 git init 1 2、在指定文件夹里创建gh-pages分支 git checkout --orphan gh-pages 1 3、添加文件到暂存区 git add . 1 4、添加信息 git commit -m “xxxxxxxx” 5、推送项目到gh-pages分支 gi 阅读全文
posted @ 2020-11-28 13:49 zhishaofei3 阅读(247) 评论(0) 推荐(0)
摘要:memoization 来源于拉丁语 memorandum ("to be remembered"),不要与 memorization 混淆了。 首先来看一下维基百科的描述: In computing, memoization or memoisation is an optimization te 阅读全文
posted @ 2020-11-18 22:39 zhishaofei3 阅读(141) 评论(0) 推荐(0)
摘要:http://robertpenner.com/easing https://easings.net https://github.com/ai/easings.net 阅读全文
posted @ 2020-11-04 17:43 zhishaofei3 阅读(150) 评论(0) 推荐(0)
摘要:每年,JavaScript 的更新都会添加新特性。今年发布的是 ES2020 或称 ES11,预计 ES2021 或称 ES12 将于 2021 年中发布。添加到 JavaScript 的新特性都会经历四个阶段。在本文中,我将讨论已经进入第四阶段且已添加到谷歌 Chrome V8 引擎中的新特性。讨 阅读全文
posted @ 2020-11-01 14:45 zhishaofei3 阅读(484) 评论(0) 推荐(0)
摘要:很多初学者在刚接触 babel 的时候,通常会看到这样一个报错信息: ReferenceError: regeneratorRuntime is not defined 这个报错表面上是由于 async function 语法被 babel 转译之后的代码使用了 regeneratorRuntime 阅读全文
posted @ 2020-10-29 12:15 zhishaofei3 阅读(1708) 评论(0) 推荐(0)
摘要:提升页面性能优化的常见方式: 1、资源压缩合并,减少http请求 2、非核心代码异步加载 --> 异步加载的方式 --> 异步加载的区别 3、利用浏览器缓存 --> 缓存的分类 --> 缓存的原理 缓存是所有性能优化的方式中最重要的一步【重要】 有的人可能会回答local storage 和sess 阅读全文
posted @ 2020-09-30 12:10 zhishaofei3 阅读(501) 评论(0) 推荐(0)
摘要:v8引擎出现的原因 这里先说一下什么是编译型语言和解释性语言: 编译型语言: 在程序执行之前必须进行专门的编译过程,有如下特点: 只须编译一次就可以把源代码编译成机器语言,后面的执行无须重新编译,直接使用之前的编译结果就可以;因此其执行的效率比较高; 编译性语言代表:C、C++、Java、Pasca 阅读全文
posted @ 2020-09-21 15:32 zhishaofei3 阅读(764) 评论(0) 推荐(0)
摘要:根据W3C性能小组的介绍,超过50ms的任务就是长任务。 图片来自使用 RAIL 模型评估性能 根据上图我们可以知道,当延迟超过100ms,用户就会察觉到轻微的延迟。 所以为了避免这种情况,我们可以使用两种方案,一种是Web Worker,另一种是时间切片(Time Slicing)。 Web Wo 阅读全文
posted @ 2020-09-17 17:05 zhishaofei3 阅读(569) 评论(0) 推荐(0)
摘要:我们使用 Webpack 经常会配置一些别名 alias 指向特定的目录,这样在使用 import 等语句时就不用写一大堆的相对路径了,常见的是将项目的 src 设置为 @,比如某文件的路径是 src/libs/util.js,配置后,任何地方就可以这样导入: import util from '@ 阅读全文
posted @ 2020-09-02 19:56 zhishaofei3 阅读(1511) 评论(0) 推荐(1)
摘要:https://fullcalendar.io/ 阅读全文
posted @ 2020-08-31 11:57 zhishaofei3 阅读(237) 评论(0) 推荐(0)
摘要:https://www.cnblogs.com/ziyoublog/p/11389695.html 阅读全文
posted @ 2020-08-19 22:26 zhishaofei3 阅读(152) 评论(0) 推荐(0)
摘要:HTTP缓存 HTTP缓存( ETag、Cache-Control)——谷歌开发者HTTP缓存有利于web性能优化 Cache-Control 例子 假设我们首页有一个请求,请求js文件<script src="./main.js"></script>如何让CSS和JS请求速度加快? 此时打开首页发 阅读全文
posted @ 2020-08-19 22:22 zhishaofei3 阅读(763) 评论(0) 推荐(0)
摘要:1,不加标签的script阻塞dom解析,执行顺序按照标签顺序 2,async script不阻塞dom解析,执行顺序不固定,看网络状况 3,defer script不阻塞dom解析,等dom解析执行完毕后再执行,执行顺序按照标签顺序 4,link css不阻塞dom解析,阻塞了script的执行和 阅读全文
posted @ 2020-08-19 22:04 zhishaofei3 阅读(717) 评论(0) 推荐(0)
摘要:es6 { export : '可以输出多个,输出方式为 {}' , export default : ' 只能输出一个 ,可以与export 同时输出,但是不建议这么做', 解析阶段确定对外输出的接口,解析阶段生成接口, 模块不是对象,加载的不是对象, 可以单独加载其中的某个接口(方法), 静态分 阅读全文
posted @ 2020-08-19 17:14 zhishaofei3 阅读(144) 评论(0) 推荐(0)
摘要:单线程的 JavaScript 一段一段地执行,前面的执行完了,再执行后面的,试想一个,如果前一个任务需要执行很久,比如接口请求、I/O 操作,此时后面的任务只能干巴巴地等待么?干等不仅浪费了资源,而且页面的交互程度也很差。JavaScript 意识到了这个问题,他们将任务分成了同步任务和异步任务, 阅读全文
posted @ 2020-08-19 16:18 zhishaofei3 阅读(604) 评论(0) 推荐(0)
摘要:1、generator generator是ES6实现的标准。 generator 函数返回一个遍历器对象 遍历器对象 每次调用next 方法 返回 有着value 和done 两个属性的对象 generator 函数 yield 后面的表达式即为 返回对象 value属性的值 image.png 阅读全文
posted @ 2020-08-19 15:34 zhishaofei3 阅读(521) 评论(0) 推荐(0)