在全面屏的 iPhone X 上，不需要而外的代码，Safari 可以非常完美的展示现有的网站。整个网站的内容都会自动地展示在一个“安全区域”内，并不会被四周的圆角或者“小刘海”遮挡住。
移动web的兼容性bug的解决方法：远程接口的跨域问题，背景图片会模糊问题，图片加载，拨号功能等
Web单页应用就是指只有一个Web页面作为入口的应用，在浏览器中运行期间不会重新加载页面。这篇文章将讲解web单页应用的好处，web单页应用的缺点，以及如何解决这些缺点。
在网页布局中，通常需要实现左边定宽右边自适应布局：实现方法有：浮动布局、flex布局、使用负margin、绝对定位、table布局
搜索引擎的蜘蛛会不断爬行互联网数据，如果网站没有做出防止搜索引擎抓取的操作，就很容易被搜索引擎收录，这篇文章主要讲解如何防止百度，360等搜索引擎收录网站内容。
减少工作量（一套代码，多个平台），以及快速的更新迭代（譬如线上更新），而且还需要考虑Native端的高性能以及系统API调用能力，混合页面导航栏组件由原生实现，一些重要的业务页面、带有复杂动画或交互的页面以及一些固定页面由原生实现
除了Document类型,我们Web编程中最常用的类型就是Element类型啦.Element 类型用于表现XML或HTML元素,提供了对元素标签名,子节点,特性的访问
渐进式 Web 应用是利用现代浏览器的特性，可以添加到主屏幕上，表现得像原生应用程序一样的 Web 应用程序。
DOM是很慢的，其元素非常庞大，页面的性能问题鲜有由JS引起的，大部分都是由DOM操作引起的。虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。
有些机型有些app不能横屏：比如Android的微信就没有横屏模式，而ios的微信能开启横屏模式。解决办法就是在竖屏模式下，写一个横屏的div，然后设置rotate正（负）90度，把他旋转过来；而且如果用户切到横屏时，需要把rotate复原，要求也能正常展现。
对内容很长的部分有一个渐变的隐藏的效果，个人觉得这个设计还是很好的，符合手机大小的应用场景，没有一下子显示完全，可以很快的滑倒页面底部，一定程度上减少了滑动时间，用户体验很好，对整个页面有一个大概的预览，强迫症会感觉很爽。
在css3样式中有一个类似与函数的计算属性calc()，它主要用于指定元素的长度，无论是border、margin、pading、font-size和width等属性都可以使用calc来设置动态值。
获取伪元素的属性值可以使用window.getComputedStyle()方法，获取伪元素的CSS样式声明对象。然后利用getPropertyValue方法或直接使用键值访问都可以获取对应的属性值。 更换class来实现伪元素属性值的更改、使用CSSStyleSheet的insertRule来为伪元素修改样式、
HTML5全局属性：可以用来配置所有元素共有的行为，这种属性称为全局属性，可以用在任何一个元素身上。包括：accesskey属性、class属性、contenteditable属性、dir属性、draggable属性、dropzone属性、hidden属性等
使用技巧会让人变的越来越懒，没错，我就是想让你变懒。下面是我收集的CSS高级技巧，希望你懒出境界。黑白图像、使用:not()在菜单上应用/取消应用边框、页面顶部阴影、逗号分隔的列表、使用负的 nth-child 选择项目、对图标使用 SVG....
CSS以图换字的技术，很久都没人提起了。它是一种在h1标签内，使用图像替换文本元素的技术，使页面在设计和可访问性之间达到平衡。本文将详细介绍CSS以图换字的9种方法
从爬虫的攻防角度来讲,最简单的爬虫，是几乎所有服务端、客户端编程语言都支持的http请求，只要向目标页面的url发起一个http get请求，即可获得到浏览器加载这个页面时的完整html文档，这被我们称之为“同步页”。
inline-blcok元素中间的空白符引起的间隙，处理方法总结包括：改变书写结构、使用font-size:0、使用margin负值、使用letter-spacing或word-spacing、丢失结束标签、W3C推荐 导航方法（兼容IE6等）、YUI的inline-block间隙处理等...
作为一个SDK，我们的目标是让使用者能够减少查看文档的时间，所以我们需要提供一些类型的检查和智能提示，一般我们的做法是提供JsDoc，大部分编辑器可以提供快捷生成JsDoc的方式，另一种做法是使用Flow或者TypeScript
通过js或css禁止蒙层底部页面跟随滚动：pc端推荐给body添加样式overflow: hidden;height: 100%;移动端利用移动端的touch事件，来阻止默认行为，若应用场景是全平台我们要阻止页面滚动，那么何不将其固定在视窗（即position: fixed），这样它就无法滚动了，当蒙层关闭时再释放。
