前端沧海

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

Hello，大家好。又一周结束了，我们又如约而至。我们是好未来集团晓黑板前端团队，简称晓前端。每周五，我们都会搜罗一些有趣，有意义的事情和大家分享。如果你喜欢，欢迎关注我们哟。 1937 年设计用来求解线性方程组的，阿塔纳索夫—贝瑞计算机（Atanasoff-Berry Com…

一晃眼2020年马上就要过去了，今年感觉过的特别快。 回首过去的几年，记忆已经很模糊了，需要很用力才能想起过去一部分往事。 从大年初九开始在家远程办公，疫情对线上教育行业也是一个机会，周末也没有休息，总共在家办公两个月。 后面直到疫情已经很稳定了，在四月一号那天才回的上海，然后…

加载优化分两种情况，一种是新用户第一次打开我们页面，这里面临的挑战是各种缓存都无法起作用，怎么保证将加载速度控制在用户可以接受的范围，提升转化率。第二种情况是老用户，这里我们的优势为能用上各种缓存，挑战是如何把性能做到极致，实现低代价更新，提升用户留存率 指用户第一次看到页面的…

我们可以使用懒加载的方式引入模块，比如说当触发了某个条件，在通过import的方式引入模块。这样可以使得项目的性能会更加的好。 同样的路由懒加载的意思，表示当我们监听到路由变化了，才会去引入对应的页面模块。 Shimming：在打包过程中，有时候需要对代码兼容。这种兼容不局限于…

webpack.prod.js 生产环境不需要配置这个，即使配置了这个也是无作用的。 我们为什么要做代码分割呢？举个例子。 假设我们引入了一个lodash第三方库，它的大小是1MB，我们的业务代码也有1MB。此时不做任何处理最后打包生成一个main.js大小为2MB。用户打开浏…

同事无一例外都是名校毕业，合作之余尽显举止优雅，谈吐得体，作为面试官收到的也几乎都是985、一本简历。相比通过写水文混进字节的我，难免有些诚惶诚恐～ 除了高学历，多才多艺是第二个印象。周围有投资收益率 300% “巴菲特”、独特音域的字节“周深”、明明可以靠颜值偏偏靠才华的实习…

LZ的质疑和评论里的问题，除了几个无脑喷之外，大部分都很理性，大概有以下几种。我尝试正面回答一下这些问题

语雀地址：地址 继承是面向对象编程中讨论最多的话题。很多面向对象语言都支持两种继承：接口继承和实现继承。前者只继承方法签名，后者继承实际的方法。接口继承在 ECMAScript 中是不可能的，因为函数