搞懂CJS & UMD & ESM

CommonJS & UMD & ES Module

最近在看 React.js,配置 webpack 的时候,注意到 react、react-router 等库,构建配置了多个不同的模块输出形式,分别是:CommonJS、UMD 以及 ES Module ,那么他们有什么区别呢,各自用在哪种场景里。

avatar

深入理解JavaScript的设计模式

使用适当的设计模式可以帮助你编写更好、更易于理解的代码。这样的代码也更容易维护。但是,重要的是不要过度使用它们。在使用设计模式之前,你应该仔细考虑你的问题是否符合设计模式。

当你开始一个新的项目时,你不会立即开始编码。你必须定义项目的目的和范围,然后列出项目特性或规格说明。之后,你可以开始编写代码,或者,如果你正在参与的是一个更复杂的项目,那么你应该选择一个最适合项目的设计模式。

初探WebAssembly

背景介绍

WebAssembly 在 JavaScript 圈非常的火!人们都在谈论它多么多么快,怎样怎样改变 Web 开发领域。但是没有人讲他到底为什么那么快。
WebAssembly 是一种可以使用非 JavaScript 编程语言编写代码并且能在浏览器上运行的技术方案。

Nuxt+express踩坑日记

背景介绍

公司企业官网要更新改版,老版本官网使用express+pug+jq及一些原生js搭建,不利于项目的维护和迭代,一些ui组件难复用,开发周期长。继而调研ssr(Server Side Render)框架,Nuxt。能够很好地解决以上问题,且保持良好的seo效果。

本地微信真机调试方法

介绍

写微信页面时最后需要真机调试,但是调试方式比较复杂,要域名,要求比较苛刻,且大多前端项目使用webpack构建,在打包之后上传至测试服务器进行调试,实在繁琐,且如果出现问题,要重复上述过程无法修改之后快速查看效果。以下方式可以解决此类问题。

,