在前端组件化横行的今天，确实极大的提升了开发效率。不过有一个问题不得不被重视，拟引入的这些html、css、js代码有可能对你的其他代码造成影响。虽然我们可以通过命名空间、闭包等一系列措施来加以防备，不过还是存在这些隐患。为了解决这些问题，有一个基本大家遗忘的技术还是可以了解一下的，那就是WebComponents。W...

方式一，调用函数，得到返回值。强制函数直接量执行再返回一个引用，引用在去调用执行方式二，调用函数，得到返回值。强制运算符使函数调用执行(function(){})();是把函数当作表达式解析，然后执行解析后的函数相当于vara=function(){};a();a得到的是函数(function(){}());是把函数表...

localStorage和sessionStorage的增删改查：存储数据：sessionStorage.setItem('key','sessionStorage的值');//存储数据1获取指定键名数据：letdataSession=sessionStorage.getItem('key');//获取指定键名数据le...

前端模块规范有三种：CommonJs,AMD和CMD。CommonJs用在服务器端，AMD和CMD用在浏览器环境AMD是RequireJS在推广过程中对模块定义的规范化产出。CMD是SeaJS在推广过程中对模块定义的规范化产出。AMD:提前执行（异步加载：依赖先执行）+延迟执行CMD:延迟执行（运行到需加载，根据顺序执...

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示...

computed是用来把多个基础的数据组合成一个复杂的数据；同时获得了vue提供的自动变更通知机制。　　即将基础数据变为复杂数据，同时获得自动变更通知机制watch是利用了vue的自动变更通知机制，用于把这一变化扩散出去（实现相关的更新逻辑或者做和computed相反的事情）。　　即利用自动变更通知机制，将变化扩散出去...

   分享文章：https://blog.csdn.net/weixin_42080056/article/details/81631661https://jingyan.baidu.com/article/fcb5aff7153ac3edaa4a7196.html  ...

面试常问的一个基础问题==和===区别是什么？ 这里简单描述下"==="叫做严格运算符，"=="叫做相等运算符而且==会对数据做隐式转换，而===则是直接判断数值和类型     ....

前端经常在静态资源的存放上有分歧相同点：assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点不相同点：assets中存放的静态资源文件在项目打包时，也就是运行npmrunbuild时会将assets中放置的静态资源文件进行打包上传，所谓打...

首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。CommonJS规范规定，每个模块内部，module变量代表当...

1，传统Ajax指的是XMLHttpRequest（XHR），最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。JQueryajax是对原生XHR的封装，除此以外还增添了对JSONP的支持。经过多年的更新维护，真的已经是非常的方便了...

   .关于artTemplate模板引擎的详细原理请移步高性能JavaScript模板引擎原理解析，本文只探讨如何使用。初学前端的人一般对于绑定数据都是使用原生js或者jquery来拼接字符串，此为hardcode，而且拼接的过程很头疼，什么单引号双引号，符号嵌入多了就头晕眼花容易出错，...

  最近在某团队忙于一个项目，有这么一个页面，采用传统模式开发（吐槽它为什么不用React），它的DOM操作比较多，然后性能是比较差的，尤其当你缩放窗口时，可怕的事情发生了，出现了卡顿，甚至浏览器瘫痪。为什么呢？   由于该页面的DOM操作非常多，故窗口缩放每一帧时都会...

webpack用于编译JavaScript模块，是 JavaScript 静态模块的打包工具。从webpackv4.0.0开始，可以不用引入一个配置文件。1.入口(entry)：指定webpack打包编译从哪个文件开始下手入口起点(entrypoint)指示webpack使用哪个模块，作为构建其内部...

先贴两张图：vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad:页面加载一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所...