墨筝

一些优质的三方库

libraries
前言这篇主要是记录一些优质的三方库 Etahttps://eta.js.org/, 非常酷的一个模板引擎,可以在 Node, Deno 和浏览器环境中使用 Date-fnshttps://date-fns.org/, 日期处理工具库 VineJshttps://vinejs.dev/docs ...
Read more

一些不错的生产力工具

production tools
前言主要记录一些比较不错的小工具。 Web Checkhttps://web-check.as93.net/, 可以快速查看某个网站的一些技术信息,比如 ip 地址, ssl 证书等等。 Spectaclehttps://commerce.nearform.com/open-source/s ...
Read more

如何实现 esm 模块的热更新 HMR

javascript, Front-end engineering
前言最近在前端工程领域出现了一些新的工程化工具,诸如尤雨溪的 vite 以及已在 GitHub 社区斩获 8317 个 star 的 snowpack,这些工具的优势除了内置支持 vue, react 等框架的运行和构建,很重要的一点是开发环境下应用的快速启动能力, snowpack 的启动 ...
Read more

webpack 中构建进度条的实现原理

javascript, webpack, Front-end engineering
前言我们在使用 webpack 的时候经常会用到 webpackbar 或者 progress-bar-webpack-plugin 之类的 webpack 插件通过进度条等方式来展示 webpack 的构建进度,以提升构建过程中的反馈体验。对于不同的插件来说,它们只是进度条的 UI 展示形 ...
Read more

koa源码中的promise

node.js, koa
koa 是一个非常轻量优雅的 node 应用开发框架,趁着双十一值班的空当阅读了下其源代码,其中一些比较有意思的地方整理成文与大家分享一下。  洋葱型中间件机制的实现原理我们经常把 koa 中间件的执行机制类比于剥洋葱,这样设计其执行顺序的好处是我们不再需要手动去管理 request 和 ...
Read more

rust 的 ownership 是什么

rust
前言rust 是 mozilla 公司出品的一门系统级编程语言,其主要特点是性能良好 ( 号称不输 c++),运行安全以及文档与工具链完善。 rust 在前端方面也有很多应用,它是目前 webassembly 生态支持度最高的编程语言,这个可能也跟历史原因有关, webassembly 的前 ...
Read more

javascript的内存管理以及3种常见的内存泄漏

javascript, memory manage
根据GitHut stats的统计数据显示,javascript 语言在 Github 中的活跃项目仓库数量和总的 push 数量已经登上了榜首的位置,而且在越来越多的领域里我们都能看 javascript 持续活跃的身影和不断前行的脚步 尽管我们正在越来越多的编写 Javascript 代 ...
Read more

深入理解事件循环和异步流程控制

javascript, browser, async control
javascript 的执行分为三个部分:运行时,事件循环,js 引擎。运行时提供了诸如注入全局 API(dom, setTimeout 之类)这样的功能。js 引擎负责代码编译执行,包括内存管理。之前写了一篇关于 javascript 内存管理的文章,具体可见 javascript 内存管 ...
Read more

彻底了解渲染引擎以及几点关于性能优化的建议

html, css, dom, engine
在日常开发过程中,要编写性能足够优秀的代码,构造更加稳定的应用,我们不仅要对 javascript 本身的执行机制有深入的了解,更要对其宿主环境有更加深刻的认识,理解其工作原理以及组成结构,它可以帮助我们对 web 世界的运转模式有更高层级的认知。这次想要介绍的是浏览器的渲染引擎。 浏览器的 ...
Read more

狂拽酷炫的terminal,你值得拥有

iterm,zsh,terminal
命令行是程序员日常工作中的重要组成部分,一个优秀的命令行环境不仅要功能强大,其外观更要造化钟神秀,这样才能让程序员有一个更加轻松愉悦的工作心情。或许你目前的命令行是长下面这样: 你是否幻想过拥有一个如黑客帝国一般的命令行: 当然这是不现实的,但我们至少可以让我们的命令行拥有如下所示的颜 ...
Read more
Prev Next