写在最前：web前端学习教程的小伙伴们可以添加QQ群：722308337 大家可以互相学习 提升自己因为教程来之不易，不是网上随处可见的零散教程。所以此次免费分享。另外再赠送一套往期的前端教程。感谢谅解，介意勿扰。加的时候一定要备注：简书前 ...

“听说程序员工资很高，想学前端，但不知道它到底能做什么？”如果你是一个前端初学者，你可能对前端应用在什么地方感到疑惑。除了“马里奥”“贪吃蛇”等经典游戏，其他领域好像也找不到前端的踪迹，那么前端究竟能做什么？学完前端可以从事什么工作呢？胜任 ...

在不知不觉中，前端工程师火了。甚至很多人都不知道为什么这样一个职位会这么火，市场的供不应求直接导致前端工程师的待遇提高。另外一方面就是前端技术的更新迭代，导致大部分技术人员跟不上。因此越来越多的人想转型做前端开发了，下面我们来谈谈，如何快速 ...

最近看了同事的代码，感觉甚是优雅，再看看自己的，不禁自惭形秽，为了提高代码的可扩展性和可维护性等，是时候好好学习一下设计模式了。在学习设计模式之前，需要先看一下设计原则，因为设计原则是核心思想。就好比练剑，设计原则是心诀要领，设计模式是招式 ...

html5新增结构标签 header 头部 nav 导航 section 区域 article 文章 aside 侧边栏 figure 一组多媒体内容 figcaption 多媒体内容的标题 footer 底部 hgroup 区块的相关信息 ...

Input 新增属性 email 邮箱（只在手机端有效） url 网址（只在iphone手机有效） tel 手机号（只在手机端有效） number 数字（右侧有上下按钮，只能输入数字，+号，-号，. 和e） input 日期时间（手 ...

HTML5的结构化标签，对搜索引擎更友好 li 标签对不利于搜索引擎的收录，尽量少用 banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li 可用于浅色副标题 display:inline-b ...

编辑器：sublime text3 标注工具：PxCook 切图工具：PS 开发前准备：设计图标注 PxCook 空格键可以上下拖动 大致标注图纸：（可惜不能文字标注和拉参考线） 开发前准备：PS切图 在指定图层上新建一个图层，使用ctr ...

video在各浏览器中显示的差异 video支持的基本视频格式：mp4 / webm / ogv ...

我在网上寻找好用整洁的Javascript动画库时，我发现许多开发者推荐的一些动画库。经过我的研究，我收集了11个最好的动画库供你的使用学习，并且也可以应用到你的程序中。1、Three.js地址：https://github.com/mrd ...