Karle - 博客园

2024年1月19日

摘要：场景 A B两个元素，A元素设置了box-shadow，但是B元素在与A元素重叠的时候将阴影遮挡解决 1.A元素设置position:absolute/relative; 2.A元素设置z-index:1; 提示因为z-index只有定位元素的情况下起效，所以单纯设置z-index无法解决问题阅读全文

posted @ 2024-01-19 11:48 Karle 阅读(28) 评论(0) 推荐(0) 编辑

2024年1月18日

Nuxt2——路由

摘要： Nuxt内置了路由模块，无需自行编写路由文件 Nuxt会根据pages/自行配置路由文件基础路由 pages/ --| user/ | index.vue | one.vue --| index.vue 得到路由配置 router: { routes: [ { name: 'index', pat 阅读全文

posted @ 2024-01-18 16:31 Karle 阅读(50) 评论(0) 推荐(0) 编辑

Nuxt2——构建文件

摘要： nuxt2构建文件放在nuxt.config.js，使用cjs语法，暴露配置对象基本配置项 mode 有spa和universal两种模式。spa没有使用到服务器渲染，但是使用路由。universal使用服务器渲染加客户端路由 mode:'universal' head 配置html的<head> 阅读全文

posted @ 2024-01-18 11:22 Karle 阅读(30) 评论(0) 推荐(0) 编辑

2024年1月17日

Pure Function

摘要： Pure Function 纯函数 1.纯函数一定要有输入和输出，函数内使用到的变量最好都应该从参数中获取 const pure = (a,b,c) { return a + b + c } let c = 1 const impure = (a, b) { return a + b + c } c 阅读全文

posted @ 2024-01-17 17:06 Karle 阅读(7) 评论(0) 推荐(0) 编辑

Webpack构建基础配置

摘要：通过webpack.config.js文件进行配置项编写与Vite不同，webpack配置文件只需要暴露一个对象即可，包含entry，output，module，plugin，devServer等基本配置项 entry 打包后的入口文件 entry: path.join(__dirname, ' 阅读全文

posted @ 2024-01-17 16:00 Karle 阅读(8) 评论(0) 推荐(0) 编辑

2024年1月12日

git commit规范

摘要： git commit message基本格式 <type>(<scope>): <subject> type（required）用于说明git commit的类别，只允许使用下面的标识。 feat：新功能（feature）。 fix：修复bug，可以是QA发现的BUG，也可以是研发自己发现的BUG 阅读全文

posted @ 2024-01-12 15:16 Karle 阅读(43) 评论(0) 推荐(0) 编辑

2024年1月11日

Vite构建基本配置

摘要：通过vite.config.js 暴露出defineConfig函数实现构造，vite会读取defineConfig返回的配置对象，配置对象需要自行编写 defineConfig 该函数是vite工具助手函数，用来读取构建配置，其返回一个配置参数对象通过查看源码得知，vite配置有以下可选非必要内阅读全文

posted @ 2024-01-11 14:55 Karle 阅读(129) 评论(0) 推荐(0) 编辑

2024年1月10日

Flex布局解决最后一行左对齐

摘要：使用flex布局，将多个元素以三个为一行，往下排列。 .logo-field { width: 650px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; .__logo-item { wi 阅读全文

posted @ 2024-01-10 17:18 Karle 阅读(197) 评论(0) 推荐(0) 编辑

2024年1月9日

vue3hooks中的生命周期钩子

摘要： vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑根据原文件调用生命周期和执行hooks函数的时机进行排序 export const 阅读全文

posted @ 2024-01-09 18:42 Karle 阅读(66) 评论(0) 推荐(0) 编辑

批量删除远程tag和将远程仓库tag同步本地

摘要：远程仓库存在大量tag需要清理，在gitlab无法批量删除，需要在原生命令窗口通过命令进行操作使用正则表达式匹配相关tag 使用tag名遵循test.20241207123424(测试标签，2024年12月07日12点34分24秒) 首先使用正则表达式打印出符合条件的标签git tag -l | 阅读全文

posted @ 2024-01-09 18:33 Karle 阅读(46) 评论(0) 推荐(0) 编辑