- 博客(27)
- 收藏
- 关注
RSS订阅原创 代码提交规范---commitlint
husky配置：Husky 是一个 Git hooks 工具，可以让开发者在 Git 提交、提交、push 等操作前执行预定义的脚本，从而帮助团队规范化提交流程和代码质量。Husky 可以与其他工具（如 lint-staged、linters、测试工具等）结合使用，以确保代码在提交到版本控制系统之前经过检查和验证。commitlint: CommitLint 是一个用于规范化 Git 提交消息格式的工具，它通过对提交消息的格式进行校验，帮助团队保持统一的提交消息规范，有助于提高代码库的可读性和维护性。
2024-03-26 20:23:05
441
原创 webpack配置
安装loader：npm install babel-loader @babel/core --save-dev。安装preset: npm install @babel/preset-env --save-dev。可以将options的value部分写成json格式保存为.babelrc文件中。webpack4写法：（webpack5兼容这个写法）html中的动态生成title或其它内容：(jsp写法)注意：需要引入资源文件并使用，否则不会解析。需要在模板中进行动态写入。
2024-03-05 17:02:07
1062
原创 自定义vue插件&发布到npm
配置好后：npm run lib，生成lib文件夹，其中有个min.js文件，需要在package.json中配置main发布npm包的入口文件。1.类似构件components，进行插件编写，注意的是插件必须定义name。2.然后在插件文件夹中定义index.js用于统一注册插件。再通过：npm publish发布到npm。配置项目的package.json文件。然后登陆npm: npm login。
2024-01-28 20:51:51
406
原创 自动生成页面的插件--codewhy
2-2、在pinia注册文件中，进行刷新缓存路由的actions调用。2-3、在main.ts中注册，注意pinia注册要早于router注册。2-1、在登陆的store中，建一个actions，用于重新获取路由。效果:会生成两个目录和对应文件、页面vue文件和路由路径的ts文件。codewhy这个插件应用于方案二的实现；2.在vuex登陆模块中进行路由添加。-----来源于王元红老师的课程。背景：实现动态路由，两种实现方案。
2024-01-28 19:01:51
652
1
原创 react生命周期&hooks
shouldComponentUpdate:组件更新前调用，用于判断是否需要进行组件的重新渲染，默认返回true,可以根据属性或状态的变化进行优化，避免不必要的渲染。componentWillUnmount：组件卸载前调用，在这里可进行一些清理操作，比如取消订阅、清除定时器。componentDidUpdate：组件更新后调用，在这里可以根据属性或状态变更的变化进行相应的处理。componentDidMount：组件挂载后调用，在这里可进行数据初始化、订阅事件操作。
2024-01-18 23:32:12
457
原创 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink
2、在终端执行：get-ExecutionPolicy，显示Restricted（表示状态是禁止的）4、在终端执行：get-ExecutionPolicy，显示RemoteSigned。3、在终端执行：set-ExecutionPolicy RemoteSigned。1、管理员身份打开终端powerShell。
2023-07-03 16:11:45
470
原创 nuxt.js框架记录
总结：布局页面包含页面组件，在布局页面使用内置组件占位，用于路由匹配到的页面组件。1.布局文件（根组件）：保存在layouts目录中、所有的页面都是布局文件中的子组件。3.单个文件执行：在某一个组件加载之前会被执行--->直接写在这个文件中即可。3.组件文件（组件）：保存在components中、在每个页面中使用的组件。1.全局执行：在加载所有的组件之前都会被自动调用----》配置文件中配置。2.布局文件执行：在某些组件加载之前会被自动执行---->布局文件中指定。
2023-06-28 17:46:59
552
原创 vue3+vite4封装svg组件
需求：保留图标颜色显示，使用iconfont图标出现彩色的图标显示正常、非彩色图标只显示成一条右斜线的现象。2.创建SvgIcon公共组件：目录---@/components/SvgIcon/index.vue。解决方案：彩色图标下载为svg图标，封装svg图标组件。3.注册组件、在icons/index.js中编辑代码。1.下载vite-plugin-svg-icons包。在main.js中编辑代码。
2023-06-08 21:49:27
571
原创 项目上线记录-23、4、7
前端需要做的工作是，将项目生产环境时的接口请求api设置为服务器ip+前端在服务器启动的端口；譬如：服务器ip是：192.168.1.11，前端在服务器启动的ip是：192.168.1.11:8080。前提条件，区分好开发环境与生产环境的对应api，生产环境不在经过proxy 处理跨域，需要后端在服务器中做代理转发，nginx等方式，所以监听前端端口转发到后端即可。那么就需要在：前端生产环境配置文件中配置：（.env.production）背景：项目上线部署，开发环境需要做什么事情。
2023-04-07 09:51:16
107
原创 ＜hy-trip＞项目记录
根据组件根标签是否使只有一个决定能否进行绑定事件和绑定属性，默认绑定的事件和属性是绑定到了$attrs中,添加到根标签上。项目运行在谷歌浏览器时，它获取定位经纬度是通过，获取谷歌服务器的数据来确定的。监听window滚动事件---封装成hooks-----根据传进来的dom，确定滚动类型是窗口内容滚动还是标签内容滚动。使用router.push（）等函数时，需要从vue-router中导出useRouter()方法，tabs绑定属性name---使选择状态赋值为name绑定的值。
2022-12-22 19:25:24
246
1
原创 后台管理系统二次开发模板--vue-element-admin&&vue-admin-template
官网地址：https://panjiachen.gitee.io/vue-element-admin-site/zh/在线浏览：https://panjiachen.github.io/vue-element-admin/#/dashboardgit地址:https://gitee.com/mirrors/vue-element-admin.git。
2022-12-05 12:26:50
1432
原创 关于element-ui中，checkbox绑定数组报错
报错：vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read properties of null (reading 'length')绑定的是数组，不能用null代替。
2022-12-03 12:49:58
1293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人