最近想尝试一下如何开源一个项目，正好手边做异常监控的时候遇到一个功能。就是解析errorstack中的源码位置。在npm中找了好久都没有合适的库。正好自己造一个轮子发布出来。也趁这个机会把开源过程整理一下。 Prettier 是格式化代码工具。用来保持团队的项目风格统一。 “E…

一天造一个轮子，干就完了。 如果编写一个复杂的前端程序，不太可能让组件各自为政。状态和行为逻辑都分散在各自组件内部，很难统一管理，那也就很难做大.比如: 大家想想做一个在线版的Excel或者PS 又或者后面我们要写的VSCode应该怎么做？里面的各种组件互动，Undo、Redo…

一天造一个轮子，干就完了。 首先我们说说什么是响应式。数据模型发生变化可以发出相应(比如： 调用一个函数)就叫响应式。 具体到我们MVVM中 ViewModel的需要就是数据变了需要视图作出响应。 假定我们需要的是数据data变化时可以触发fn函数也就是作出相应，当然相应一般是…

一天造一个轮子，干就完了。 防抖和节流可以说是一对好基友，也是前端面试的手写热点考题。防抖和节流其实都是在规避频繁触发回调导致大量计算，从而影响页面发生抖动甚至卡顿。简单的说将多次回调比如页面点击或ajax调用变为一次。防抖和节流的区别在于以第一次为准还是最后一次为准。 1. …

一天造一个轮子，干就完了。 为了实现视图与业务逻辑的分离，无论MVP、MVVM、MVC那个V都会使用模板引擎。线面我们说说模板引擎的要求。 其实就是 将{{ }}中的值根据替换为表达式的结果。

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