初级前端和高级前端有什么差别？在我看来，初级前端关注点在完成功能，高级前端能在完成功能的基础上，做的又好又快。做的好，就是代码质量高，做的快就是开发效率高。 本文讨论的主要内容是：提升代码质量的方法。 高质量的代码的重要性 高质量的代码体现 ...

JavaScript框架，库和工具似乎比他们的开发人员多出很多。在2018年底，对GitHub的快速搜索显示了 230 万个JavaScript项目。 npm 已经成为世界上最大的模块系统，在 npmjs.com 上有70万个可用包，每个月 ...

宇宙中最重的物质 经过这么多年的发展，JavaScript 早已经不是当年那个不太起眼的脚本语言。如今的 JavaScript 可以说是风光无限，在 Web 前端、移动端、服务端甚至物联网设备上都大展身手，到处都有它的身影。 在 Java ...

作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树； ...

讲下webpack如何处理css样式文件。 git仓库：webpack-demo 1、新建 进入项目中，在src目录下新建一个styles/header.css文件。 webpack-demo/chapter5 ... |- / ...

CSS 变量，又称为 CSS 自定义属性，是前端开发中比较新颖的知识点；但是由于很多前端开发人员专注于使用 UI 框架，CSS 反倒变成一个小众知识点了。本文就借次机会复习一下这个知识。 Overview 变量对开发的意义不言而喻：减少重复 ...

还是延续上节的内容，webpack如何处理less、sass这种预编译样式文件。 本节的内容主要是postcss的运用，postcss很强大，我们小试牛刀用它来实现在不同的浏览器中为我们自动添加前缀如-webkit-、-moz-等等以做兼 ...

互联网上充满着各种出色的工具，这些工具使我们这些前端开发人员的工作变得更加轻松。在这篇文章中，我将快速回顾一下我在开发工作中经常使用的12种工具。1、CanIUse如果你不确定web API是否与特定浏览器兼容，或者在移动浏览器中是否可以访 ...

前言众所周知，图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片，当图片资源比较多且比较大（质量）的时候会严重影响页面的加载。特别是SPA应用，先加载jsbundle资源，再去加载图片 ...

手把手教学 项目：github.com/staven630/v… 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 目录 √ 配置多环境变量 √ 配置基础 vue.config.js √ 配置 ...