毫无疑问，前端开发会是 2020 年技术领域最热门的专业之一。 在过去，前端领域的开发人员只要了解一些 HTML、CSS，也许还有 jQuery，就足以创建交互式网站了；但是今天，他们需要面对广泛而不断变化的生态系统，开发多种多样的技能；他 ...

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

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

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

上一篇文章介绍了简单的高阶组件实现方式，接下来介绍代理和继承方式的高阶组件。 一、代理方式的高阶组件 应用场景： 1. 操纵props 高阶组件能够改变被包裹组件的 props ，可以对 props 做任何操作，甚至可以在高阶组件中自定义事 ...

背景 年前的时候，开发一个电子杂志项目，功能需求是通过上传pdf文件，将其转为图片格式，所以杂志的内容其实就是一张张图片 不过当时技术要求用后端实现，所以使用的是PHP实现该功能。项目完成后，寻思着在前端是否也能实现pdf转图片的功能。一番 ...

Preface 前端很多场景都会涉及到对时间的处理，我所用得最多的库是moment。本文是对moment的高频用法的总结。 用法总结 指定语言；不然可能引起一些不必要的bug。 # 记得指定为对应的语言； moment.locale('z ...

什么是bridge(网桥)？ bridge是一种技术，可以把一个linux设备上的两块网卡桥接在一起，如何对外表现为一个大的网卡接口，这样做有很多用途 比如你有两台设备，但是又没有路由器，那么把他们桥接在一起，可以共享其中一台的网络，这样两 ...

效果如下：程序实际的效果是最新的时钟，我这里只是录屏了几秒钟。 clock.gif <titl ...

最近看了面试题中有一个这样的题，v-for 为什么要绑定 key？ Vue 中 key 很多人都弄不清楚有什么作用，甚至还有些人认为不绑定 key 就会报错。 其实没绑定 key 的话，Vue 还是可以正常运行的，报警告是因为没通过 Esl ...