- 博客(21)
- 收藏
- 关注
RSS订阅原创 集成sass
我们目前在组件内部已经可以使用scss样式,因为在配置styleLint工具的时候，项目当中已经安装过sass sass-loader,因此我们再组件内可以使用scss语法！需要加上lang="scss"在src/styles目录下创建一个index.scss文件，当然项目中需要用到清除默认样式，因此在index.scss引入reset.scss。但是你会发现在src/styles/index.scss全局样式文件中没有办法使用$变量.因此需要给项目中引入全局变量$.`不要忘记，不然会报错.....
2023-06-18 22:25:23
505
原创 SVG图标配置
在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后，页面上加载的不再是图片资源, 这对页面性能来说是个很大的提升，而且我们SVG文件比img要小的很多，放在项目中几乎不占用资源。
2023-06-18 22:17:33
353
原创 强制使用pnpm包管理器工具
团队开发项目的时候，需要统一包管理器工具,因为不同包管理器工具下载同一个依赖,可能版本不一样,导致项目出现bug问题,因此包管理器工具需要统一管理！！！
2023-06-05 14:47:29
771
原创 husky配置
在上面我们已经集成好了我们代码校验工具，但是。如果有人没有格式化就提交了远程仓库中，那这个规范就没什么用。所以我们需要。要做到这件事情，就需要利用husky在代码提交之前触发git hook(git在客户端的钩子)，然后执行`pnpm run format`来自动的格式化我们的代码。
2023-06-05 14:41:27
215
原创 prettier配置
有了eslint，为什么还要有prettier？eslint针对的是javascript，他是一个检测工具，包含js语法以及少部分格式问题，在eslint看来，语法对了就能保证代码正常运行，格式问题属于其次；而prettier属于格式化工具，它看不惯格式不统一，所以它就把eslint没干好的事接着干，另外，prettier支持包含js在内的多种语言。总结起来，**eslint和prettier这俩兄弟一个保证，一个保证。**
2023-06-05 14:23:04
133
原创 初始化项目
*pnpm:performant npm ，意味“高性能的 npm”。q=pnpm&spm=1001.2101.3001.7020)由npm/yarn衍生而来，解决了npm/yarn内部潜在的bug，极大的优化了性能，扩展了使用场景。被誉为“最先进的包管理工具”**本项目使用vite进行构建，vite官方中文文档参考：https://cn.vitejs.dev/guide/
2023-06-05 14:06:21
92
1
原创 按钮权限--全局自定义指令写法
这里主要是写个自定义指令。首先获取用户的buttons，再用指令去判断是否使用。自定义全局指令：先src建个directive/has.ts，写入以下代码。随后在.vue文件中，在对应的按钮添加这个指令即可。然后在main.ts中引用。
2023-06-05 13:45:05
261
1
原创 数据大屏适配问题
vw/vh: 可以完成自适应，缺点是文字不能自适应，且每个单位都要换算成vw/vh，过于繁琐。scale：可以完成文字自适应，且可以按照原稿写不需要换算单位，但是会留白。
2023-06-03 15:06:45
157
原创 ref可以写成函数，动态获取组件做系列操作。
ref还可以这么使用，我勒个乖乖，涨姿势了............我想了很多办法，以目前的知识水平是不行的呢....
2023-05-29 18:46:16
278
1
原创 递归组件/动态组件
default="{ route, Component }"，利用router-view的插槽，route代表出口的。递归组件：需要再开一个script标签，否则不生效。就酱紫......受不了了，8886.，Component代表是。
2023-05-26 22:11:51
209
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人