marsprince

Webpack 的本质就是一个模块打包器，工作就是将每个模块打包成相应的 bundle。 如果小伙伴懒得敲，那可以看上面仓库的最终代码。 下面分 3 章尝试这个内容。 也就是说我们执行到 message.js，但是它里面的内容没法运行，因为 import 是 ES6 内容嘛。 …

​ 我第一次听说微前端这个概念是在一年前左右偶然看到了美团的一篇技术博客：用微前端的方式搭建单页应用。然而那时候我连单页面应用是什么都还不知道，自然是看的一头雾水了。目前大家普遍认为微前端的概念由ThoughtWorks在2016年提出。四年的时间，飞速发展，目前我们已经能看到…

GraphQL 经常被打上“好东西，但是难以落地”的标签，很多尝试 GraphQL 的团队也经历了“从入门到放弃”的痛苦。而我们能够在过去一年多的时间里让 GraphQL 在项目中平稳落地，其背后是一个技术决策、工程管理和代码相结合的有趣故事。 在谈“为什么”之前，首先说说“我…

不管外面是怎么吹，或者怎么贬，总之是骡子是马拉出来溜溜，了解后才有发言权。那我们就赶紧 20 分钟入门 deno 吧！ DENO_DIR 默认为 $HOME/.deno，就是 Deno 存放生成的代码和缓存的源码的路径。 这段代码的含义是：Deno.cwd() 表示当前目录，D…

安装 JavaScript Debugger 插件, 找到 plugins 然后搜索 JavaScript 即可搜索到. 为 Chrome 安装 JetBrains IDE Support 扩展. 点击右上角的 Add Configuration , 然后会弹出 Run/Deb…

这期来关注一下CodeSandbox, 这是一个浏览器端的沙盒运行环境，支持多种流行的构建模板，例如 create-react-app、 vue-cli、parcel等等。 可以用于快速原型开发、DEMO 展示、Bug 还原等等. 相似的产品有很多，例如codepen、JSFi…

但这样会有一个问题，就是这次提交，我可能只修改了一个文件，比如我就修改了 a.js 的内容，但它依然会校验 src 下面所有的 .js 文件，非常的不友好。 解决上面的痛点就需要使用 lint-staged。它只会校验你提交或者说你修改的部分内容。 如上配置，每次它只会在你本地…

在实际开发中我们经常遇到这样一种情况，就是根据后端返回接口状态的不同，渲染不同的组件。为了性能，一般获取状态和数据都是放在同一个接口里的。这就出现了问题，怎么把数据传给组件。 很容易想到的解决方案是通过不同的路由，把数据作为传参或者放在其他地方传过去。但是对于单一页面的模块就没…

Vue.js 很棒。但是，当你开始构建大型 JavaScript 应用时，你将开始触及 Vue.js 的边界。实际上这些边界并不是框架的限制；相反，这些边界是 Vue.js 团队不断进步地重要设计决策。 与 React 或 Angular 不同，Vue.js 迎合不同级别的开发…