同屏播放视频、移动端视频预加载：由于移动端不能预加载视频，所以hack一种方案：监听WXJSBridge WeixinJSBridgeReady、微信安卓环境下需要在touchmove事件中阻止掉默认事件，否则不能触发视频播放 、 由于微信安卓版本基于x5内核，视频会出现全屏按钮，而且去不掉，会误导用户点击
三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在实际的开发十分常见，比如淘宝网的首页，就是个典型的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。
MVC是一种软件架构的思想，即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离；MVC模式是一个复杂的架构模式,其实现也显得非常复杂,但多种设计模式结合在一起
CodePen有很多很酷的特效，而且可以看到效果的源代码，也可以看到实现效果，RunJS可以看到很多开发者分享的一些效果源码，如果你想找资源，做项目，这个网站绝对是一个不错的选择。html5tricks有很多前端实现的功能
空格：后代选择器，表示div元素里面所有的p元素。> 子选择器：表示div元素里面所有的子代（不含孙代及以后）p元素，~兄弟元素选择器：表示.cls元素往后的同级的p元素
js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度
对已抓取的HTTPS流量数据包，如果对其进行解密，需要满足以下几个前提：1、在SSL/TLS协商阶段，被选中的加密套件使用的密钥交换方式为RSA,2、已经获取RSA证书的私钥。
因此与原始的 React 页面相比，PDF 中应该有不同的样式和额外的内容。由于这个任务比用简单的 CSS 规则解决要复杂得多，所以我们先探讨了可能的实现方法。我们找到了 3 个主要解决方案。这篇博文将指导你了解它们的可能性并最终实施。
设计模式的定义是：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。通俗一点说，设计模式是在某种场合下对某个问题的一种解决方案。如果再通俗一点说，设计模式就是给面向对象软件开发中的一些好的设计取个名字。
做点击按钮切换背景样式与内容的时候每次都刷新页面 ，发现button写在了form 标签当中,将input或者button的type属性改为button，点击按钮页面就不会自动重新加载了。
前端组件化开发，已经有多年的历史了，不管是服务端渲染，还是前端SPA，都有了比较成熟的组件化开发的方案。 随着组件化开发的普及，前端社区中贡献了很多不错的前端组件，都提供开箱即用的方案，使得更好的发挥组件化的优势。
在前端开发中，许多新手常会遇见一个问题，参考的网页上有类似下图的图标，但在资源里却找不到对应的文件，这是因为这些网页使用了图标库。这里介绍一种常见的图标库——FontAwesome的使用。
真正意义上的inline-block水平呈现的元素间，换行显示或者空格隔开的情况下会有间距，这是因为浏览器在解析时，会将换行等读取成一个空格导致。
现在参加HTML5培训的人很多，但是能学到什么东西还有很多的小伙伴不是很清楚，本篇文章就带读者看一下一名专业的HTML5程序员需要掌握哪些技能。
HTML5引入的和元素，使用起来和元素一样简单。对于支持HTML5的浏览器，不再需要使用插件（像flash）来在HTML文档中嵌入音频和视频：实际上，使用这些元素的时候要更加巧妙。由于各家浏览器制造商未能在对标准音频和视频编码支持上达成一致
关于url的动态、静态、伪静态，很多站长朋友，尤其是新站长一直搞不清楚。网上的许多解释又语焉不详，下面就作详细的讲解下。
总结30个CSS3选择器：*选择器是选择页面上的全部元素，上面的代码作用是把全部元素的margin和padding设为0，最基本的清除浏览器默认样式的方法。
一般调整 checkbox 大小我们想到的是 width、height，可是设置后，发现是没有效的。如微信小程序里面，checkbox 默认就很大，想设置小一点怎么办？
今天使用微信的WEUI的checkbox的时候，发现点击checkbox是有checked和unchecked的变化的，但是想要去获得checkbox的checked状态时，发现event listener里居然没有该checkbox的click之类的事件。
使用NPM安装的时候会经常出现包冲突（比如多个主模块的子模块版本不一致等），导致在开发过程中会遇到各种或大或小的问题。所有在这会介绍以下内容：NPM 主要安装方式，NPM 包信息查询
