伪类：伪类是一种css选择器的关键字，符合当前伪类对应状态元素将会应用其对应的样式，比如:hover命中当前鼠标悬停的元素，:link 命中尚未访问的链接，div:first-child命中所有div中第一个孩子结点。 伪元素：伪元素是一个附加到选择器末尾的关键词p::firs…

使用伪元素替代dom元素解决方案，比如清除浮动，样式实现等。 不滥用dom标签，结构合理。 按需加载，减少不必要的渲染。 缓存dom对象，比如循环插入大量dom对象，将父dom在循环外获取，循环内插入。 使用document.createDocumentFragement创建文…

1，前端框架设计MVC,MVVM以及MVP三种模式。 MVC,MVP,MVVM三者都是软件架构模式，且MVP与MVVM均是在MVC基础上改进而来，他们的目的都是将视图层与模型层进行分离，他们的MV都是一样的，至于C,P,VM都是用来协调视图层与模型层。 MVC：M（model）…

持续更新中... http：超文本传输协议。是一个客服端和服务器端请求和应答的标准（tcp）,使浏览器更加高效，使网络传输减少 sql注入原理：是将sql代码伪装到输入参数中，传递到服务器解析并执行的一种攻击手法。 XSS（跨站脚本攻击）：往web页面插入恶意的html标签或者…

持续更新中... webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加…

持续更新中... Flex（Flexible Box）布局 称为 "弹性布局"，可以为网页的布局提供最大的灵活性，取代了往常的 浮动（float） 布局，并且任何一个容器都可以设置 Flex 布局。 通常在公共的css样式中定义一个清除浮动的类。 link方式的样式的权重 高于…

持续更新中... 即Model-View-ViewModel。 ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的，这个HTML元素可以是body，也可以是某个id所指代的元素。 DOM Listeners和Data Bindings…