- 博客(26)
- 收藏
- 关注
RSS订阅原创 el-dropdown实现二级菜单
使用el-dropdown实现二级菜单的展示，开始都是hover效果，鼠标悬停时显示菜单，发现单鼠标悬停在二级菜单上时，一级菜单就消失不显示了。通过修改el-dropdown组件的trigger属性，将一级菜单的trigger属性设置为click，并将二级菜单的trigger属性设置为hover，点击展示一级菜单，鼠标悬停在有二级菜单的一级菜单项上展示二级菜单，鼠标移入二级菜单后一级菜单仍然保持显示状态。
2024-07-04 09:50:48
1527
原创 Dom获取&属性操作
DOM 是 Document Object Model——文档对象模型的简称DOM 是 W3C组织推荐的一套操作文档结构、样式和内容的技术标准（所有的浏览器都遵循了）一句话概括：DOM是浏览器提供的一套专门用来操作网页的功能DOM作用：开发网页内容特效和实现用户交互。
2024-05-01 14:49:36
1665
原创 运算符&语句
运算符—赋值运算符、一元运算符、比较运算符、逻辑运算符、优先级；语句：表达式、分支语句（if语句，三元运算符，switch语句）、循环语句（while）...
2024-04-30 10:08:16
451
原创 webpack打包工具
打包基本认知：将多个文件压缩 合并处理的过程，就可以称之为是打包好处：可以减少请求次数减轻服务器压力，加快页面访问速度。
2024-04-29 13:27:46
1209
原创 es6 模块化语法
ES6 模块化规范是官方推出的，浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不需额外学习 AMD、CMD 或 CommonJS 等模块化规范ES6 模块化规范中定义：每个 js 文件都是一个独立的模块导入其它模块成员使用 `import` 关键字向外共享模块成员使用 `export` 关键字。
2024-04-29 10:57:58
983
原创 模块化&包与npm
由于 Node.js 的内置模块仅提供了一些底层的 API，导致在基于内置模块进行项目开发的时，效率很低。在自定义模块中，可以使用 module.exports 对象，将模块内的成员共享出去，供外界使用。：大家都遵守同样的模块化规范写代码，降低了沟通的成本，极大方便了各个模块之 间的相互调用。的项目之后，需要先把所有的包下载到项目中，才能将项目运行起来。导入自定义模块时，得到的就是 module.exports 所指向的对象。
2024-04-22 15:16:17
635
1
原创 路由 —— 介绍
vue-router 是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router官方文档。
2024-04-19 14:48:07
1266
1
原创 git—版本控制工具
分支管理git branchgit mergegit rebase等命令用于管理和操作分支。标签管理git tag命令用于管理标签，可以用来标记重要的提交或版本。查看提交历史git log命令用于查看提交历史，可以显示提交的作者、日期、提交信息等。查看状态和差异git statusgit diff命令用于查看工作目录的状态和文件之间的差异。撤销操作：除了git revert，还有git reset和等命令可以用来撤销操作。存储临时更改git stash命令用于将当前工作目录的临时更改存储起来，以便稍后恢复。
2024-04-19 13:24:08
1697
1
原创 Vuex—状态管理模式和库
但是当一个项目的页面数量很多，逻辑功能复杂的时候，所有的全局数据、方法都集中在了一起，会导致 Vuex的结构混乱，不利于现阶段的开发和后期的维护，那么此时就需要使用模块来管理全局的数据和方法。使用 mapActions + methods，在组件中获取 action 函数——使用 mapActions 辅助函数，将全局的 action 方法，映射到当前组件的 methods 中。通过模块的注册名称访问模块下的成员，当模块开启了命名空间之后，访问时要加上模块的注册名称才能够访问到。是 Vuex 中的模块化。
2024-04-18 15:43:04
1095
2
原创 el-table设置轻提示:show-overflow-tooltip=“true“，改变轻提示宽度
修改el-table中的轻提示的宽度，当el-table内容过长时，会选择设置轻提示。想要改变它的宽度，在scoped里面不会生效。但是内容太长时，它的宽度会默认占满全屏。可以再加一个style，设置它的宽度。也可以写在全局的公共样式中。
2024-04-16 14:00:58
1438
2
原创 报错：Error in nextTick: “RangeError: Maximum call stack size exceeded“
报错：Error in nextTick: "RangeError: Maximum call stack size exceeded"
2024-03-28 17:46:40
864
1
原创 css中层叠上下文
这意味着z-index只适用于相对定位、绝对定位和固定定位的盒子，而不适用于默认的静态定位盒子。属性用于控制定位元素在堆叠顺序（层叠上下文）中的显示顺序。z-index是一个整数值，较大的z-index值会使元素位于较小的z-index值之上。值表示元素在层叠顺序中更靠近顶部，而较小的值则表示更靠近底部。属性，可以控制页面上重叠元素的显示顺序，从而实现更灵活的布局效果。属性可以帮助我们确定哪个元素应该显示在其他元素的上面。的元素）有效，如果元素没有定位，则。值较大的元素会显示在较小的。
2023-11-16 15:38:47
115
1
原创 css选择器
后代选择器、子选择器： 这些选择器在与其他选择器组合时，位置关系会影响其权重，因此位置相对较靠前的选择器组合会具有更高的优先级，建议根据需要的选择器组合情况进行调整。当多个选择器应用于同一个元素时，具有更高权重的选择器的样式将覆盖具有较低权重的选择器的样式。类选择器和属性选择器：这些选择器相对来说比元素选择器更具体，但比ID选择器权重低，可以写在ID选择器之前。ID选择器：ID选择器的权重最高，写在其他选择器的最前面，以确保其样式最终生效。选择器的权重用于确定应用于元素的样式的优先级。
2023-10-13 13:34:56
63
原创 http
但是，ETag的生成方式因服务器而异，有些服务器可能只根据文件的最后修改成ETag，而文件的内容并没有发生变化。例如，如果服务器只根据文件的大小生成ETag，而文件的大小发生了变化，但内容并未改变，那么ETag的值可能不会改变。ETag生成算法的变化：服务器在生成ETag时使用的哈希算法或生成规则发生变化，也会导致ETag的改变。文件属性的改变：除了文件内容的实际更改外，某些文件属性的改变也可能导致ETag的变化。文件内容的改变：当文件的内容发生更改时，通常会导致ETag的变化。
2023-09-21 16:31:24
48
原创 http状态码与https的区别
服务器在响应头中添加ETag字段，客户端在下一次请求时可以在请求头中添加If-None-Match字段，将上次获取资源的ETag值发送给服务器。总结：HTTPS通过使用由可信的第三方机构签发的数字证书，对服务器的身份进行验证，并使用公钥加密和私钥解密通信，以确保通信的安全性和可信度。证书签发：一旦服务器的身份得到验证，证书颁发机构会使用自己的私钥对服务器的公钥和身份信息进行签名，生成数字证书。加密通信：一旦证书验证通过，客户端和服务器之间的通信将使用公钥加密和私钥解密进行，确保通信的安全性。
2023-09-21 16:05:39
38
原创 JavaScript — 事件
事件发生时会在元素之间按照特定的顺序传播，路径所经过的元素都会收到该事件，这个传播过程即—DOM事件流转存失败重新上传取消当触发事件时，会经历两个阶段，分别是捕获阶段、冒泡阶段捕获阶段是—从父到子 ，冒泡阶段是—从子到父 （实际工作都是使用事件冒泡为主）事件捕获：当一个元素的事件被触发时，会从DOM的根元素开始去执行对应的事件 (从外到里)DOM.addEventListener(事件类型, 事件处理函数, 是否使用捕获机制);
2023-08-14 15:36:01
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人