rem是相对于根元素html，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。
css样式中有很多简写方式，比如：设置背景，字体，边框，盒子等。我们都可以把css代码合并为一行，这篇文章将总结有哪些属性支持css简写。
HTML 5.2 正式成为 W3C 的推荐标准（REC）,其中，推出了一个新的原生模态对话框元素 ，乍一看，可能感觉它就是一个新增的元素，然而，作者最近在玩的时候，发现它确实是一个值得期待和很有意思的元素
css的加载是不会阻塞DOM的解析,但是会阻塞DOM的渲染，会阻塞link后面js语句的执行。这是由于浏览器为了防止html页面的重复渲染而降低性能，所以浏览器只会在加载的时候去解析dom树，然后等在css加载完成之后才进行dom的渲染以及执行后面的js语句。
DeviceMotionEven是html5提供的一个用来获取设备物理方向及运动的信息(比如陀螺仪、罗盘及加速计)的Dom事件，利用devicemotion实现手机h5页面摇一摇功能
作为前端开发，我们不仅需要满足产品需求功能的实现，同时也需要对自己做的网站进行安全、易用性、性能等方面的考虑。随着目前技术不断进步，web页面的性能测试工具也在不断完善，通过这些工具，我们可以客观的评价web网站的质量水平。
在网页图片显示的时候，会发现许多网站采用了先模糊，然后在慢慢清晰的过程，这样的加载用户体验是比较好的，那么如何实现呐？默认加载2张图片，一张缩略图，一张原图，当打开网页的时候默认只显示缩略图
对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的提升，也提高了用户体验。
在网页开发中，经常会遇到把一些通用内容的页面集中到一个页面中，需要使用这些页面只需要包含引入即可，这样有利于维护和修改，当通用页面修改时只需更改一个文件就可以了，不需要每个文件单独处理。
本文中，所有的图形都是在单个标签内实现的，大量使用了 CSS3 中的 ::before 、::after 伪元素，transparent 、border，多重线性与径向渐变，多重内外阴影，如果你的效果不尽人意，请尝试在 Chrome 浏览器下预览。
Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。它的目的是解决这些团队使用 npm 面临的少数问题，即：安装的时候无法保证速度/一致性,安全问题，因为 npm 安装时允许运行代码
tbody加滚动条实现思路：1，把tbody设置成display:block，然后就对其高度设置一个固定值，overflow设置成auto。2，把thead的tr设置成display:block。3，因为都设置成block所以要给td手动添加宽度。4，考虑到 tbody 产生了滚动条，这设置::-webkit-scrollbar进行解决。
我们在网页中很多都有右键菜单的功能，一般点击右键显示的是浏览器默认的菜单选项，那么我们直接如何通过css+js实现html的右键菜单呢？这篇文章将讲解html鼠标自定义右键菜单的实现原理和实现代码。
到任何有关部署 HTTPS 或 HTTP/2 的问题，都推荐先用 Qualys SSL Labs SSL Server Test 跑个测试，大部分问题都能被诊断出来。
前端在调用外部API接口时返回Http是415的请求错误，这是415返回码是由于：服务器无法处理请求附带的媒体格式。通常解决方法有以下3种：1检查你的 http 请求头信息；2查看你的 http 请求方法；3post 请求参数设置
我们在客户端中见到的安装进度条效果以及滑块拖动效果,使用js+css都能够在页面中进行模拟,并且方法也并不复杂.我这里进行了简单的效果实现,记录一下以作巩固.
对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。
纯CSS实现自适应浏览器宽度的正方形有以下三种方法：CSS3 vw 单位、设置垂直方向的padding撑开容器、利用伪元素的 margin(padding)-top 撑开容器
一个完整的前端工程体系应该包括：统一的开发规范；组件化开发；构建流程。开发规范和组件化开发面向的开发阶段，宗旨是提高团队协作能力，提高开发效率并降低维护成本。
首先，我们来一个圆（黑色）。接着，再来两个半圆，将黑色的圆遮住。（为了演示，左右两侧颜色不一样）,这时候，我们顺时针旋转右侧蓝色的半圆，下面的黑色圆就会暴露出来，比如我们旋转45度（12.5%），效果出来了。
