- 博客(189)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 2024年如何通过完善的工程化，从0到1手把手建立个人 react 组件库
本文聚焦于快速创建并部署个人的组件库，方便平时开发中将通用的组件抽出，也可用于简历上展示个人的组件成果~antd等，这些都是通过自己编写md表格去自定义的，但是对于个人开发的组件库，这显然是不太行的，因为这需要耗费大量时间去编写不太高频的内容，所以这方面显然是要通过自动化的形式完成，这也是本组件库需要攻克的重点！关于上图内容其实只需要下面4行内容即可，是不是很震惊 😱。
2024-06-08 14:56:55
1295
原创 实现像 creat-astro 一样在终端中实现动态输出内容
新工具，可以动态输出一些文字，支持盒子输出、动物输出、emoji输出等，也可以完全自定义。
2024-04-25 10:03:01
386
原创 辅助 vue2 开发的插件
帮助 Vue Options Api 项目的this.xxx调用跳转，HTML 模版内的属性、方法跳转，以及的跳转，助力提升老项目的开发体验。
2024-03-28 10:57:47
529
原创 【vue2-helper插件】提供Mixins和组件库相关的类型提示、智能补全、跳转等功能~
# Vue2-helper - 为你的 Vue2 开发增添智慧 ✨🚀 辅助`Vue2`开发中的`Mixins、组件库、Vue-router`的**智能补全、语义高亮、跳转支持、Hover 提示**等，提升`Vue2`开发体验。
2023-08-27 13:45:27
1449
6
原创 【vue2类型助手】vue2-cli 实现为 vue2 项目中的组件添加全局类型提示
【vue2类型助手】vue2-cli 实现为 vue2 项目中的组件添加全局类型提示
2023-08-13 17:58:21
845
原创 yarn 迁移 pnpm 记录
由于yarn/npm的扁平化包管理，导致项目中存在许多幽灵依赖的使用问题，直接切换pnpm而不处理，会导致项目直接运行失败解决方案使用自开发的幽灵依赖扫描工具幽灵扫描原理基于AST和正则对项目中的进行扫描将扫描出的包名与项目中的对比，并过滤不合法包名，路径别名，内置nodejs包以发掘出项目中存在的幽灵依赖以下为使用工具扫描出目前项目中存在的幽灵依赖里配置开启后需要）幽灵依赖的处理1、.npmrc中添加将对应的包提示至顶层目录2、pnpm add对应版本的依赖3、将所有依赖都提升至根目录（不推荐）
2023-08-08 18:48:02
1387
原创 【项目多人协作的困扰】git-cli 解决 git merge 合并时 lock 文件变化，忘记重新安装依赖的问题
【项目多人协作的困扰】git-cli 解决 git merge 合并时 lock 文件变化，忘记重新安装依赖的问题
2023-08-06 15:56:23
616
原创 npx 的使用原理，以及使用 npx 的一些注意事项
如果每次执行命令都自动更新依赖的包，可能会导致不同时间执行的命令结果不一致，因为包的版本可能会有变化。的时候，会首先检查路径中是否存在要执行的包（即在项目中），如果存在，它将执行。如果缓存中有该包的旧版本，它会使用缓存中的旧版本，而不会自动更新到最新的版本，如果要安装最新的则添加。相关命令的时候，npx 会先本地找（可以是项目中的也可以是本机的）寻找这个。4、可以指定node版本、命令的版本，解决了不同项目使用不同版本的命令的问题。如果本地存在同名的模块，但是还是想使用远程的新版本模块，可以使用。
2023-08-06 15:31:19
1999
原创 当进行一个npm包开发时，依赖管理的重要性
所以如果一个项目是独立应用，不会被引用成第三方包，那么它的。的区分就意义不到，但是如果是被引用的第三方包，则需要做好。的区分就很有意义，因为第三包引用它只会安装包里定义的。来以只安装 dependencies 字段的模块。如果项目有严格区分生产、开发环境的话，是可以通过。一个项目如果被当做第三方包引用的时候，它的。当一个项目被拉下来并执行。
2023-08-05 17:33:42
1023
原创 【AI 导航网站】为了更好的收集 AI 资源，我开发了一个 AI 导航网站
目前 AI 应用正呈迸发式增长，然而一个人获取资源的途径有限，对于目前存在的AI工具不能很好的收集总结，所以基于此，我开发了这个一个AI导航网站，希望通过它，收集出目前存在的热门的AI应用，以方便有需求的时候，可以查看有没有对应的AI应用协助使用。
2023-05-06 16:05:03
1557
原创 【油猴脚本】ChatGPT 智能 Prompts 提示词助手
ChatGPT 智能 Prompts 可以为你带来更好的使用体验助你训练好用的ChatGPT：添加快捷指令（prompts）新增：论文专家角色、支持自动发送、固定智能助手...还有更多需求可以到仓库Issues里发起！
2023-04-23 18:57:48
6745
原创 【Nginx】基础 Nginx 的常用配置快速入门，助力前端er更好的进行前后端开发
【Nginx】基础 Nginx 的常用配置快速入门，助力前端er更好的进行前后端开发
2023-04-06 14:07:10
936
1
原创 关于edge浏览器 new bing 已申请且通过后没有出现聊天功能的问题解决
关于edge浏览器 new bing 已申请且通过后没有出现聊天功能的问题解决
2023-03-11 15:42:41
58316
30
原创 【动态代理】webpack 和 vue-cli 等都适用的热更新proxy代理服务，解决烦人的重启服务问题
热更新 proxy解决 `webpack-der-server vue-cli` 更换 `proxy` 时需要重启服务问题，避免烦人的重新打包编译耗时
2023-03-09 13:22:34
812
原创 【构建工具】webpack 3、4 升级指南，摆脱低版本的困扰
插件，可以在编辑器中实时检查代码，给出错误和警告提示。这种方式可以帮助开发者在编写代码时及时发现问题，而不需要等待打包过程，不会影响。因为 babel 7 新增的 @babel 命名空间，所以原来的。插件，赋予其构建时检测代码的功能，但是会影响构建性能。文件的配置也会自动修改 但是不会删除已有的插件。中移除了旧版本的依赖，自动新增了新版名称，库实现，帮你改写需要升级的。babel 升级工具修改配置。移除旧版本依赖后重新安装依赖。大概列了下升级的效果。
2023-03-06 17:08:00
2826
原创 【前端工具】auto-mock约定式路由mock工具
# @winches/auto-mock> **github地址**：[https://github.com/winchesHe/auto-mock](https://github.com/winchesHe/auto-mock)约定式路由mock工具## ⭐️ feature✅ auto get mock route (自动获取mock路径)✅ Hot Update 热更新支持（检测mock路径和配置文件）🤖 easy to get params（更简易的获取请求参数）⚡
2023-03-03 11:29:12
392
原创 【调研报告】Monorepo 和 Multirepo 的风格对比及使用示例
【调研报告】Monorepo 和 Multirepo 的风格对比及使用示例
2023-02-22 17:11:21
598
原创 vscode——左侧文件嵌套折叠，配置文件归纳
使用 VS Code 的文件嵌套功能使您的文件树更清晰。vscode——左侧文件嵌套折叠，配置文件归纳
2023-01-04 10:21:10
2576
3
原创 如何在顶层使用await 【top level await】
仅当 “module” 选项设置为 “es2022”、“esnext”、“system”、“node16” 或 “nodenext”，且 “target” 选项设置为 “es2017” 或更高版本时，才允许使用顶级 “await” 表达式。添加type为module。如何在顶层使用await 【top level await】
2022-11-08 00:22:56
3025
2
原创 【类型提示】使用pnpm命令创建的vite项目无法在vscode中获得组件类型提示
使用pnpm命令创建的vite项目无法在vscode中获得组件类型提示，vscode 编辑器属性没有提示 ，Intellisense does not work for auto-imported components
2022-11-07 17:08:03
1453
原创 【质量工具】使用ls-lint在 vue3，react 等项目中规范命名
【质量工具】使用ls-lint在 vue3，react 等项目中规范命名
2022-11-06 17:06:54
641
原创 解决vscode html文件里没有style提示和script提示问题
解决vscode html文件里没有style提示和script提示问题
2022-11-06 00:36:48
1612
原创 【vscode开发技巧】——将typescript类型显示在编辑器中
【vscode开发技巧】——将typescript类型显示在编辑器中1. 参数名、2. 参数类型、3. 函数返回值。
2022-10-23 12:23:20
3228
原创 【前端技巧】如何优雅的更改包源码（适用小改动）
该命令的作用当更新项目的依赖的时候，会自动在依赖安装完后执行。node_modules里的节流使用不恰当导致，需修改源码。修复 element-ui 里表头抖动的问题。更改，这样就可以做到组内同步修改的代码。随后就会在项目的根目录下出现。目录下的补丁文件，将对应的。这个目录，里面会出现。
2022-09-20 16:56:48
993
原创 「前端测试」vitest都在借鉴的fixtures究竟是怎么实现的，playwright源码参考实现
首先我们看看它的功能是什么，这是我们日常使用的情况。函数，字符串标题，以及内置的参数调用。3、实现继承类型显示使用。
2022-08-20 12:46:20
567
原创 「自动化测试」playwright 前端自动化—— fixtures 项目重构优化思路
在开始准备重构时，我们项目都是基于对象模型去抽象公用方法在做设计之时，会根据各个模块建立对应的模型，起初这个方法很好用，很容易上手，代码也很好理解（基于面向对象封装）例如：封装一个新增事件的网络请求方法该方法许多用例都需要用到，故选择封装那么实现逻辑：问题出现当越封越多的模块，那么编写一个用例所需要创建的实例则越来越多例如：可以看到，这将会造成每一个页面每一个测试用例就会编写很多重复的代码，且页面也会变得很长，变得难以维护和不堪入目什么是fixtures？简而言之，就是当引入 后，你将不用受 和重
2022-07-13 21:25:29
803
原创 「自动化测试」playwright 前端自动化——网络请求，用户鉴权的封装
使用方法：优化ts类型约束及提示，通过自定义泛型工具获取函数第二个参数类型二、用户鉴权相关：第一步第二步在当前目录global-setup/index.ts文件中第三步在页面中使用即可做到保存用户状态...
2022-07-13 20:17:10
1510
原创 「知识分享」github 强推上5个实用的功能
github高级搜索功能直接打开这里或搜索后在搜索页面 language 下方打开（没找到更好的方法）更多技巧可查看官方文档：在主页按“t”：查找文件点进源代码后，按“l”：跳转到某一行点击行号：代码跳转：在项目地址前加上前缀登陆：加载：运行：根据自己的喜好让github推送自己感兴趣的优质项目获取邮件更新：...
2022-06-29 21:29:07
231
原创 「自动化测试」playwright 项目开发中，监听网络请求、页面下载、浏览器新标签页等场景通用设计方法
相关需求：验证告警详情数据是否成功展示问题：由于无法从过数据是否展示来单纯的判断相应是否成功，因为可能会出现部分数据展示，部分数据还在响应的情况解决方案：方案一：通过判断响应失败时展示的dialog错误弹框来判断是否响应成功（有不稳定因素）代码如下：该代码有一个问题 其中这个判断语句，应该是要在数据响应回来后再进行判断，但是由于不能确定数据到底什么时候响应回来，可能在数据还没响应回来之前，该测试代码已经走到断言阶段了，就会出现明明返回的是失败的 而由于测试代码走的比响应快，导致弹框还没出现的时候，测试
2022-06-06 18:31:45
6833
3
原创 「自动化测试」playwright中 expect 断言搭配 await 的使用事项
第一个参数建议两种用法，第一种是传递 ，第二种是传递基础数据类型值除了前面两个用法还可以传递（ ， ），但是暂时用不上，建议先优先以前两种用法为主在 中的使用第一种，传递了 的情况此时 返回的对象会附加 的拓展方法 ，可以使用 Assertions上的拓展方法，并且返回的是 对象，故需要在前加上 来配合使用第二种，传递了 的情况此时 返回的对象基本含有 的方法，不含 拓展的方法，并且返回的基本都是 ，所以一般不需要在前加上 来使用...
2022-06-06 18:29:57
2862
原创 实习中整理的常用的 git 指令，分支管理，撤销回滚，以及常见的问题解决
可以查看本地的所以分支 可以删除本地的dev分支（注意要切换到其他分支后再删除） 可以切换到指定dev分支，-b选项可以创建并切换到指定dev分支 命令将本地的dev分支推送到origin主机，同时指定origin为默认主机，后面就可以不加任何参数使用git push了 将当前分支推送到origin主机的对应分支`git push origin --delete暂存区：之后commit之前存在的区域；工作区：之后存在的区域；远程仓库：之后；在其它分支工作完成之后，首先切换回原来的分支，然后使用命令查看可以
2022-06-03 19:11:00
329
1
原创 Git stash 的用法，将暂存区的内容缓存并移除，解决切换分支前的内容缓存问题
1.保存2.重新应用缓存的stash3.查看stash4.移除5 查看指定stash的diff6 stash指定的文件
2022-06-01 11:01:48
3902
为什么vscode自动补全文件路径时不加文件扩展名？
2022-01-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人