liangyue

1. 项目初始化 2. 确定图片压缩接口的请求参数，定义辅助方法 是不是很简单呢，这里因为qiniuConf接受的是一个json字符串，所以在设置默认配置时，统一转成字符串。 其中filePath是我们上传图片后，通过multer处理后保存在original目录下的原图，通过方…

及通过css定义变量的方式，将变量在行内注入，然后在style中使用var()获取我们在行内设置的数据即可。

getClientRects 可以获取到多行文本的宽高位置等属性，可以通过getClientRects来判断当前文本的内容总行数和每行宽度。只要不断截取文本，判断总行数，直到行数符合预期后，展示截取后的文案。 3.辅助方法：获取当前文本长度（getLines）、判断当前文本是否…

一开始是打算用TinyPNG的API实现图片压缩，但是尝试过后发现压缩速度特别慢，而且好像还要花钱，果断就放弃了。改为使用imagemin。 这里是有一个坑的： 由于imagemin不可以直接压缩图片，而是需要依赖imagemin-jpegtran和imagemin-pngqu…

在工作中经常用有一些图片来美化我们的前端页面，这时需要我们先将图片下载到本地再通过tinypng这个网站将图片压缩后上传到七牛云，最后将图片链接放在我们的代码中，虽然工作也都在搬砖，但是这种砖不是我喜欢的那种砖。于是，就想到开发一个Vscode插件来帮我自动压缩上传图片。 1.…

在工作中经常用有一些图片来美化我们的前端页面，这时需要我们先将图片下载到本地再通过tinypng这个网站将图片压缩后上传到七牛云，最后将图片链接放在我们的代码中，虽然工作也都在搬砖，但是这种砖不是我喜欢的那种砖。于是，就想到开发一个Vscode插件来帮我自动压缩上传图片。 1.…

@babel/preset-typescript：它是直接移除TypeScript，转为JS，这使得它的编译速度飞快,并且只需要管理Babel一个编译器就行了。 高版本的浏览器，这部分代码也不会被打包进来，因为高版本浏览器已经可以直接使用promise。 执行打包，发现bund…

react重构客户端代码。 这种写法虽然可行，但是一样的东西复制了好多遍，不是一个好的代码改有的。所以将这部分改为node获取pages目录下的所有文件，然后全部添加到plugins中： 2. babel优化 3. 设置了webpack别名 我这里只设置了公共代码的别名 @co…

前面几章已经实现了项目的基础功能（用户登录注册，查看博客列表），后面要做的就是功能的丰富和代码优化，由于目前代码量还比较少，所以考虑先进行一些代码的优化整合，方便后续开发。 之前登录注册使用seeion ——> 登录注册改为jwt。 下面就这三点分别介绍一下我的解决方案。 前端…