用CSS新属性实现特殊的图片显示效果
使用一个或多个图像相关的CSS属性（background-blend-mode, mix-blend-mode, or filter）可以实现许多特殊的图片显示效果。本文转载自Bennett Feely的个人网站，文中共列举了20种图片显示效果。
常用正则表达式
将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，$匹配输入字符串的结束位置
props，挂载函数和快照测试
我们测试了通过一些 props 的结果。但是实际上，我们可以直接测试 props。让我们回到上次的 ToDoList组件，不过这次要用一个新的 Task 组件。我们将要测试 ToDoList 组件是否渲染 Task 组件，并将任务名称传递给他们。
flex的各种布局
Flex是Flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。任何一个容器都可以指定为Flex布局。
jQuery中的事件、动画、表单应用
页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。在事件中经常使用术语 触发或 激发，常用click(）方法触发
vue基础实用技巧
Vue以前听说过，有了解过一点。当时还在热衷于原生JavaScript去写一些方法的封装，不是为啥，就感觉这样很帅，后面多多少少接触了一些JQuery的用法，到现在为止，JavaScript原生封装的一些方法
在 HTML 中包含资源的新思路
只要我一直工作在 Web 上，就需要一种简单的 HTML 驱动方式，将另一个文件的内容直接包含在页面中。 例如，我经常希望向页面添加额外的 HTML，或者嵌入 SVG 文件的内容，以便我们可以为其设置动画和样式。
如何写出优雅耐看的JavaScript代码？
在我们平时的工作开发中，大多数都是大人协同开发的公共项目；在我们平时开发中代码codeing的时候我们考虑代码的可读性、复用性和扩展性。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。
响应式网站的内容设计
基于响应式开发网站，除了页面的布局是我们设计的重点，网站中显示的图片和文字也是我们不能轻视的内容。真正具有响应性的Web设计是完全调整网站以满足访问者的设备。我们需要在响应式布局的页面上传送最佳的