最近开始吃素

坐标计算只需要一些 api，本文使用 d3。 数据绑定既可以借助 d3，也可以使用 vue。d3 通过操作 dom 实现，有点像 jQuery，d3 针对数据和 dom 的状态提出了三个概念：Update、Enter、Exit，感兴趣的可以看官网。本文使用 vue 做数据绑定 …

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 MVVM 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大…

现在写代码比以前好多了，代码的格式都有eslint,prettier,babel(写新版语法)这些来保证，然而，技术手段再高端都不能解决代码可读性（代码能否被未来的自己和同事看懂）的问题，因为这个问题只有人自己才能解决。我们写代码要写到下图中左边这样基本上就功德圆满了。 你可以…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

大家都知道JavaScript可以作为面向对象或者函数式编程语言来使用，一般情况下大家理解的函数式编程无非包括副作用、函数组合、柯里化这些概念，其实并不然，如果往深了解学习会发现函数式编程还包括非常多的高级特性，比如functor、monad等。国外课程网站egghead上有个…

左边的图片是Sketch中的设计稿的截图，右边的图片是在iOS中的还原。这些差异会在图像渲染时出现，尽管两张图中用了完全相同的字体、行间距、阴影半径、颜色和渐变属性。 如你所见，把设计稿转换成真实的代码时，一些细节就会丢失。接下来我会深入探讨这些细节并告诉你如何做才能避免信息的…

最近一直在看Javascript设计模式，想通过写文章来增加自己对策略模式的理解，同时记录自己学习的经历。希望大家看完之后觉得有收获可以帮忙点个赞表示支持。 策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 每次遇到这种设计模式的定义，第一眼的…

√多环境配置 √proxy √修复HMR失效 √修复Lazyloading routes Error √添加别名 √去除无效css √打包分析 √ 配置externals √sass提供全局样式及变量 √文件上传alioss √添加IE兼容 √开启gzip

相信在做业务开发的时候大家总会因为疯狂的需求变更或者时间的紧迫性不得已写下许多垃圾代码，然后给自己留下个TODO：下次优化（实际上过后就忘了）（说的就是我没错了！）。 然后等到某一天这些代码出了问题之后，你来回看这段代码，oh~~~，那可能会让你怀疑人生，所以今天就让我们来聊聊…