为了方便自己以后维护，以及后面的人能够更快的阅读你的代码，我们每个人都应该对自己的代码有洁癖。本文主要讨论代码的可读性、可拓展性、可复用性，最终目的是让别人看完你的代码，不会说这写的是啥呀！

前段时间接手一个项目，逻辑晦涩难懂，代码庞大冗余，上手极其困难。很大的原因就是数组方法使用不熟练，导致写出了很多垃圾代码，其实很多地方稍加改动就可以变得简单高效又优雅。因此我在这里总结下数组的常用方法和奇巧淫技（奇巧淫技主要是reduce~）。 数组操作首先要注意且牢记spli…

首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 backgrou…

前言 在你的实际开发中有没有写过或者见过下面的代码呢 是不是瞬间感觉头大，一天的好心情也烟消云散 接下来笔者将提供几个优化方案，希望能帮助到您。 单个if语句优化 if/else语句优化 单个if多条

以前都是写pc，后来需要写h5移动端项目，会遇到一些自适应和兼容性等方面的问题，下面从自己写过的h5项目中稍稍做点总结。 开启一个移动端项目的基础，首先是想好如何在代码中实现移动端适配。之前没有经验，第一个项目里简单粗暴地采用px写死的方法，觉得不好，本项目采用的是像一位优秀同…

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

最近到了金三银四的跳槽季，很多人都会面临跳槽找工作，并且再过几个月又会到毕业季，越来越多的毕业生会面临这个问题。 简历最好在 1-2 页，最好不超过 2 页。简历真的不是字写的多就好，不管是技术还是 hr 都很难一个字一个字看你的简历。所以简历上写的一定是精华，需要写你的优势。…

JSX是React中特有的东东，全称 Javascriptのxml。 看起来就是一个普通的html标签不是？嗯。。。慢着。。。看看做左边，我们将这个html标签赋给了一个js变量! 嘿，这就是JSX的功能了。我们说JSX的全称应该翻译为Javscriptのxml（Javscri…

Vue 中的插槽在开发组件的过程中其实是非常重要并且好用的。Vue 的插槽也没有说很难使用，这篇文章简明扼要的介绍了三种插槽的用法。 🍉 子组件定义 slot 插槽，但并未具名，因此也可以说是默认插槽。只要在父元素中插入的内容，默认加入到这个插槽中去。 😵 具名插槽可以出现…