A12536365214的博客

效果介绍：比如我登录之后他会根据我们登陆完毕的code是否为1，如果是1的话，则进入首页，这个时候无法访问登录页面，除非退出，在code为0的时候无法进入首页。也无法通过修改url进入首页。就是获取到用户信息，可进行判断code如果为1表示已登录，如果是1表示已经登录如果不是那么表示从新回到登陆页面。首先声明：我是结合vuex写的例子。我将路由页面全部代码放置如下。这个表示访问首页需要认证。

想到多少写多少把，其他的想起来了在写。也写了一些css的。

3、然后在需要的页面使用就可以了。2、在main.js中引入即可。

首先打开自己的目录文件输入指令cmd。一直按回车大约5下或者6下。create 项目名称。

个人理解可能会有所偏差。

vue-loader@next：用于处理Vue单文件组件（.vue文件）的Webpack加载器。html-webpack-plugin：自动创建HTML文件来服务Webpack打包后的脚本。webpack-dev-server：提供了一个简单的web服务器和实现热重载的能力。webpack-cli：Webpack的命令行接口，用于运行Webpack命令。@vue/compiler-sfc：用于编译Vue 3的单文件组件的编译器。css-loader：解析CSS文件，并将其转换为JavaScript模块。

新创建一个data.js它可以和main.js平级也可以在store文件夹下面都行，无非就是引用的时候前缀多一个单词少一个单词这样。从vue上面引入reactive ，然后它可以创建一个也可以创建两个可以任意名称 A或B或C都可以。从'./store/data';上面引入创建的两个globalData,zzz。可以通过名称调用下面自己创建的变量。比如{{ zzz.index }}

注：这个是js版本不是ts注意在实际的项目实战中如果我们不对接口加以管理，整篇看着就很乱，这个时候我们就要用到接口封装了。废话不多说直接上代码！！！

事件代理（Event Delegation）是一种在开发中优化事件处理的技术，它利用事件冒泡的原理，将事件处理程序绑定在父元素上，通过判断事件的目标来执行相应的操作。这种方式可以减少事件处理程序的数量，提高性能，并且对于动态添加或删除的子元素更为灵活。只需在父元素 ul 上添加一个事件处理程序，就能够捕获到子元素 li 的点击事件，而不必为每个 li 添加单独的事件处理程序。这样就实现了事件代理。

Object.defineProperty无法监控到数组下标的变化，导致通过数组数组下标添加元素不能实时响应。Object.defineProperty不能对ES6新产生的Map、Set这样的数据结构进行监听。Proxy不仅可以代理对象，还可以代理数组，还可以代理动态增加的属性。

在这种方法中，通过将子元素的左上角放置在父元素的中心，然后使用 `transform: translate(-50%, -50%);表格布局的方式也可以实现垂直居中，但相对于 Flex 和 Grid 布局，这可能更为繁琐。使用 Flex 布局是一种简单而强大的方法，可以使子元素在父元素中水平和垂直居中。`用于同时水平和垂直居中。3. **使用绝对定位和 transform 属性：**1. **使用 Flex 布局：**2. **使用 Grid 布局：**4. **使用表格布局：**

在处理嵌套较深的对象或数组时，可能需要使用深拷贝，以确保完全独立的副本。修改拷贝后的对象不会影响原始对象，但如果原始对象中有引用类型的属性，修改引用类型的属性会影响到拷贝后的对象。深拷贝和浅拷贝是在编程中经常遇到的两个概念，它们之间的区别在于拷贝对象时是否复制对象内部的引用。深拷贝会递归地复制对象或数组的所有层级，包括对象内部的引用，从而创建一个完全独立的副本。修改拷贝后的对象不会影响原始对象的任何层级。**注意：** 这种方法无法处理包含函数、`undefined`、`Symbol` 等特殊值的属性。

Promise 是 JavaScript 中用于处理异步操作的对象，它代表一个异步操作的最终完成或失败，以及其结果值。Promise 的状态有三种：pending（进行中）、fulfilled（已成功）、rejected（已失败）。

media媒体查询是CSS中用于根据不同的媒体类型或特定的设备条件应用样式的一种方式。通过媒体查询，你可以使网页在不同的屏幕大小、分辨率或设备类型下呈现不同的样式。

【代码】vue封装接口。

废话不多说直接上代码。

/ 在索引2处删除1个元素，并插入6，结果：[1, 2, 6, 4, 5]1. **添加/删除元素：**1. **获取字符信息：**2. **拼接/切割：**5. **过滤/查找：**6. **排序/反转：**2. **查找/替换：**3. **大小写转换：**4. **拼接/分割：**3. **修改元素：**5. **去除空格：**4. **遍历：**

运行：根据点击之后传递一个参数，将他存入本地存储（方便测试为10秒），10秒后触发下一个事件，清除本地存储。这段代码，无意间想到的，随便写了下来。

类被定义为加粗文字、蓝色文本、并改变鼠标指针形状，以提高交互性。数组中的每个对象，生成相应数量的 tab 按钮。的值来条件性地显示当前选中的 tab 内容。数组中包含了每个 tab 的名称和内容，而。方法，当 tab 被点击时触发，用于更新。最下方有完整代码cv走可以进行调试。函数中定义了组件的初始状态，包括。通过添加样式，突显了选中的 tab。表示当前选中的 tab 的索引。类，以突显当前选中的 tab。等于当前循环的索引时，添加。，从而切换到相应的 tab。

网页布局是CSS的重点功能，布局的传统方案是基于盒子模型，依靠display属性、position属性和float属性，它对一些特殊布局很麻烦。版权声明：本文为CSDN博主「古狼（Jenkin_guwolf）」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。功能：column-rule-width column-rule-style column-rule-color;注：父元素定义为弹性布局，子元素的float、clear和vertcial-align属性会失效。