大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 大家的支持是我创作的动力。 选择器的优先级 众所周知，选择器是有权重的，优先级从低到高，如下所示： 类型选 ...

在浏览器里，从输入 URL 到页面展示，这中间发生了什么？ 此处以chrome浏览器为例进行说明。 首先先介绍几个多进程浏览器里的基本概念。 浏览器进程：主要负责用户交互、子进程管理和文件储存等功能 网络进程：面向渲染进程和浏览器进程等提供 ...

面试的时候，面试官经常会问 Vue 双向绑定的原理是什么？我猜大部分人会跟我一样，不假思索的回答利用 Object.defineProperty 实现的。 其实这个回答很笼统，而且也没回答完整？Vue 中 Object.defineProp ...

见过太多同学调试Javascript只会用简单的console.log甚至alert，看着真为他们着急。因为大多数同学追求优雅而高效地写代码，却忽略了如何优雅而高效地调试代码，不得不说是有点“偏科”了。下面我就分享一些实用且聪明的调试技巧， ...

web前端开发技术人才越来越吃香，而且web前端领域划分越来越细，对技术的需求越来越高，想学习web前端的人也是越来越多。那么，如何学习web前端知识？从哪开始？转型成为web前端工程师需要学些什么？转行web前端工程师需要学习什么内容 第 ...

语法: @media mediatype and|not|only (media feature) { CSS-Code; } </span ...

近年来前端工程师已经可以通过不同的css布局技巧制作出很复杂的布局。其中有些技巧有很长的历史（比如：floats）,也有一些是近几年才被青睐的(比如flexbox)。 在这篇文章中，我们会更加细致地探索一些鲜为人知的关于 CSS posit ...

CSS基础知识 css，英文Cascading Style Sheets，中文名：级联样式表。层叠样式表。 css是一种表现语言，是对网页语言的补充。 css用于网页的风格设计，包括字体，颜色，位置等。 css使用的4中方式：引入外部样式文 ...

使用es6编写的小型类库，持续更新1.tab.js页签切换插件；所需参数：id:父级id(字符串’id’)；title:id下title类名(字符串’title’)，detaile:要展示的详情类名(字符串’detail’)，acitve: ...

代理模式的定义：为其他对象提供一种代理以控制对这个对象的访问。在某些情况下，一个对象不适合或者不能直接引用另一个对象，而代理对象可以在客户端和目标对象之间起到中介的作用。 Proxy 在ES6中新增了一个API叫Proxy，Proxy 对 ...