HTML5经历了前期HTML快速的更新换代，以其独有特性的优势迅速占据了网页开发市场鳌头。介于目前学习和想要从事HTML5网页开发的人越来越多。

现代前端技术饱受争议，但是我们只顾争吵，似乎忘记了我们所得到的回报。我们，web 王国的劳动人民、web 设计师、前 WordPress 工程师和吟唱代码的诗人，将要统治数字世界，能够建造各种神迹。谁会想到这一切都是我们的老朋友 JavaScript 所带来的。这个当年的 ? 语言只能用来做些许有趣的 DOM 操作。谁又想到它竟然有这...

前端这个行业很年轻，更早时候其实是有前端工作但是没有前端岗位。大家觉得这个东西程序员做也行，设计师做也行。前端工作一直存在，但是没有人认为它是一个独立的工种和岗位，也没有人去发展它的工程体系，更没有人去找它的核心价值。所以如果说过去十年前端是什么样的十年，我认为是觉醒的十年。

自从ES6出现以来，这已经成为最流行的方法。它是一个很简单的语法，但是当你在使用类似于React和Redux这类库时，你会发现它是非常非常有用的。

虽然js是弱类型语言，声明变量时也不需要显式指定类型。但是，数据本身依旧还是有类型的，比如数字和字符串就是以不同形式存在的数据。在js中，所有数字的类型都为number。其中，一个特殊的数字就是NaN（Not a number），虽然名字叫“不是数”，但为了计算的一致性（IEEE745亦规定），NaN依旧是数字类型的。任何NaN参与的...

这个社会，竞争太 TMD 激烈了。 你能做好，但能做好的人太多了。做好可以崭露头角，做到极致才是凤毛麟角。 什么是做事极致？规定时间和能力范围内做到最好，就是极致。 但这个定义貌似没什么实际意义，听上去很美，但没有现实指导意义。 这个不可再优化不是绝对的，而是相对的，是在规定时间、能力范围、资源结构内，你...

靠谱本该是做人做事的基本要求，如今却成了一个稀缺品质。 不信我随口问你一句：你公司里哪些同事很靠谱？你同学里哪几个比较靠谱？你有没有几个很靠谱的朋友？ 掐指一算，好像没有多少。 1、做事靠谱，分 3 个层次：做完，做好，做到极致。 请问你目前属于那一层？ 闭环思维的靠谱，是结果靠谱的最低层次。完成，是做事...

他们大部分是做了一到三年的前端新手。在交流中我发现了一个很有意思的现象，大家同样是入门不足三年，一部分感觉前端是一个很有前途的职业，甚至一部分两年经验的前端同学透露年薪已经30W以上了，而另一部分则表示前端薪资水平不高，技术体系庞杂，迭代速度飞快，苦于学习各种不断更新的技术和框架，心神俱疲。同样是前...

相比angular和react，vue更加轻巧、高性能、也很容易上手。大家也可以移步vue官网，看一下它的介绍和核心功能介绍。简单粗暴的理解就是：用vue开发的时候，就是操作数据，然后vue就会处理，以数据驱动去改变DOM。使用vue，我们可以集中精力于如何处理数据上，数据改变后，页面显示也会随之改变。

有利就有弊，过度的依赖jQuery可能会带来代码执行效率低等问题；随着原生JavaScript版本的升级，现在很多内置的功能也能够完美的实现jQuery的对应功能，下面就简单做一下罗列，需要的朋友可以做一下参考。

大家很熟悉的 CSS2 用法 text-decoration ，到了 CSS3 就拥有很多新的特性。本文将介绍 Level 4 中最新添加的特性。

CSS的力量! CSS的作用，一目了然~ 见识一下CSS的厉害！ 用了CSS，效果显著 HTML5 + CSS3 + Javascript会怎么样? HTML经过CSS调整后**  ** **Js哭晕在厕所    ** CSS美女 VS CSS火车，你选哪个？ 一秒分清 HTML 和 CSS 的方法

估计大家都听过，尽量将 CSS 放头部，JS 放底部，这样可以提高页面的性能。然而，为什么呢？大家有考虑过么？很长一段时间，我都是知其然而不知其所以然，强行背下来应付考核当然可以，但实际应用中必然一塌糊涂。因此洗（wang）心（yang）革（bu）面（lao），小结一下最近玩出来的成果。

一开始 JavaScript 只是为网页增添一些实时动画效果，现在 JS 已经能做到前后端通吃了，而且还是年度流行语言。本文分享几则 JS 小窍门，可以让你事半功倍 ~

根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表达的意思，因为alt是在图片无法加载时显示的文字。如下不太好的写法：

在你开始阅读这篇文章之前，一定要做好心理准备。因为我写的 90％ 都是在发牢骚，只有最后大概 10% 介绍 CSS 技巧之最佳实践。提前给你们打好预防针啦。

下面我将一步一步详解如何利用纯CSS实现一个旋转魔方轮播的效果。 总的来说我们需要实现以下两个主要功能： 构建一个能够旋转的立方体 让立方体拥有基本轮播所具有的特性 但在完成以上两点之前我们需要再次了解或熟悉一下实现其功能的CSS3基础知识点： transition transform perspective preserve-3d animation transiti...

主要介绍一下我们平常会经常用到的设计模式，设计模式总的来说有23种，而设计模式在前端中又该怎么运用呢，接下来主要对比较前端中常见的设计模式做一个介绍。

我想说这其实是前端最好的时代，庞大的市场需求，优渥的薪资待遇，广阔的应用领域。随着多设备、浏览器和web标准的演变革命，前端正在成为兼顾逻辑、性能、交互、体验的综合性岗位，前端也变得越来越有挑战和意义。

提到程序员，所有的标签都是“忙”“加班”“熬夜”，似乎不停地 coding 才能证明自己在这个行业有立足之地。可当你越来越忙，生活却变得越来越糟糕时，你是不是该停下来问问自己：你忙得对么？

2018 年的事儿特别多，从 React v16 普及，到 jQuery 被 GitHub 下掉完成阶段性历史使命，在唏嘘之外，版本帝 AngularJS 又发布了 v6 和 v7 两个版本。这些其实都不算啥大新闻，反观三大框架，写法越来越像，越来越贴近 WebComponents 标准，而周边应用层面的封装已经开始指数级增长。小程序是今年最火的技术，接连出现...

意大利「文艺复兴之父」彼特拉克曾经说过：「肉体和心智的能力必须大到足以满足文学活动和妻子两方面的需要。」如果换做程序员的角度，这句话应该修正一下：肉体和心智的能力必须大到足以满足熬夜写代码和女朋友两方面的需要。当然啦，这个说法也还远没有表达出生活真实的复杂性和严峻性。

首先，这一切的开始是由于某人与某个吉他手产生了共鸣。大多数突然想要自学吉他的人，是想要成为另一个吉他手。之后，他们下定决心——“我也可以成为一个吉他手 ”，于是去了当地的乐器店，买了一把二手吉他（因为二手吉他更便宜，但也很酷）。

在码代码的时候会发现，很多东西都是殊途同归的，方法千千万，能解决问题的都是好办法，不一定非要把代码写的特别高深，这样反而后来的人看不懂，维护根据头疼。

玩过王者的应该都熟悉，这个页面的效果。为什么要实现这个效果了？ 第一：王者这么火，电竞这么火。第二：主要还是来学习 CSS3 的线性、径向渐变、旋转、缩放以及动画。 图形解析 1、背景（径向渐变）2、玩家（player）加载动画（线性渐变）3、背景镂空旋转正方形4、正方形文字放大动画5、文字按钮制作 下面我们按上述步...

在前端项目的规模和复杂性不断提升的情况下，各类构建思想和相应工具层出不穷。本文竭己所能对比了当下13个构建工具，包括 Browserify、 Webpack、 Rollup、 Grunt、 Gulp和 Yeoman6个广为流行的工具， FIS、 Athena、 WeFlow和 Cooking等4个国产工具，以及三大框架： React， Vue和 Angular的官方脚手架。希望能在项目...

首先，本文适用于业务需要,急需知道如何深拷贝JS对象的开发者。第二类,希望扎实JS基础,将来好去面试官前秀操作的好学者。 第一类 你只需要一行黑科技代码就可以实现深拷贝 {代码...} 别着急走,利用window.JSON的方法做深拷贝存在2个缺点: 如果你的对象里有函数,函数无法被拷贝下来 无法拷贝copyObj对象原型链上的属性和...

前言 本文主要从应用来讲数组api的一些骚操作，如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。 上面这些应用场景你可以用一行代码实现吗？ 1.扁平化n维数组1.终极篇 {代码...} Array.flat(n)是ES10扁平数组的api， n表示维度， n值为 Infinity时维度为无限大。 2.开始篇 {代码...

如果三五年前，我觉得自己的专业对团队对企业的贡献到头了，我也会考虑向人向事这一块转型，只是，当技术积累突破到一定阶段后，你心里面就会明白，自己能够做的事情还有很多，自己可以走出一条别人没有走过的纯专业方向的探索之路。

2010年的你，如果能学会Android开发，现在的你，薪资不会低于年薪50万…… 2015年的你，如果能熟练使用react，现在的你，薪资不会低于月薪30K…… 看到这两个数据，也许有人会反驳：技术刚出来，没人敢用，而且随便一门技术，用上三五年，工资也不会低于这个数吧？ 第一个问题， Android 是2010年才出来的吗？ 从上边的资料...