
javascript
aicherish
前端
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
shim和polyfill
Shim shim指的是在一个旧的环境中模拟出一个新的API,而且仅靠旧环境中已有的手段,以便所有的浏览器具有相同的行为。主要特征: 该API存在于现代浏览器中; 浏览器有各自的API或可通过别的API实现; API的所有方法都被重新实现; 拦截API调用,并提供自己的实现 是一个优雅降级 Polyfill polyfill是一个段代码(或者插件),提供了那些开发者们希望浏览器原声提供支持的功能。程序库先检查浏览器是否支持某个API,如果不支持则加载对应的polyfill。主要特征: 是浏览器API的原创 2021-09-03 16:00:49 · 205 阅读 · 0 评论 -
滚动事件没有效果
在使用VueJS项目中,使用window.onscroll事件监听页面滚动,发现没用效果,找网上查找了资料,原因是父级元素使用overflow:auto,去掉这个元素就可以。 在移动端滚动滑动效果中,使用better-scroll,有很多坑,比如:会使定位元素失效,点击事件失效,原生的window.onload事件失效 ...原创 2020-03-15 11:32:47 · 542 阅读 · 0 评论 -
Promise学习笔记
定义 Promise是一个对象,它代表了一个异步操作的最终完成或者失败。本质上,Promise是一个被某些函数传入的对象,我们附加回调函数使用它,而不是将回调函数传入那些函数内部。 语法 new Promise( function(resolve, reject) {...} /* executor */ ); 参数 executor:executor是带有resolve和reject两...原创 2020-03-09 10:40:38 · 138 阅读 · 0 评论 -
vue-cli3.0 配置全局自定义变量
在使用vuecli3.0去构建项目时,可以通过npm run serve去启动项目,使用npm run build编译项目,很多时候,针对生产和开发的环境变量是不一样的,比如:请求的地址。因此我们需要针对生产和开发环境定义不同的全局变量。 .env:全局默认配置文件 .env.development:开发环境下的配置文件 .env.production:生产环境下的配置文件 注意:在文件下的...原创 2020-03-05 23:02:47 · 2106 阅读 · 0 评论 -
浅谈load和DOMContentLoaded
load MDN:当一个资源及其依赖资源已完成加载时,将触发load事件。 当页面上的所有资源加载完成时触发,包括:html、css、图片资源等 DOMContentLoaded MDN:当纯HTML被完全加载以及解析时,DOMContentLoaded 事件才会被触发,而不必等待样式表、图片或者子框架加载完成 ...原创 2020-03-04 17:42:27 · 264 阅读 · 0 评论 -
VueJs编程规范
好的编程习惯能够减少错误发生的概率,编码习惯好的人写出来的代码可读性好、可维护性高,规范编码风格习惯,降低团队之间的沟通成本。本文将介绍VueJS的编码规范 组件名为多个单词 组件名应该始终是多个单词,根组件App以及<transition>,<component>之类的内置组件除外。这样做可以避免跟现有的以及未来的HTML元素相冲突,因为所以的HTML元素名称都是单个...原创 2020-03-03 22:16:31 · 300 阅读 · 0 评论 -
JSON.stringify和JSON.parse详解
JSON.stringify() MDN:JSON.stringify()方法将一个JavaScript值(对象或数组)转换为一个JSON字符串,如果指定了replacer是一个函数,则可选择性的替换,或者如果指定了replacer是一个数组,则可选择性地仅包含数组指定的属性。 语法 // []表示可选参数 JSON.stringify(value[, replacer [, space]])...原创 2020-03-02 09:30:13 · 1269 阅读 · 0 评论 -
正则表达式
正则表达式的概念 MDN解释:正则表达式是用于匹配字符串中字符组合的模式。 简单理解正则就是用来匹配字符串的,根据我们的规则去匹配字符串 创建一个正则表达式 1、使用一个正则表达式字面量 //匹配一个字符串中出现abc子串 const reg = /abc/ console.log(/abc/.test('jackabc')) // true console.log(/abc/.test('j...原创 2020-02-22 16:27:16 · 465 阅读 · 0 评论 -
VueJS中v-model和.sync详解
v-model v-model其实就是一个语法糖,绑定value事件,监听input事件。v-model默认会将value属性传递给子组件,并且会监听input事件,实现双向数据绑定 index.vue <template> <div> <k-input v-model="msg"></k-input> // v-model就是下...原创 2020-02-21 15:19:43 · 999 阅读 · 0 评论 -
Unexpected literal in error position of callback.eslint(standard/no-callback-literal)
Unexpected literal in error position of callback.eslint(standard/no-callback-literal) eslint标准模式-回调报错,cb(true/false)的回调函数写法,在eslint starand的标准中不允许这样写。 解决方法 Promise.all(tasks) .then(() => c...原创 2020-02-18 21:32:40 · 4568 阅读 · 0 评论 -
JavaScript的执行上下文和执行栈
什么是执行上下文? 执行上下文就是当前代码被解析和执行时所在的环境。 Global code:默认的执行环境,当代码第一次执行时所在的环境 Function code:当进入到一个函数体时的执行环境 Eval code :当一段代码传入到eval函数执行时的环境 紫色框包裹的为全局上下文,person、firstName、lastName3个函数上下文,整个代码中只有一个全局上下文,它能够被其...原创 2020-02-18 19:13:04 · 157 阅读 · 0 评论