摘要：
* png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.也可以引用一段脚本处理. * 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。 * IE6双边距bug:块属性标签float后，又有横行的margin情况下 阅读全文
摘要：
假如想获取某个页面中的元素在页面中的具体位置怎么做到？ 可以使用 object.getBoundingClientRect()； 例子：假如元素类名是 order-tab 这个方法返回一个对象，包含一些属性，获取需要的属性即可。 注意一：right和bottom两个属性 不是元素右边距离视口右边，元 阅读全文
摘要：
1：entry和output就是打包的入口和出口的两个对象。但是如果入口文件就一个的话（应该说只希望打包出一个脚本文件）， entry直接跟一个字符串（入口文件路径）就可以了。如：entry : "./src/index.js"。 2：当我们有多个入口，希望打包出多个文件出来的时候，需要注意几点： 阅读全文
摘要：
1 plugins是什么？？？ 如果学过vue和react肯定知道生命周期函数，而生命周期函数实际上就是当程序运行在某个时刻一定会发生的函数。 plugins其实也是如此，我们在项目中配置相应的plugins就是希望在打包过程中的一些时刻，一些场景下帮助我们做 一些事情。 2 HtmlWebpack 阅读全文
摘要：
首先搞清楚两个问题： 1 什么是loader? 2 为啥要用各种loader 答： loader 就是各种打包规则，为什么要用是显而易见的，因为webpack还没智能到给它什么文件都能打包，对于js文件是完全ok的， 但是对于一些图片 .png .jpg .gif .vue等文件它并不能打包，直接打 阅读全文
摘要：
前言：webpack打包工具让整个项目的不同文件夹相互关联，遵循我们想要的规则。想 .vue文件， .scss文件浏览器并不认识，因此webpage暗中做了很多转译，编译等工作。 事实上，如果我们在没有加配置文件之前 webpack是有默认配置的，比如在项目最开始的时候我们没有加上webpack.c 阅读全文
摘要：
如何在项目中安装webpack，webpack-cli？ 前提：电脑安装了 node和npm包管理工具 1 创建项目文件夹或者在已有的项目中打开终端 输入相关命令： npm init 因为已经安装好了node 的 npm 包管理工具，使用npm 在项目中初始化，使得项目符合 node 规范。 根据终 阅读全文
摘要：
前言：网上有很多关于函数节流和防抖的文章，比如： 函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。 大家大概都知道旧款电视机的工作原理，就是一行行得扫描出色彩到屏幕上，然后组成一张张图片。由于肉眼只能分辨出一定频率的变化，当高频率的扫描，人类是感觉不出来的。反而形成一种视觉效果，就是一 阅读全文
摘要：
我大前端全靠JavaScript吃饭，而闭包和作用域也是JavaScript中的核心，其实在开发过程中我们经常用到闭包，常见到我们自己都不知道自己用了。 啥是闭包？ 闭包和作用域有啥关系 闭包的使用场景 写一个闭包的实例 1 闭包的概念和原理真的不想说，有的详解看的很晕，牵涉到js语法和执行环境，执 阅读全文
摘要：
导语1：一个构造函数的原型对象，其实就是这个构造函数的一个属性而已，属性名叫prototype,值是一个对象，对象中有一些属性和方法，所以每个构造函数的实例对象都拥有这些属性和方法的使用权。 导语2：构造函数需要用 new 操作符来调用，它本身没有任何意义，只有实例化后才有生命，当然你也可以把它当普 阅读全文