通过js或css禁止蒙层底部页面跟随滚动：pc端推荐给body添加样式overflow: hidden;height: 100%;移动端利用移动端的touch事件，来阻止默认行为，若应用场景是全平台我们要阻止页面滚动，那么何不将其固定在视窗（即position: fixed），这样它就无法滚动了，当蒙层关闭时再释放。
flex常用布局：经典的上-中-下布局。在上-中-下布局的基础上，加了左侧定宽 sidebar。左边是定宽 sidebar，右边是上-中-下布局。还是上-中-下布局，区别是 header 固定在顶部，不会随着页面滚动。左侧 sidebar 固定在左侧且与视窗同高，当内容超出视窗高度时，在 sidebar 内部出现滚动条。
PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考虑用H5来实现。
断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。本文主要介绍了“逐语句执行”按钮、“逐过程执行”按钮、console控制台这三个工具，以及调试bug时的一些思路。
基于JavaScript的动画竟然已经默默地比CSS的transition动画快了？而且，Adobe和 Google竟然一直在发布可以媲美原生应用的富媒体移动站点？这篇文章将会逐点讲解基于JavaScript的DOM动画库，比如Velocity.js和GSAP，是如何比jQuery和基于CSS的动画库高效的。
浮动float是常用的css属性，可以设置左浮动float：left；右浮动float：right；不浮动float：none；浮动会影响到前后标签 、引起父容器塌陷，导致页面布局出错等问题。这篇文章就整理清除float的多种方法。
XSS攻击的全称Cross Site Scripting（跨站脚本攻击），为了避免和样式表CSS混淆而简写为XSS。XSS恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。
通过css3我们可以创建动画，它能取代gif图片、Flash、Js动画等,css3的animation动画是应用在html的DOM元素上的，通过样式来实现的。
CSS3中可以使用transition来做最简单动画效果，transition表示到一个元素的属性值发生变化时，我们可以看到页面元素从旧的属性慢慢变化为新的属性值的过程，这种效果不是立即变化的，而是体现出一种动画过程。
事件冒泡是由IE开发团队提出来的，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播。事件捕获是由Netscape Communicator团队提出来的，是先由最上一级的节点先接收事件，然后向下传播到具体的节点。
浏览器缓存主要分为强强缓存（也称本地缓存）和协商缓存（也称弱缓存）,强缓存是利用http头中的Expires和Cache-Control两个字段来控制的，用来表示资源的缓存时间。协商缓存就是由服务器来确定缓存资源是否可用.
如果您正在测试前端应用程序，则应该了解前端测试金字塔。在本文中，我们将看到前端测试金字塔是什么，以及如何使用它来创建全面的测试套件。
在网页开发中经常会有交互操作，比如点击一个dom元素，需要让js对该操作做出相应的响应，这就需要对Dom元素进行事件绑定来进行处理，js通常有三种常用的方法进行事件绑定：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。
css盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。css盒子模型到底的思想是什么？CSS盒子模型对行内元素和块级元素的区别和特点，Box-sizing的使用。
CSS中Grid是一种二维网格式布局方式，Grid是为了解决二维布局问题而创建的CSS模块。使用Gird的好处，Gird在浏览器的兼容性，Grid布局的示例源码...
rem vh vw vmin vmax做为CSS3中的新单位，对CSS3的单位的使用了解是非常重要的，也许你会遇到一个问题可以通过css的这些单位得到解决，同时对于rem,vh和vw,百分比等都是我们做自适应网站常用的方法。
基于webkit内容隐藏滚动条,核心代码是：overflow的值需要设置为auto或者scroll，然后设置::-webkit-scrollbar的display属性为none。当然也可以通过设置滚动条的宽度为0。
这篇文章主要讲解：右键复制失效方法、菜单-文件－另存为-失效方法、防止查看源代码进行复制的方法、防止页面缓存的方法。来达到一定的代码保护效果
收集的一些前端面试题。太用力的人跑不远，面试是次要，技术的沉淀和积累才是主要,从面试题发现不足，进而查漏补缺，比通过面试更难得。
利用js动态创建一个link插入到文档中, 请求css文件，利用 computedStyle = window.getComputedStyle 获取指定元素的 style 对象，利用 computedStyle .content 获取内容
