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