从零到一:使用Jenkins配置Web应用的完整指南 发表于 2024-03-13 从零到一:使用Jenkins配置Web应用的完整指南1. 介绍 什么是Jenkins? Jenkins是一个流行的开源自动化服务器,用于实现持续集成和持续部署。它可以自动执行构建、测试和部署任务,极大地提高了软件开发的效率和质量。一句话就是“管理执行构建、部署、测试脚本的运维平台”。具体功能请至 ... 阅读全文 »
react 代码优化 发表于 2023-12-11 | 分类于 theory 太长不看 -> 视图不显示的内容多用useRef,多用useMemo和useCallback,如果逻辑比较内聚,可以封装逻辑到 class,然后自己判断需要更新的时机,手动调用方法去重新render组件。 在做自己的小项目的时候,突然想到,rea ... 阅读全文 »
js复制文本到剪切板.md 发表于 2023-12-05 | 分类于 Development 使用execCommand 和 navigator.clipboard 最开始做这个需求的时候说可以直接用项目中已有的代码具体代码如下所示。具体就是查看是否支持clipboard,如果不支持使用execCommand。 12345678910111213141516if (na ... 阅读全文 »
chrome-extension-message.md 发表于 2023-11-14 | 分类于 chrome extension 需求描述这边插件期望可以在点击下载按钮的时候拦截下载请求,并打开插件弹窗然后选择需要上传的文件夹。 这个功能主要是拦截后需要通知打开插件弹窗,所以需要了解一下插件所定义的几种script之间的通信 chrome插件的几种js chrome插件里面的js有如下几种,conte ... 阅读全文 »
chrome-extension-script-inject.md 发表于 2023-11-14 | 分类于 chrome extension 蓝湖切图拦截插件(一)插件代码注入 之前写过一个figma的切图插件,链接如下快切 现在发现又开始用蓝湖了,所以想搞个蓝湖的插件。事实上网上是有具体的方案的,但是我没有找到直接能用的chrome插件。尝试去油猴和extension store寻找蓝湖相关的插件,结果都没有,没办 ... 阅读全文 »
map和object的区别以及性能 发表于 2023-06-10 这是一个日常周会上抛出来问题引发的一个思考,首先问题如下 123456789101112131415161718// 全量树数据const treeData = []; // TO BE PROVIDED;// 以此数据做匹配const searchData = []; // ... 阅读全文 »
figma插件图标管理 发表于 2023-06-07 之前在设计团队从蓝湖换到 figma 后,对于切图流程不确定,于是写了一个切图的插件快切。主要作用是,让设计可以在 figma 上一站式交付,不需要再导出图片然后跑到 tinyimage 压缩图片然后上传 cdn,再把 cdn 链接给到开发。其中碰到的问题都已经在png 压缩 ... 阅读全文 »
人生的第一个专利 发表于 2023-06-06 芜湖,申请的专利终于成功了,虽然其实也是比较简单的东西,但属实是想要分享一下本次申请专利 这个技术最开始还是刚入职时,同事介绍了目前开发痛点:项目过多,有用gulp的,有自己用webpack搭建的,有用vue-cli的。导致了一个问题,每个项目各自 ... 阅读全文 »
png压缩初探 发表于 2023-01-30 之前写插件,碰到了需要压缩图片的场景,当时设计给到的参考对象是 tinyPng,压缩后的图片能达到 tinyPng 的效果即可(图片质量 压缩率)。 最初设想当然是直接用 tinyPng,但是现在 tinyPng 有免费数量限制,每月免费 500 ... 阅读全文 »
vite 发表于 2021-02-24 | 分类于 theory , tools 最近好像vite很火热的样子,这里小小了解了以下vite,在此记录一下。 在了解vite之前,先了解下打包工具。打包工具就是将现有的代码进行转义处理并且打包。转义处理指的是将正常无法运行在浏览器的语法处理为可运行的语法,比如jsx,比如.vue文件中的 ... 阅读全文 »