html 加载过程在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体D ...

构建内容 源代码预编译：比如 less、sass、typescript； 图片优化、雪碧图(CSS Sprite)生成； JS、CSS 合并、压缩； 静态资源加版本号和引用替换； 静态资源传 CDN 等。 项目目录结构 client ├── ...

1.首先零基础学习前端先要有一个计划，了解前端要学习哪些技术。2.做好自己的时间规划，如何快速入门前端那肯定是需要不断的提高自己的学习效率，学习过程总尽量把手机调至静音给自己一个安静的学习环境和氛围。3.快速入门顾名思义肯定是少走弯路，在学 ...

1. 利用 CSS 穿透覆盖默认样式常见发生场景：假如我们需要通过 input，type="file"来上传文件，而这个 input 的默认样式，可以说是非常地丑。所以我们希望通过一张图片，与这个 input 大小一样，位置一致地盖在上面。 ...

主要包括九部分主要内容，包括标题标签、段落标签、强制换行、水平线、图片、超链接、文本格式化标签、列表、表格一、标题 标题（Heading）是通过  - 标签进行定义的 定义最大的标题。 定义最小的标题。 ...

需求分析1、用es6的语法写了一个工具类2、需要兼容除chrome外较新的浏览器3、隐藏源码、缩小网络消耗利用工具babel 用于es6转换es5ug ...

看了很多文章，写的还是不够简单明了，所以自己总结了一篇文章： 当我们有个需求需要下载点击就能直接下载pdf的时候，往往会以为window.open就能实现，但是，事实并非如此，结果打开是pdf预览模式，这是因为浏览器自带有PDF阅读器，这并 ...

Vue Router 基础回顾 使用步骤 首先使用 vue cli 创建一个 Vue 项目来回顾一下 vue router 的使用。 全局安装 vue cli。 npm i -g @vue/cli 安装完成后检查版本是否正常。 vue -- ...

生成随机字符串利用Math.random和toString生成随机字符串，这里的技巧是利用了toString方法可以接收一个基数作为参数的原理，这个基数从2到36封顶。如果不指定，默认基数是10进制。略屌！     ...

何为插件（Plugin）？专注处理webpack在编译过程中的某个特定的任务的功能模块，可以称为插件。插件是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机 ...