有关 SourceMap 的几点个人思考

发布在 前端技术   994 words, about 4 min read

这两天在组里协助排查一个 webpack dev 环境下重载时内存溢出的问题,现象是 webpack-dev-server 启动的过程中,在 node 10.xx 的环境下,一旦修改文件工程自动 reload 时会出现内存溢出导致服务直接中断。

排查原因,最终发现原来是脚手架在配置开发环境的 devtool 配置时,为了方便开发者 DEBUG,设置成了 cheap-module-source-map ,在代码修改时触发自动 load,在 loader 编译映射 sourcemap 的时候溢~出~了~,本文不会说明为什么溢出,排查的过程以及解决,其实花的时间也不长,重点说明一下 sourcemap 的作用以及使用过程的几点个人思考。

阅读全文

UNIX 编程艺术 读书笔记 1

  363 words, about 1 min read

以下规则很受用,不分语言,甚至有一些规则可以作为日常做事的原则,日后逐条对应写一些个人的理解。

有关 UNIX 编程的规则(摘自原文):

阅读全文

中后台前端搭建经验总结-技术细节篇(一)

  2,971 words, about 11 min read

本篇是总结一个旧项目,项目在 2019 年 Q3 开发并上线运营,经历两个月迭代后目前已交接给其他团队维护,整理个人草稿箱发现这边还没有完成的总结,补充一些内容更新至此,内容应该是顺着回想起细节,后面再补充。

关键词:中后台系统、从零到壹

阅读全文

Redis 入门指南(第 2 版)读书笔记

  3,011 words, about 11 min read

读书笔记《Redis 入门指南》 李子骅. Redis 入门指南(第 2 版)(异步图书) (Chinese Edition) (Kindle Locations 627-632). 人民邮电出版社. Kindle Edition.

前阵子部门团建要去外地,路上大巴车来回有将近 6、7 个小时的空闲时间,排除和身边人玩 Switch 的时间,大部分时间都用来速读一本纯技术类工具书,《Redis 入门指南(第 2 版)》,粗略自己摘录并且记录一些读书笔记,记录于此,以备自己方便查阅。内容可以较多但仅限个人记录一定有所疏漏,还是建议使用到 Redis 的开发者朋友,使用 Dash 或者其他查看 API 一类工具放手边随时查阅。

阅读全文

基于 Storybook 5 打造 Style 组件库开发与文档站建设小结

发布在 前端技术   2,584 words, about 9 min read

写在前头

前阵子一直和组里的小伙伴共同“造轮子”,开发并维护了一套 PC 端 React UI 组件库,经过了一段时间的折腾,组件库从之前的 0.x、1.x 再到最近发布的 2.0.beta 的一个过程,这其中很多东西值得拿出来分享和讨论,有好的有失败的,今天就把组件库开发过程中的 DEMO 实时重现以及后期文档站的建设的技术选型以及实践简单做一个记录总结和大家一起做一个讨论。

调研和选型具体细节,后面找时间再梳理输出另外一篇文章,这里介绍在使用 Storybook 5 的过程中的一些问题点以及经验分享。

截止文章编写时 Storybook 6 正在进行 rc 版,作者也经历过将之前项目的 5.2.x 升级到 5.3.x 过程的阵痛,网络上关于使用 Storybook 的问题文章也比较少,除了 Storybook 官网文档以外一些问题点记录,因此成文,感兴趣可以继续阅读。有关 UI 组件库的建设,这里不做深入讨论。(就是我们暂时先不讨论 WHY 的问题,本文只讨论 HOW。)

阅读全文

ESLint 修改点整理

发布在 前端技术   1,047 words, about 5 min read

ESLint 为团队和项目带来的益处,这里不多说,本文主要是个人近期修改项目代码一些错误修改整理的内容。

备注:尽量使用默认 Prettier 规则,根据实际情况略有调整。项目技术栈 React, Redux, Redux-Sagas, TypeScript。

阅读全文

【译】Google 出品 - Understand the JavaScript SEO basics

发布在 前端技术   1,495 words, about 5 min read

理解 JavaSript SEO 基础

原文 https://developers.google.com/search/docs/guides/javascript-seo-basics

你是否怀疑过由于 JavaScript 的问题可能会影响你的网页或者某一部分内容出现在 Google Search 的结果? 你通过我们的故障排除指南来了解如何解决 JavaScript 相关的这些问题。

JavaScript 是 WEB 平台中重要的一部分,因为它能够提供由普通 web 网站向功能更强大的应用平台转变的众多特性。开发 JavaScript 驱动的 web 应用可以帮助你吸引新用户,同时可以通过 Google 搜索到你的 web 应用提供出来的有效内容来留存现有用户。当 Google Search 通过 Chromium 引擎来执行 JavaScript 时,你可以做一些下面这些事情去进行优化改进你的 Web 应用。

阅读全文

全栈的另一个选择:Serverless 无服务框架浅谈

发布在 技术   3,873 words, about 14 min read

近期在准备部门内部的一个分享,思考了一些主题,最终还是决定结合自身 Web 服务端开发经验,来分享自己调研 Serverless 无服务建构的相关内容。

以下全文是前期准备阶段调研和整理的一部分资料,梳理总结后,在制作 Slide 过程中书写逐字稿缩减而来的。分享结束后还会继续在这部分挖掘和实践,云计算中的 Serverless 是一个非常大的主题范畴,单凭这一篇文字是没办法细说全部,笔者也在路上,感兴趣的同学可以留言讨论,持续关注。

阅读全文
作者的图片

Bean Lee

author.bio


author.job


Beijing