效果图： 思路： {代码...} 具体代码 {代码...} 备注 代码没有注释，如果有看不懂的地方，可以联系我sf上联系不到的话可以联系我的公众号：有一个姑娘在coding 欢迎一起交流学习

本文主要讲述利用border属性做出不同的几何形状从而适用于比较好看的视觉样式。 预备知识 border相关属性 border-width 边框的宽度 border-style 边框的样式 border-color 边框的颜色 案例举例 为了更加通俗易懂，demo用的是最简单的dom元素和css属性 {代码...} {代码...} 上面的css代码重点在于左边较深颜色与右边较浅...

当然了，笔者在写文本之前也针对了部门内部和公司内部的部分H5页面的性能进行粗略的评估，结果当然是非常不令人满意的。或许我们忙于业务，但是有时候我们还是要停下来评估性能，不能把性能优化一直说在嘴上。

首先放张效果图 github地址 然后一步步分析一下 首先是刚出现的新郎的动画 {代码...} 里面用到的知识点： animation：是一个简写属性，用于设置六个动画属性 animation-name 规定需要绑定到选择器的 keyframe 名称 animation-duration 规定完成动画所花费的时间，以秒或毫秒计 animation-timing-function 规定动画的速度...

安装control package mac版本博客做的挺好看的这人，附个链接，我指的是网页版本[链接] windows版本百度经验[链接] Emment 用来快捷编辑内容附上网上别人写的快捷键教程[链接] DocBlockr 一个写注释的快捷插件，快捷方式/** AutoFileName 自动补全文件名的一个插件 我的订阅号 我们一起学前端

其他窗口的一个引用，比如iframe的contentWindow属性、执行window.open返回的窗口对象、或者是命名过或数值索引的window.frames

来一个简单粗暴的gif演示图 先来html 内容 {代码...} 一个video 一个canvas 然后js内容把设备启动下 {代码...} 绑定下按钮按钮获取点击时的帧，和添加一下水印 {代码...} 这样就结束了附上全部代码 {代码...} 附上我的订阅号二维码，持续分享内容哦

Q：[24, 35, 77, 99] 如何不用循环来求值？ 最近都懒得再编辑一遍了 下面是我的微信订阅号里的链接 如何不用for，while循环解决循环问题

附上我的订阅号连接多多关注哦数组迭代的时候你是使用for循环还是for...in

因为已经写在订阅号里了所以分享一下订阅号地址现在是一跟二，还会继续写三、四……如果喜欢的可以关注我的订阅号哦 ES6，嗯……ES6，ES6，ES6 ES6，嗯……ES6，ES6，ES6(二) 箭头函数ES6，嗯……ES6，ES6，ES6 ( 三 )

此文只会举例常见的css选择器从1到4的进阶注意是选择器噢，对css4做详解具体所有的选择器规范可在[链接]查看(全是英文，但有例子跟演示结果，易懂)

跟着步骤学习，耐心点好么，不要只看图不看文字，只看图5天都学不会。我在工作中用不到h5绘图，所以我是个小菜鸟。但我始终有一种迷之信念，任何已经存在的东西学一下就会了。所以刚好，我顺便可以讲一下我的学习步骤

首先，我想说说模块化编程这个概念当我不清楚这个概念的时候，其实说什么模块化编程多好多好都是懵逼的而我一直不觉得有多好，其实也是因为我从开始写js，就一直都在模块化编程啊

今天要教一个导航目录因为其实一般导航会有二级目录，二级目录的展开或者隐藏需要用到鼠标点击事件的监听，所以一般我们会用js写，今天，要教完全用css3 的某个属性写一个可以隐藏二级目录的方法。先上效果图

有时候你写一个方法，里面一堆for循环，for循环里一堆if else自己看看都觉得low死了其实人家js自带的方法已经写了，你用一下就好了。

闭包在js里面的存在就好像奥利奥冰淇淋里面的奥利奥，没了奥利奥，冰淇淋还是冰淇淋，毕竟js 就是一个你怎么写都能好好运行的好语言。可是人写的代码总是要高级484，所以好好理解闭包好么。

单一职责原则（SRP：Single responsibility principle）又称单一功能原则，面向对象五个基本原则（SOLID）之一。它规定一个类应该只有一个发生变化的原因。