思路 react 的 ssr 最低最低也要把下面几个操作完成： 转化 jsx：把 jsx 或者 tsx 代码转化为普通代码 模板注入：使用 react-dom 的服务器端渲染功能把组件渲染成静态文本，然后丢到 HTTP 响应报文中 吸水反应：在客户端添加逻辑挂载，react…
：2022-07-01：博客 ：react ssr server site rendering
结果：写了一个叫 storage-timing 的库。 Some days I feel different than the day before. ---《本杰明 · 巴顿奇事》 入行那年 当年高考英语才 40 多分，勉勉强强上了个本科，C 语言第一节课我就懵了大 1…
：2022-06-24：随笔 ：人生 工作
简介 本笔记参考 rollup 官方文档 编写，官方也有提供中文文档，但是好像没人维护了，我看到一半发现有很多插件和用法产生滞留，不太建议查看中文文档。 安装与 Hello World 官方推荐全局安装，这样就可以使用全局命令 rollup…
：2022-03-14：笔记 ：rollup 打包 构建工具 babel typescript
简介 产品新增了一个拖拽排序的需求，我本来已经找到了 Vue Fraggable 这个库，但是这库不支持 Vue3，很遗憾，只有自己造轮子了。 很早就知道 H5 拖拽相关的 API…
：2022-01-14：博客 ：Vue3 Grid drag drop sort 排序 拖拽
postcss 是什么 postcss 是一个用来处理 css 的工具，支持 JavaScript 或者 NodeJS。你可能听过 autoprefixer 库，它用来给 css 代码添加兼容性前缀，然而这个库只是 postcss 的一个插件而已。 PostCSS…
：2021-12-29：笔记 ：postcss autoprefixer css
问题出现 使用 vue 脚手架新建项目，出现无法找到 package.json 和 tsconfig.json 文件，导致引入一个 HelloWord.vue 都报错的问题。 这个问题实际上源于 vscode 的插件 vetur，这个插件只会在根路径寻找 tsconfig…
：2021-11-06：笔记 ：@vue/cli vetur vscode vue
脚手架安装 我比较喜欢使用 vue-cli，在 vue3 中，使用安装脚手架比较简单，使用以下命令： 当然也有很多其他安装方式，比如 Vite，cdn，或者直接获取 vue 的库安装，详见官网 应用 创建 不同于 vue2 版本的 new Vue 语句，vue…
：2021-11-06：笔记 ：vue2 vue3 版本迁移
实现 使用 ts 实现 使用 copy 函数类型如下： 参数 text：需要复制的文本 返回值：成功返回 true，反之 false 示例 FAQ 切入式 H5 能否实现？ 大多数情况下是不能的，我和同事只是测试了 IOS…
：2021-10-25：笔记 ：复制 copy 拷贝 js BOM
前言 axios 算是当下最热门的前端 ajax 处理库，它简单易上手，扩展性强，功能齐全。 我之前在 react 中处理 axios 的封装一直没有找到很好的方式，因为 axios 是非常独立，并且提供的各种 api 都是一次性配置，例如 axios.create、axios…
：2021-09-28：博客 前端 ：react axios 拦截器 状态跟踪 状态丢失 axios 拦截器封闭性 请求 封装
简介 动画累加属性 用来设置动画是否基于上个动画最终值或者静止状态进行动画的累加。 比如一个动画是让 width 从 0 到 10，那么动画累加属性可以让该动画在第二个周期变为让 width 从 10 到 20，第三个周期从 20 到 3…
：2021-09-03：专栏 svg ：svg 动画累加属性 additive accumulate