最近的，最远的最近，或者说在过去的几个月里，我与几个前端同事，一直在讨论一个话题：『作为一个前端开发人员，我们面临怎样的困境?又该如何去解决?』。

程序员是一个忙碌的职业，与这个职业联系在一起的词儿，通常是忙碌、加班、熬夜、过劳、亚健康……当忙碌成为了主旋律，“高效”一词就自然浮出了水面。

点开这篇文章的你，肯定是想要学习怎样控制颜色的——我们后面就会讲具体操作。但首先，我们需要对 CSS 如何标记颜色有一个基本的认识。CSS 使用的是两种颜色模型：RGB 和 HSL，我们先简单了解一下。

animate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。

一、纯CSS实现数据上报 举个例子，要跟踪并统计某个按钮的点击事件： {代码...} 此时，当我们点击按钮的时候，相关行为数据就会上报给服务器，这种上报，就算把JS禁掉也无法阻止。 当然，我们可以统计的不仅仅是单击行为，hover行为，focus行为都可以统计，当然，还有很多其他方面的。例如： 1. 不支持CSS3浏览器比例统...

不管你是面试官还是求职者，里面的思路都能让你获益匪浅。 单体应用和微服务架构之间有哪些主要区别，从灵活性和可扩展性的角度来看，哪个是更好选择？ 解析： 这个问题用来评估基础编码知识。答案可以有多种，所以应该注意倾听具体的问题，并尽量全面回答，来展示自己对单体应用与微服务架构的理解。 面试官想知道些什...

不管你是面试官还是求职者，里面的思路都能让你获益匪浅。 1 你用 CSS 多久了？ 解析： 这个问题可以让面试官了解求职者使用 CSS 的经验。它还可以告诉面试官该人是否将该技能作为业余爱好或在学术或专业环境中学习。 面试官想知道些什么： 求职者使用 CSS 的经验 对创建网站的兴趣 是否持续关注新技术 参考答案： 我在...

一、Material Design规范中占位符交互效果 Material Design风格占位符交互效果官方示意见此demo页面。 效果可以参见下面的GIF录屏示意： 现在这种设计在移动端很常见，因为宽度是稀缺的。相信不少人设计项目中有实现过这种交互，而且，我敢保证是利用JS实现的。 实际上，我们可以借助CSS :placeholder-shown伪类，纯CSS...

以下这些造型简单的图形都是纯CSS外加一个HTML标签实现的，不少实现以前我介绍过，或者你也知道，但是有些相信你没见过。 1. 正方形 实时渲染效果如下： 相关CSS代码： {代码...} 2. 长方形 效果： 相关CSS代码： {代码...} 3. 正圆 这个显然借助圆角实现，效果如下： 相关CSS代码： {代码...} 4. 椭圆 效果如下： 相比...

有很多人都忘记了，或在简单的说没有意识到，CSS在我们手中，既能很高效，也可以变得很低能。这很容易被忘记，尤其是当你意识到你会的太少，CSS代码效率很低的时候。

animation和transition最大的不同在于transition是当参数改变时触发，而animation则是直接就执行，所有动画效果需要明确的指定关键帧的参数。

让我们谈谈什么是：lambdas（匿名函数）、 first-class functions（头等函数）、higher-order functions（高阶函数）、unary functions（一元函数）、currying（柯里化 ）和pure functions（纯函数）。

到处都在宣传Vue。不可否认Vue是一个很不错也很值得学习的前端开发框架。然而大家一味地跟风，难道是学会了Vue就可以在前端界驰骋？成为一名优秀前端工程师？找到满意的前端工作了吗？

近日，一年仅发布两次编程语言榜单的美国知名软件开发者行业分析公司 RedMonk 正式发布了 2019 年 Q1 季度的编程语言排行榜。与此前一月一发的 TIOBE 编程语言榜单不同，RedMonk 的编程语言排行榜数据主要来源于开发者最常使用的代码分享之 GitHub 社区和讨论之 Stackoverflow 社区。

不少人初次上C语言课都会被指针绕得晕头转向，然而大部分编程工作并不需要你关心指针的使用。此外，C语言对可视化编程并不友好，用C语言编写图形化界面十分繁琐。在这种情况下，很多大学生都会问C语言能做什么？

CSS全称为层叠样式表(Cascading Style Sheets)，通常又称为风格样式表(Style Sheets)，它是用来进行网页设计的；

互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。

从高中到大学，再从大学到社会，再到三十而立四十不惑，每个人都在变换着自己的角色，经历不同的事情。人有时候会选择性忘记，有些记忆就会慢慢的淡忘。对技术人而言，记忆、思维活跃度、精力都是对自身的一种考验，20多岁的小伙子到30多岁的小青年，感觉是不同的。

除去特别聪明的，谁都不会比谁傻多少，但时间拉长每个人却有不同的成长，抛开境遇不同，本篇就从自身找找原因。虽然文字、道理很简单，具体到每个人行动的时候，结果也是千差万别的。

1.一线开发人员，成天与业务代码、基础代码打交道。与之对应的二线相对来说边界比较靠后，对一线人员启一个支持辅助作用，常见的有系统设计师、架构师，项目管理人员等等，当然还有更高层。

我们总是从事着自己擅长的事情，以至于与职业发展、个人兴趣无紧密关联的事务会自动隔离开，不听不看不参与，随之而来的我们的活动范围、人际圈子、职业方向、兴趣爱好等等，越来越少，越来越小

哈佛真有人啃书到凌晨四点半吗？有，但是很少。顶尖学霸确实都很勤奋，但比勤奋更重要的是——“学习力”。哈佛教授就提出：唯有学习力，才能真正提升学习效率，成为学习的主人。

Javascript经历了十多年的发展，从一开始的只是特效，只为页面增添些特色，再到如今各种交互体验的提升，越来越多的承担着逻辑业务的责任。没准哪天会取代PHP，C等语言的部分功能也是说不定的。

在 ECMScript 的标准化演进和开源社区的蓬勃发展中，作为一名前端工程师，如何从越来越饱和的求职市场竞争中脱颖而出？如何融入环境胜任新的岗位？又该如何晋级成长，完成角色转型？

微软的 VS (Visual Studio) Code 是一个免费的开源代码编辑器，最近越来越受欢迎。它非常轻巧、灵活，同时也提供了很多强大的功能。它支持绝大多数流行的编程语言，包括PHP、JavaScript、C++ 等。

现在，几乎整个互联网行业都缺前端工程师，不仅在刚起步的创业公司，在上市公司乃至巨头，这个问题也一样存在。没错，优秀的前端工程师简直比大熊猫还稀少。

帧动画一般用来实现稍微复杂一点的动画效果，同时希望动画更细腻，设计师更自由的发挥。他可以定义到每一个时间刻度上的展现内容，我们一般用帧动画来做页面的Loading，小人物，小物体元素的简单动画。我们想象中的帧动画应该有以下几个特点：

其实Material Design的扁平化icon按钮，这类型的按钮往往只利用几何色块的变化，就能抓住使用者的眼光，并且从几何形状中明白按钮的含意，这也是Material Design非常强调的设计理念和精髓。

CSS不一定要写得多么复杂才能实现特殊效果。如下就是三个超级简单的过渡的例子，可能只是几行代码，但是添加到Web应用程序中，却会让它增色不少。

之前公司有个同事，满嘴跑火车，说他朋友多么牛逼，什么月薪多少K，什么技术最牛逼，之类的。每次听他说话我都只能微微一笑以作回应。后来项目上线后出了点问题，让他排查，结果他一点头绪都没。遇到报错，他就一顿瞎改，然后试下跑一下看看行不行；让他查问题，在你旁边站这指点江山，不敢坐你旁边一起看。