前端架构发展史
前端改革 30 年，从一片荒芜到微前端兴起。前言本文主要简述前端系统级架构的演讲历史，不涉及应用级架构: MVC，MVMM…正文前置术语应用：指的是一个整体的应用，可由多个模块组成。模块：指的是整体应用下 被划分的子应用。无架构在 1990 年，Tim Berners-Lee 在他的 NeXT 电脑上部署了第一套“主机-网站-浏览器”构成的 Web 系统，这标志着前端的开始。在最初，前端是一片荒芜的，经过浏览器大战，W3C 标准化的过程 前端才慢慢成长了起来。在此时期，诞生了 CSS、JavaScript、DHTML 等重要技术。前端也从最开始的纯静态页面，逐步存在于 PHP、ASP、JSP 这些模板技术中。由于前端涉及到的功能简单，只需操作 DOM，并不需要代码管理与模块支持。所以 最初的前端只是 MVC 架..
read_more
批量重命名工具
闲话 批量重命名小工具(renamable)是我早就想写的，之前有时下载一大堆番剧，基本都是【xx字幕组】[虫师 续章_Mushishi ZokuShou_蟲師 続章][01][720P].mp4这种，挨着一个个去重命名也显得麻烦。 一开始我是直接写python脚本去批量重命名，但是发现这样做的效率可能还没有手动去重命名的效率高。 当初技艺不精，搞这搞那的也没想着去专门写一个重命名工具，其实renamable也是上班抽空(摸鱼)写的。 写代码 如果你对写代码不感兴趣，请直接跳到使用 renamable是用PyQt5写的，至于为何用python，因为它写着爽啊。 具体就三个版块: Menubar，菜单，主要操作都在这 Head ，头部，输入正则表达式 Body，主体，显示内容 代码挺简单的，直接上gi..
read_more
从 Svelte 3 的编译器中得到的启示
前端的编译器，除了可以做转换，是否还有其它用途？由于现在国内“前端主流框架”的称号基本被 React、Vue、Angular 占领，前二者在渲染层的技术，本质上都是极为相似的：在内存中维护 Virtual DOM，通过某些方式获取到变量被修改，然后利用 DOM Diff 算法（以及一些优化）计算出需要对 DOM 做的操作，再 Patch 到真实的 DOM 上。相信大家（尤其是准备过面试的小伙伴）一定对这些内容比较了解。Angular 的最新版使用了一个叫 Ivy 的引擎。对于 Angular 来说，脏值检测跟之前的方法类似（监听用户输入、劫持 setTimeout 等），渲染方面则是用了 incremental-dom 的思想做增量渲染。我第一次听说 Svelte（读作 [svɛlt]），也只是在两个月前。我刚..
read_more