圣诞节，元旦，看大家(情侣)在朋友圈里发各种庆祝的或者祝福的话语，甚是感动，然后悄悄拉黑了。作为单身狗，我们也有自己庆祝节日的方式，今天我们就来实现一些祝福的效果。

当点击表单中的文本框时需高亮整个表单元素。但是表单内部的文本框获得焦点并不代表表单元素本身有焦点，所以使用 form:focus 并不能生效，这时就可以使用 :focus-within

JavaScript 作为一个创始人拍脑袋 10 天搞出的语言，JS 中包含了很多在今天看来很多不应该出现在现代语言中的诡异特性。其实，作为 Web 中必不可少的 CSS 语言也不逞多让。今天我就来聊聊我认为的那些最诡异的 CSS 特性。

‘工欲善其事，必先利其器’。优秀的开发者不仅体现在其在技术方面的精通，还体现在其对各种开发工具的充分了解与使用，这会让其开发效率事半功倍。作为一个前端开发者，平时主要是跟浏览器打交道，Chrome浏览器不仅性能优异，而且包含大量的扩展程序，能够让我们根据自身需求扩展浏览器功能，因而受到广大开发者的青睐。...

说来惭愧，上图不是我写的，不然我还能吹一波，没有看代码，但闭着眼就能猜到用的是html5的drag系列的api，相关的API可以看MDN上的介绍，我把文档拷一下做个介绍吧==

css选择器常见包括id（#id）、标签（tag）、class（.class）、属性[attr=attrval]等，还包括伪元素和伪类选择器。正确的利用伪元素和伪类能够让我们的html结构更清晰合理，也能在一定程度上减少js对dom的操作！

前端猿一天不学习就没饭吃了，后端猿三天不学习仍旧有白米饭摆于桌前。IT行业的快速发展一直在推动着前端技术栈在不断地更新换代，前端的发展成了互联网时代的一个缩影。而单页面应用的发展给前端猿分了一杯羹。

今天为大家分享一下html5中的视频（video）与音频（audio）。在进入主题之前我们先了解一下Flash与html5这两种技术的时代背景与发展历史。

注意此法中的 top: 50% 不能以 margin-top: 50% 代替。因为给 margin-top 设置百分比值时使用的是父元素的宽度而非高度。

哪里说起呢？就从一道老生常谈的前端面试题开始吧。 块级元素与行内元素 问：块级元素和行内元素有什么区别？ 估计各位同学都在各种前端面试中被问到过，当然也在各种网站上搜寻过答案。要真正罗列两者的区别可以找到很多，然而从本质上讲，就是这样的区别： 块级（block）元素可以控制它的大小 行内（inline）元素将其...

在如今前端技术飞速发展的时代，angular.js、vue.js 和 react.js 作为前端框架已经呈现出了三国鼎立的局面。作为国人若你不知道 vue，小生表示可以理解，如果作为中国的前端猿不知道 vue，小生表示很遗憾。而 vue-cli 作为官方推荐的快速构建 vue 项目的脚手架，你应该学会使用，本文将介绍如何使用 vue-cli。