前端饭团

22

webpack 打包的代码怎么在浏览器跑起来的？看不懂算我输

• Denzel   5月18日发布
• 18 收藏

最近在做一个工程化强相关的项目-微前端，涉及到了基座项目和子项目加载，并存的问题；以前对webpack一直停留在配置，也就是常说的入门级。这次项目推动，自己不得不迈过门槛，往里面多看一点。

11

Web网页渲染的几种模式

• Denzel   4月26日发布
• 7 收藏

译文：Rendering on the Web 本文主要内容来源于对上文的翻译，图也来源于此，加上了一点平时工作的理解，英语渣、翻译不是很准确，有条件的可以直接阅读上文链接。本文主要是自己在阅读时做的笔记，供自己以后查...

5

Node实现github图床向阿里云Oss的自动搬运

• Denzel   3月19日发布
• 3 收藏

最近原油下跌不少，疫情不断，股市惊慌失措。于我而言，管我屁事，没钱。奋（pin）斗（qiong）的我，只有好好写代码。偏题了，是想说缘由来着，最近越来越觉得github慢，各种pull，push卡顿，家里打开github网站...

10

hooks vs class component 之争

• Denzel   3月11日发布
• 5 收藏

2020 转眼已来到3月，但疫情的突袭，让这个春节迟迟没有开始，也没法结束。这段时间看似是充电自我提升的大好时光，但家国情怀深厚的我为疫情真的是操碎了心，时不时都要看看哪里数据猛增了，哪里暴发了。结束一...

4

利用Proxy，如何优雅实现JSBridge模块化封装

• Denzel   2月6日发布
• 2 收藏

最近公司在做一个项目，通过把我们自己的Webview植入第三方APP，然后我们的业务全部通过H5实现。至于为什么不直接用第三方APP WebView,主要是身处金融行业，需要做一些风控相关功能。

2

我平凡又充实的2019，期待2020

• Denzel   1月24日发布
• 1 收藏

在2018年，自己几乎写了一年中后台的业务。天天围绕着Antd，React工作，写不完的业务。2019年看起来似乎幸运很多，接触了更多的技术，实践了更多新学到的知识。

0

重新认识ES6中的Set（刷Leetcode有感）

• Denzel   1月6日发布
• 收藏

距离ES6的发布应该有5年了，但除了const、import，展开运算符, 箭头函数这些新特性在工作中常接触外，Map、Set、Symbol出场机会还是寥寥无几，至少不如const、import露脸机会多。进来抽空去刷了一下算法，发现好...

0

Koa-spring: Node进程通信的实践

• Denzel   2019-12-20 发布
• 收藏

如果你感兴趣，可以fork项目，自己体验一下 Koa-spring：[链接] related-client: [链接] 技术栈：koa + Sequelize + routing-controllers + typescript

2

深入React，做一个高阶练习生

• Denzel   2019-11-29 发布
• 1 收藏

很久以前，一个前端练习生，开源了一个不知名的组件库antd-doddle，还特意写了接入文档，文档地址, 真的是用做开源的态度，在认认真真做项目。这个组件库在公司内部差不多用了一年多，感觉还是把日常哪些简单琐碎...

2

定制你私有的前端构建部署（Github CI/CD）

• Denzel   2019-11-03 发布
• 2 收藏

近来手痒，又陷入了自我捣腾的无限循环。 其实事情是这样的，最近阿里云搞活动（嗯，友情打广告），229买了个3年版低配服务器；前端时间写用React + Github Graphql API自定义你的博客, 见识了Github Action的强...

1

边看边写：基于Fetch仿洋葱模型写一个Http构造类

• Denzel   2019-10-10 发布
• 收藏

学过或了解过 Node 服务框架 Koa 的，都或许听过洋葱模型和中间件。恩，就是吃的那个洋葱，见下图：Koa 是通过洋葱模型实现对 http 封装，中间件就是一层一层的洋葱，这里推荐两个 Koa 源码解读的文章，当然其源...

0

一个removeEventListener引发的思考

• Denzel   2019-08-04 发布
• 收藏

我用了addEventListener和removeEventListener来尝试useEffect的挂载和清除功能，细心的你，发现这段代码有几个错误呢？ 自我观察，自认为是有如下几个的：

0

给组件库加个鸡腿

• Denzel   2019-06-25 发布
• 收藏

为了方便大家使用，已经将这个鸡腿进行了封装（@doddle/doddle-bisheng-theme）：使用详见Readme为了工作，也为了长点见识，费心费力捣腾了一个组件库antd-doddle，还是有成长的，总结都写了两篇，收获还是有的，...

0

基于EC2，配置一个全栈服务实例（nginx + tomcat + mysql）

• Denzel   2019-06-24 发布
• 收藏

最近世道动荡，在前往高级的路上走出了车到山前必有路，睁眼一看是绝路的感觉。所以就索性瞎折腾一下。领了一个服务器，开启了一个伪全栈的运维之路，各种服务线上部署。

5

从24M到1M: 一个react+antd后台系统构建打包历程

• Denzel   2019-03-07 发布
• 3 收藏

虽然在工作中用react+antd写页面写了一年，但从来没自己去认认真真配置一个webpack，去分析去优化自己打出的包。在工程化成熟或者大点的公司，都有自己的打包工具，所以自己工作中很少去琢磨这些。为了试一下写出...

14

从dist到es：发一个NPM库，我蜕了一层皮

• Denzel   2019-02-22 发布
• 4 收藏

这并不是自己第一次发npm包， 所以这里没有多少入门的知识。在此之前已经有一篇前端脚手架，听起来玄乎，实际呢？，但这一次的npm包和上一次的不是一个概念，前者只是一个脚本工具，而这个npm包是日常开发中方法...

3

webpack与babel的深奥，渣渣的我只能做个小笔记（持续更新）

• Denzel   2018-12-11 发布
• 3 收藏

最近公司封装的构建库用多了，感觉自己正在一步一步的变傻，所以趁还没下雪，手脚还没长冻疮，没事还是自己折腾一下吧。本想记笔记，但没想到记笔记没法传图片。所以如果你看到了，就忽略了吧。o(╥﹏╥)o o(╥﹏╥)o...

0

React组件常用设计模式之Render Props

• Denzel   2018-12-04 发布
• 收藏

自己在总结最近半年的React开发最佳实践时，提到了Render Props，想好好写写，但感觉篇幅又太长，所以就有了此文。愿你看完，能有所收获，如果有什么不足或错误之处还请指正。文中所提到的所有代码都可以在示例项...

14

前端脚手架，听起来玄乎，实际呢？

• Denzel   2018-11-06 发布
• 11 收藏

第一次听说脚手架， 是我刚接触Vue，跟着网上大佬的文章，用Vue-cli从0搭建了一个Vue项目，一步一步配置,然后npm i, npm run dev，打开链接,一个网页就这么写好了，当时对于npm，webpack这些前端工程化一无所知，...

2

怎样写一个具有异步交互的React组件的单元测试

• Denzel   2018-09-28 发布
• 1 收藏

关于前端React组件测试（jest，Enzyme），网上有大量的入门文章，可以看看，但如果你确实想了解前端自动化测试，个人更推荐看官方的文档和一些比较官方的测试案列，这里推荐两个：