写完本篇文章之后我曾在掘金上搜过类似的文章。感觉我的文章和别人写的没啥两样。所以我就删掉从不同的角度重写了一遍，解决了一个很重要的问题，怎么才能像使用React组件那样使用WebComponents呢

在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。 在日常开发中，我们习惯监听页面许多事件，诸如：点击事件（ click…

最早的时候页面是服务端渲染的，也就是 PHP、JSP 那些技术，服务端通过模版引擎填充数据，返回生成的 html，交给浏览器渲染。那时候表单会同步提交，服务端返回结果页面的 html。 后来浏览器有了

说起路由懒加载，大家很快就知道怎么实现它，但是问到路由懒加载的原理，怕有一部分小伙伴是一头雾水了吧。下面带大家一起去理解路由懒加载的原理。 路由懒加载也可以叫做路由组件懒加载，最常用的是通过import()来实现它。 然后通过Webpack编译打包后，会把每个路由组件的代码分割…

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…

发现 immutable 是以 UMD 的形式暴露。查阅资料后发现 Rollup 并不支持 CommonJS 和 AMD 的打包方式，想要成功引入 commonJS 的模块，必须要加载插件 https://github.com/rollup/plugins/tree/maste…

设计和封装一个前端埋点上报脚本， 并逐步思考优化这个过程。 我们先用最直接的方式来实现这个埋点上报脚本。 这样子就能通过调用analytics()，往我们的统计服务端提交一条消息，并指明一个行为类型。 head请求方式和参数传递方式与get请求一致，也会受限于浏览器，但因为其不…