DOM是很慢的，其元素非常庞大，页面的性能问题鲜有由JS引起的，大部分都是由DOM操作引起的。虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。
渐进式 Web 应用是利用现代浏览器的特性，可以添加到主屏幕上，表现得像原生应用程序一样的 Web 应用程序。
除了Document类型,我们Web编程中最常用的类型就是Element类型啦.Element 类型用于表现XML或HTML元素,提供了对元素标签名,子节点,特性的访问
减少工作量（一套代码，多个平台），以及快速的更新迭代（譬如线上更新），而且还需要考虑Native端的高性能以及系统API调用能力，混合页面导航栏组件由原生实现，一些重要的业务页面、带有复杂动画或交互的页面以及一些固定页面由原生实现
搜索引擎的蜘蛛会不断爬行互联网数据，如果网站没有做出防止搜索引擎抓取的操作，就很容易被搜索引擎收录，这篇文章主要讲解如何防止百度，360等搜索引擎收录网站内容。
在网页布局中，通常需要实现左边定宽右边自适应布局：实现方法有：浮动布局、flex布局、使用负margin、绝对定位、table布局
Web单页应用就是指只有一个Web页面作为入口的应用，在浏览器中运行期间不会重新加载页面。这篇文章将讲解web单页应用的好处，web单页应用的缺点，以及如何解决这些缺点。
移动web的兼容性bug的解决方法：远程接口的跨域问题，背景图片会模糊问题，图片加载，拨号功能等
在全面屏的 iPhone X 上，不需要而外的代码，Safari 可以非常完美的展示现有的网站。整个网站的内容都会自动地展示在一个“安全区域”内，并不会被四周的圆角或者“小刘海”遮挡住。
首先，我们来一个圆（黑色）。接着，再来两个半圆，将黑色的圆遮住。（为了演示，左右两侧颜色不一样）,这时候，我们顺时针旋转右侧蓝色的半圆，下面的黑色圆就会暴露出来，比如我们旋转45度（12.5%），效果出来了。
一个完整的前端工程体系应该包括：统一的开发规范；组件化开发；构建流程。开发规范和组件化开发面向的开发阶段，宗旨是提高团队协作能力，提高开发效率并降低维护成本。
纯CSS实现自适应浏览器宽度的正方形有以下三种方法：CSS3 vw 单位、设置垂直方向的padding撑开容器、利用伪元素的 margin(padding)-top 撑开容器
对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。
我们在客户端中见到的安装进度条效果以及滑块拖动效果,使用js+css都能够在页面中进行模拟,并且方法也并不复杂.我这里进行了简单的效果实现,记录一下以作巩固.
前端在调用外部API接口时返回Http是415的请求错误，这是415返回码是由于：服务器无法处理请求附带的媒体格式。通常解决方法有以下3种：1检查你的 http 请求头信息；2查看你的 http 请求方法；3post 请求参数设置
到任何有关部署 HTTPS 或 HTTP/2 的问题，都推荐先用 Qualys SSL Labs SSL Server Test 跑个测试，大部分问题都能被诊断出来。
我们在网页中很多都有右键菜单的功能，一般点击右键显示的是浏览器默认的菜单选项，那么我们直接如何通过css+js实现html的右键菜单呢？这篇文章将讲解html鼠标自定义右键菜单的实现原理和实现代码。
tbody加滚动条实现思路：1，把tbody设置成display:block，然后就对其高度设置一个固定值，overflow设置成auto。2，把thead的tr设置成display:block。3，因为都设置成block所以要给td手动添加宽度。4，考虑到 tbody 产生了滚动条，这设置::-webkit-scrollbar进行解决。
Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。它的目的是解决这些团队使用 npm 面临的少数问题，即：安装的时候无法保证速度/一致性,安全问题，因为 npm 安装时允许运行代码
本文中，所有的图形都是在单个标签内实现的，大量使用了 CSS3 中的 ::before 、::after 伪元素，transparent 、border，多重线性与径向渐变，多重内外阴影，如果你的效果不尽人意，请尝试在 Chrome 浏览器下预览。
