
Vue 和 React 有很多优秀的源码片段,接此文/系列进行整理。本篇主要记录公共库 shared 中的实用代码,不考虑框架层面的逻辑处理。

web / hybrid 开发者往往会忽略内存管理,在一些场景下会由于内存泄漏导致一些白屏卡顿和崩溃问题。本文介绍PC/移动端各种内存检测的工具、仿真及真实内存分析手段,以及介绍基于Puppeteer的自动化检测封装库 FuiteJs。

【介绍】相比于npm/yarn,pnpm在功能和性能上都有些特色。官网很完善,本篇简单记录pnpm的一些内容(v6.x)。

parseInt() 和 parseFloat() 这两个常用API还是会踩坑的,本文以ECMA规范为主来表述其执行机制,并用WebKit源码加以辅助说明,以此文梳理一下。

【介绍】对于许多网站来说,性能是影响用户满意度和转化率的重要因素。关于web性能优化的书和文章有很多,本文主要介绍了 web 性能优化的指标和手段,从响应时间、页面加载速度、资源优化等多个方面进行了分析。

【介绍】本书整理归纳了软件开发的部分重要原则,侧重点在于软件工程和项目管理。因此笔记从项目管理十大领域及其他涉及领域进行分类记录。

【介绍】此前看了第二版,借第三版重新认知此书。上半内容为书中第四~六部分,即高效团队养成、沃土、快乐地工作。

【介绍】此前看了第二版,借第三版重新认知此书。上半内容为书中第一~三部分,即管理人力资源、办公环境、正确的人。

【介绍】《A Philosophy of Software Design》(软件设计哲学)11 ~ 21 章笔记,这本书指出希望在软件生命周期中通过复杂性这一理念来引导软件的设计。书中指出的很多理念很合适在代码审查过程中使用

【介绍】《A Philosophy of Software Design》(软件设计哲学)1~10章笔记,这本书指出希望在软件生命周期中通过复杂性这一理念来引导软件的设计。书中指出的很多理念很合适在代码审查过程中使用

【介绍】《简约之美,软件设计之道》笔记,本书关注如何为软件制定合理的技术决策。概括来说,软件的目的在于帮助他人,最好的软件设计就是能适应外界尽可能多的变化,而软件自身的变化要尽可能少,因此需要做到简洁。

【介绍】结合《百亿级并发系统设计》和《高并发系统设计 40 问》,整理高并发系统设计的相关知识技能。

【介绍】本文记录开源 APM 平台——SkyWalking 的 APM 和OAP功能,主要侧重于 web 端。

【介绍】本文介绍一个界面引导工具库——driverjs的使用方式,并简单描述原理。

本文介绍随机数的概念,计算机“随机”的悖论、LCG/PCG/MWC/XorShift算法与实现。也记录一下前端V8引擎和Webkit的加密实现原理。

【介绍】本文记录了常用的英文缩写:邮件常用、计算机常用、管理常用词汇。

【介绍】此文整理前端代码格式化工具prettier的使用说明和相关插件,以及与ESlint的结合使用方法。

【介绍】本文集中整理WebP图片的格式和相关使用、lossy WebP/lossless WebP/Alpha WebP/Animate WebP的相关说明、以及兼容情况。

【介绍】本文记录了IDE配置文件editorconfig的配置说明。

【介绍】一些业务环境下,前端会涉及多项目的管理,这种情况下往往npm依赖包和git都无法实现共享或统一化管理。因此Lerna应时而生。
Author
My name is Micheal Wayne and this is my blog.
I am a front-end software engineer.
Contact: michealwayne@163.com