浅评《走向共和》

最近看完了《走向共和》，比现在没有营养的电视剧好看多了，当然也被同事吐槽说不是这个年纪的人看的（就像吾辈听的音乐一样）。讲清明到民国之间的历史，里面的李鸿章真是饰演得有血有肉，不再仅仅是一个在历史书上签下两次不平等条约的罪人，而是一个着力于挽救晚清王朝的改革家，伊藤博文评价李鸿章说 大清帝国中唯一有能耐可和世界列强一争长短之人。 以下节选的片段均取自 豆瓣 北洋阅兵之前 慈禧：要是我的生日过

JavaScript 中的 ES6 Proxy

场景 就算只是扮演，也会成为真实的自我的一部分。对人类的精神来说，真实和虚假其实并没有明显的界限。入戏太深不是一件好事，但对于你来说并不成立，因为戏中的你才是真正符合你的身份的你。如今的你是真实的，就算一开始你只是在模仿着这种形象，现在的你也已经成为了这种形象。无论如何，你也不可能再回到过去了。 Proxy 代理，在 JavaScript 似乎很陌生，却又在生活中无处不在。或许有人在学习 ES6

为环境变量自动生成类型定义

在开发前端 web 项目时，我们经常需要使用环境变量，而 vite 作为最近非常流行的构建工具，它支持 .env 环境变量配置文件，同时还支持配置环境变量的类型，仅需要在 src/vite-env.d.ts 创建接口 ImportMetaEnv 即可。唯一有点麻烦的是：它不是自动的，而是要求开发者手动添加环境变量。– 这就是为什么会创建这个插件的原因，它能扫描环境变量配置并自动生成接口 Impor

在 react 中使用 vue hooks

场景你看到标题，可能会想：为什么要这样做？react hooks 是一个有用的发明，它重新组织了代码编写和思考的模式，利用更小的抽象将状态与函数按功能分割，而非集中到一个状态或生命周期中。但 react hooks 存在状态依赖的概念，更糟的是：它依赖于人工管理 – 尽管 react 官方提供了 eslint 规则，但如果你用过它，会发现它的误报率很高 – 尤其是在复杂组件中。那么，这是否就意味着

FlexBox 布局入门

场景最近刚看了 flexbox，之前一直用的 UI 框架写前端，吾辈可能是个假的前端开发（好吧，其实之前吾辈前后端都写，写得最多的是 JS/TS 就是了），所以写一篇记录便于复习知识。 简介不谈需求讲功能就是扯淡，所以吾辈先来说一下吾辈使用 flex 的主要场景吧 水平布局: 导航栏，多栏展示，媒体元素 水平垂直居中: 这在 flex 之前使用 CSS 很难实现 避免使用浮动，行内块元素，表格进

如何减少 monorepo 中 lib 的初始化时间

场景在我们使用 monorepo 将所有的前端项目放到一个项目中后，会面临各种各样的问题，其中的多个通用模块的初始化也会是一个问题。 下面是目前实践过的一些解决方案 增量构建 捆绑依赖项 基于 esbuild 不构建 dts 增量构建每次修改 libs 中的内容，其他人通过 git 拉取时都需要重新 initialize，如果知道在哪个包还好，可以仅运行指定包的 initialize 命令。