![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 51
Lilio1216
just do it
展开
-
CommonJS 和 ES Module 区别
CommonJsCommonJs中 require可以动态加载语句,代码发生在运行时CommonJs混合导出,还是一种语法,只不过不用声明前面对象而已,当我导出引用对象时之前的导出就被覆盖了CommonJs导出值是浅拷贝,可以修改导出的值,这在代码出错时,不好排查引起变量污染Es ModuleEs Module是静态的,import 不可以动态加载语句,只能声明在该文件的最顶部,代码发生在编译时Es Module混合导出,单个导出,默认导出,完全互不影响Es Module导出是引用值(存在映射原创 2021-09-18 15:17:19 · 142 阅读 · 0 评论 -
window的IntersectionObserver特性使用
前言翻vant源码,看到有使用IntersectionObserver属性,才疏学浅的我居然不知道是啥玩意,百度一番,确实是个好东西!IntersectionObserver主要用于元素可见性的监听,比传统通过全局监听scroll事件去判断可见性无论是性能还是便利性都要好得多。因为api比较新,存在兼容性问题,好在已经有了兼容的polyfill.其基本介绍和使用方式都可以在该polyfill对应网站上看到。使用场景1.图片懒加载监听scroll方式(旧):window.addEventLis转载 2021-08-03 14:52:40 · 681 阅读 · 0 评论 -
vue使用lib-flexible和postcss-px2rem-exclude解决移动端适配问题
vue使用lib-flexible和postcss-px2rem-exclude解决移动端适配问题一、思路解决移动端适配问题的根本思路在于将px转换成rem⑴ 使用postcss-px2rem-exclude可以将项目中的px自动转换成rem⑵ 而amfe-flexible则可以根据不同型号的手机,进行相应的HTML根节点(font-szie)的初始化。二、步骤安装 postcss-px2rem-exclude、amfe-flexiblecnpm install postcss-px2re转载 2021-07-28 10:25:53 · 599 阅读 · 0 评论 -
关于遮罩面板出现滚动条的处理
遮罩面板打开时: // 固定body fixedBody() { const scrollTop = document.body.scrollTop || document.documentElement.scrollTop; this.prevBodyCss = document.body.style.cssText; document.body.style.cssText += "position:fixed;width:1原创 2020-12-16 15:30:17 · 173 阅读 · 0 评论 -
日常代码学习记录
实现 Promise.retry,成功后 resolve 结果,失败后重试,尝试超过一定次数才真正的 reject Promise.retry = function(fn, num){ return new Promise(function(resolve, reject){ while(num>0){ try{ const res = await fn resolve(res).原创 2020-11-27 14:21:59 · 98 阅读 · 0 评论 -
js常用工具库
LodashLodash是一个一致性、模块化、高性能的 JavaScript 实用工具库Lodash 中文文档Lodash 官网path-to-regexppath-to-regexp只要用于url 字符串的正则匹配,包含parse、exec、compile等方法path-to-regexp使用说明momentMoment.js 是一个 JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期moment.js中文网...原创 2020-09-15 17:40:49 · 1944 阅读 · 0 评论 -
ES6常用语法
1、Set通过new Set()可以创建Set,然后通过add()方法能够向Set中添加数据项,Set内部使用Object.is()方法来判断两个数据项是否相等,注意1与’-1’是2个不相等的项,+0和-0在Set中被判断为是相等的Set构造器会确保不会存在重复的数据项//Setlet set= new Set();set.add(1);set.add('1');console.lo...原创 2020-04-08 12:45:50 · 113 阅读 · 0 评论 -
js数组常用方法整理
1、join数组转换成字符串 ,不改变原数组join(" "),括号里面规定连接字符,不填写时默认是逗号( ,)var arr = [1,2,3];console.log(arr.join()); // 1,2,3console.log(arr.join("-")); // 1-2-3console.log(arr); // [1, 2, 3](原数组不变...转载 2020-04-08 11:38:49 · 150 阅读 · 0 评论