《Vue.js 2.x实践指南》其实早在一年前就已经完稿，只是由于疫情的缘故耽搁了许久才下厂印刷。
本书旨在让初学者能够快速上手vue技术栈，并能够利用所学知识独立动手进行项目开发。我的写作风格一向都是喜欢采用理论和实践相结合的方式，这样学习起来不会那么枯燥，而且极具成效。时间是很宝贵的东西...
前言：
怎么感觉这个名字这么中二。。。好吧，主要是莫名觉得很燃所以中二就中二吧~ 说说这家公司的情况，2015年成立的创业公司，公司现在是15人（所有人员），腾讯T3，T4的大牛们出来自己创业的，还有最重要的就是HR姐姐的声音超好听的！！！耳朵要怀孕了！！！所以二面被刷最遗憾的就是不能HR面，不能再听...
先来一个常见的案例，把一张图片和下方文字进行居中：
首先处理左右居中，考虑到img是一个行内元素，下方的文字内容也是行内元素，因此直接用text-align即可：
<style> .container{ ...
本文介绍使用图标字体和SVG取代雪碧图的方法。雪碧图是很多网站经常用到的一种技术，但是它有缺点：高清屏会模糊、无法动态变化如hover时候反色。而使用图标字体可以完美解决上述问题，同时具备兼容性好，生成的文件小等优点。
雪碧图
雪碧图实例：淘宝PC端
将多张小图放至一张大图
使用的时候，通过backgr...
什么是代码耦合？代码耦合的表现是改了一点毛发而牵动了全身，或者是想要改点东西，需要在一堆代码里面找半天。由于前端需要组织js/css/html，耦合的问题可能会更加明显，下面按照耦合的情况分别说明：
1. 避免全局耦合
这应该是比较常见的耦合。全局耦合就是几个类、模块共用了全局变量或者全局数据结构，...
最近下了Chrome的源码，安装了一个debug版的Chromium研究了一下，虽然很多地方都一知半解，但是还是有一点收获，将在这篇文章介绍DOM树是如何构建的，看了本文应该可以回答以下问题：
IE用的是Trident内核，Safari用的是Webkit，Chrome用的是Blink，到底什么是内核，它们的区别是什么？
如果没有声明<...
在上一篇《从Chrome源码看浏览器如何构建DOM树》介绍了blink如何创建一棵DOM树，在这一篇将介绍事件机制。
上一篇还有一个地方未提及，那就是在构建完DOM之后，浏览器将会触发DOMContentLoaded事件，这个事件是在处理tokens的时候遇到EndOfFile标志符时触发的：
...
Viewport 是 HTML5 针对移动端开发新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现，提供响应式解决方案。这篇文章尝试通过循序渐进的方式，逐层探索 Viewport 的设计原理，希望能给读者带来更加清晰、更加全面的技术认知。
一、引言
在PC时代，我们用 css 设置 1px 边框，显示器会用1个物理像...
作为一名做为在前端死缠烂打6年并且懒到不行的攻城士，这几年我还是阅过很多同门从知名到很知名的各种前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这里我还是低调的只拿出10个框架来个大锅乱炖来简单介绍，凑够字数也就全剧终了。
原本写这篇文章想...
收集整理了一些Web前端开发比较成熟的第三方插件，分享给大家。
*******************************************************************************
一、国外插件
ace
版本：1.2.3au
官网：https://github.com/ajaxorg/ace-builds/
许可：BSD
依赖：无
DataAPI：data-pulgin="ace"
功能：基于Web的代码编辑...