- 博客(214)
- 收藏
- 关注
RSS订阅原创 vue3路由导航守卫配置
效果介绍：比如我登录之后他会根据我们登陆完毕的code是否为1，如果是1的话，则进入首页，这个时候无法访问登录页面，除非退出，在code为0的时候无法进入首页。也无法通过修改url进入首页。就是获取到用户信息，可进行判断code如果为1表示已登录，如果是1表示已经登录如果不是那么表示从新回到登陆页面。首先声明：我是结合vuex写的例子。我将路由页面全部代码放置如下。这个表示访问首页需要认证。
2024-02-27 18:59:59
408
原创 webpack简单配置（基于vue3配置）
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模块。
2024-02-23 19:34:51
1028
原创 vue3 globalData 的使用方法
新创建一个data.js它可以和main.js平级也可以在store文件夹下面都行，无非就是引用的时候前缀多一个单词少一个单词这样。从vue上面引入reactive ，然后它可以创建一个也可以创建两个可以任意名称 A或B或C都可以。从'./store/data';上面引入创建的两个globalData,zzz。可以通过名称调用下面自己创建的变量。比如{{ zzz.index }}
2024-02-23 08:36:09
666
原创 vue3封装接口（自测可用）
注：这个是js版本不是ts注意在实际的项目实战中如果我们不对接口加以管理，整篇看着就很乱，这个时候我们就要用到接口封装了。废话不多说直接上代码！！！
2024-02-22 20:24:39
1108
1
原创 说一下事件代理
事件代理（Event Delegation）是一种在开发中优化事件处理的技术，它利用事件冒泡的原理，将事件处理程序绑定在父元素上，通过判断事件的目标来执行相应的操作。这种方式可以减少事件处理程序的数量，提高性能，并且对于动态添加或删除的子元素更为灵活。只需在父元素 ul 上添加一个事件处理程序，就能够捕获到子元素 li 的点击事件，而不必为每个 li 添加单独的事件处理程序。这样就实现了事件代理。
2024-01-22 21:41:13
407
原创 双向绑定的原理
Object.defineProperty无法监控到数组下标的变化，导致通过数组数组下标添加元素不能实时响应。Object.defineProperty不能对ES6新产生的Map、Set这样的数据结构进行监听。Proxy不仅可以代理对象，还可以代理数组，还可以代理动态增加的属性。
2024-01-22 21:40:17
368
原创 让子元素在父元素中垂直居中的方法
在这种方法中，通过将子元素的左上角放置在父元素的中心，然后使用 `transform: translate(-50%, -50%);表格布局的方式也可以实现垂直居中，但相对于 Flex 和 Grid 布局，这可能更为繁琐。使用 Flex 布局是一种简单而强大的方法，可以使子元素在父元素中水平和垂直居中。`用于同时水平和垂直居中。3. **使用绝对定位和 transform 属性：**1. **使用 Flex 布局：**2. **使用 Grid 布局：**4. **使用表格布局：**
2024-01-22 21:39:04
502
原创 深拷贝和浅拷贝的区别和方法
在处理嵌套较深的对象或数组时，可能需要使用深拷贝，以确保完全独立的副本。修改拷贝后的对象不会影响原始对象，但如果原始对象中有引用类型的属性，修改引用类型的属性会影响到拷贝后的对象。深拷贝和浅拷贝是在编程中经常遇到的两个概念，它们之间的区别在于拷贝对象时是否复制对象内部的引用。深拷贝会递归地复制对象或数组的所有层级，包括对象内部的引用，从而创建一个完全独立的副本。修改拷贝后的对象不会影响原始对象的任何层级。**注意：** 这种方法无法处理包含函数、`undefined`、`Symbol` 等特殊值的属性。
2024-01-22 21:37:08
390
原创 promise
Promise 是 JavaScript 中用于处理异步操作的对象，它代表一个异步操作的最终完成或失败，以及其结果值。Promise 的状态有三种：pending（进行中）、fulfilled（已成功）、rejected（已失败）。
2024-01-22 21:33:54
416
原创 媒体查询怎么监视不同的设备？
media媒体查询是CSS中用于根据不同的媒体类型或特定的设备条件应用样式的一种方式。通过媒体查询，你可以使网页在不同的屏幕大小、分辨率或设备类型下呈现不同的样式。
2024-01-22 21:24:26
371
原创 js操作数组和字符串的方法有哪些?
/ 在索引2处删除1个元素，并插入6，结果：[1, 2, 6, 4, 5]1. **添加/删除元素：**1. **获取字符信息：**2. **拼接/切割：**5. **过滤/查找：**6. **排序/反转：**2. **查找/替换：**3. **大小写转换：**4. **拼接/分割：**3. **修改元素：**5. **去除空格：**4. **遍历：**
2024-01-20 09:09:24
395
原创 点击存储到固定时间清除存储
运行：根据点击之后传递一个参数，将他存入本地存储（方便测试为10秒），10秒后触发下一个事件，清除本地存储。这段代码，无意间想到的，随便写了下来。
2024-01-18 13:40:14
679
1
原创 vue 中如何实现 tab 切换功能？
类被定义为加粗文字、蓝色文本、并改变鼠标指针形状，以提高交互性。数组中的每个对象，生成相应数量的 tab 按钮。的值来条件性地显示当前选中的 tab 内容。数组中包含了每个 tab 的名称和内容，而。方法，当 tab 被点击时触发，用于更新。最下方有完整代码cv走可以进行调试。函数中定义了组件的初始状态，包括。通过添加样式，突显了选中的 tab。表示当前选中的 tab 的索引。类，以突显当前选中的 tab。等于当前循环的索引时，添加。，从而切换到相应的 tab。
2024-01-07 10:18:20
1113
原创 css布局方式梳理和总结
网页布局是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属性会失效。
2024-01-02 07:57:40
347
原创 git使用
9.将当前目录所有文件添加到git暂存区。12.将本地提交推送到远程仓库上面。13.上传完毕——>线上仓库状态。10.提交并备注提交信息。11.本地与远程建立连接。1.首先搜索官网gitee。6.打开自己想要上传的项目。3.登录完毕之后新建仓库。2.登陆或者注册账号。5.创建完之后的样子。
2023-12-24 15:02:28
1032
原创 react自适应布局
在这个例子中，使用了 Ant Design 的 `Layout` 组件，其中 `Header`、`Content`、`Footer` 分别代表页面的头部、主要内容区域和底部。在这个例子中，`.container` 使用了 Flexbox 布局，`.sidebar` 和 `.main-content` 分别占据了 `.container` 中的 1/3 和 2/3 的宽度。在 React 中实现自适应布局可以通过使用 CSS 的弹性布局（Flexbox）或者栅格系统来实现。/* 占据剩余空间的1部分 */
2023-12-24 10:01:54
656
原创 微信小程序登录步骤
将获取到的 `code` 发送到你的后台服务器，后台服务器使用 `code` 向微信服务器换取用户的 `openId` 和 `sessionKey`。使用 `wx.login` 获取登录凭证，然后使用 `wx.getUserInfo` 获取用户信息。微信小程序的用户登录通常使用微信提供的开放能力，包括微信登录、获取用户信息等功能。在小程序中，你可以通过 `wx.getUserInfo` 获取用户的头像、昵称等信息，并进行相应的展示和业务逻辑。在小程序的页面中，添加一个按钮，用于触发登录操作。
2023-12-24 09:56:57
476
原创 HTML美化
美化网页的方式有很多，其中使用CSS是最常见的方法。/* 图片最大宽度为父元素宽度 */height: auto;/* 保持图片宽高比 */### 3. 链接和按钮样式。### 1. 字体和颜色。### 2. 背景和边框。### 6. 响应式设计。### 4. 图片样式。
2023-12-24 09:54:19
461
原创 左侧导航栏分类 ---联动版本
在uni-app中实现左侧导航栏与右侧内容的联动效果，主要涉及两个部分：左侧的导航栏（通常为垂直列表）和右侧的内容区域。当用户点击左侧某个分类时，右侧的内容区域应滚动到相应的位置；同时，当右侧内容滚动时，左侧的导航栏也应相应地显示当前的活动分类。
2023-12-10 11:20:30
154
原创 vue3跨域怎么解决？
首先，看自己项目中有没有vue.config.js文件，如果没有自己创建一个，如果有那吗在其中写。在自己需要的页面安装axios，并且进行引入即可，学会了吗？
2023-11-23 21:45:28
741
原创 前端语言报错
在开发中，可以使用开发者工具的控制台或调试器来查看报错信息，并通过信息定位到代码中出错的位置，进而进行调试和修复。常用的调试工具有 Chrome 的开发者工具、Firefox 的开发者工具等。在使用 Promise 进行异步操作时，可能会出现 Promise 拒绝（Rejected）的情况，此时会触发 Promise 异常。这些错误通常在代码执行期间发生，不是语法错误，但在特定条件下导致代码无法正常执行。当请求远程资源时，如果网络出现问题，比如服务器无响应、连接超时等，会触发网络错误。
2023-11-19 14:07:56
279
原创 组件的设计原则
Vue 的插槽是一项强大的功能，它使得组件化开发更为灵活和可复用。无论是简单的默认插槽还是复杂的作用域插槽，都为开发者提供了更多控制组件内容和布局的方式。插槽的灵活性和可扩展性，使得Vue应用更容易构建、维护和扩展。
2023-11-11 20:35:56
385
原创 vue.cli 中怎样使用自定义的组件
在Vue CLI中使用自定义组件是构建交互式和模块化Web应用的重要一环。Vue CLI为开发者提供了使用自定义组件的灵活性和简便性。通过Vue CLI，你可以创建、注册和使用自己的组件，使得你的应用更具可复用性和可维护性。Vue CLI是一个强大的开发工具，可用于快速搭建Vue.js项目。它提供了一整套开发工具和插件，其中包括了使用自定义组件的方法。使用自定义组件可以让你将页面分解成独立的、可复用的部分，使得你的应用更易于管理和开发。在本指南中，将详细介绍如何使用Vue CLI创建和使用自定义组件。
2023-11-11 20:29:19
416
原创 你使用过哪些方法，来提高微信小程序的应用速度？
微信小程序的性能优化对于提升用户体验至关重要。有许多方法可以改善小程序的加载速度和响应性能，从减少页面加载时间到优化资源使用。
2023-11-10 20:54:52
492
原创 你是怎么封装微信小程序的数据请求的？
在微信小程序中，数据请求是常见且重要的功能，但直接在页面中处理请求可能导致代码混乱和重复。因此，封装数据请求是一个良好的实践，可以让代码更整洁、易于管理。
2023-11-10 20:51:47
1077
js时间对比进行颜色的变幻于更改
2023-11-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人