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