- 博客(35)
- 收藏
- 关注
RSS订阅原创 Vue使用高德地图
map.value = new AMap.Map("containerGd",{ //设置地图容器id。// plugins:[''], // 需要使用的的插件列表，如比例尺'AMap.Scale'等。position: current_position.value, // 标记点的位置。// position: e.lnglat, // 点击位置的经纬度。map: map.value, // 要添加标记点的地图对象。// // 创建一个标记点。// 监听地图的点击事件。
2024-04-07 21:11:28
612
原创 学习vue3（二）
shallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。什么时候使用?
2024-01-19 14:16:55
878
原创 学习vue3（一）
2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交30+个RFC600+次PR99位贡献者什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2024-01-17 15:35:45
807
原创 基于React框架的axios跨域问题解决方案：配置代理
Client 使用axios向http://localhost:5000/ 发送请求时需要在axios.get函数中传入url参数http://localhost:3000（客户端地址）后面拼接配置项中所对应的参数在这里是/api1 ，同理，如果向服务器端口httpp://localhost:5001发送请求时需要在axios.get函数中传入url参数http://localhost:3000（客户端地址）后面拼接配置项中所对应的参数在这里是/api2。
2023-12-08 14:58:45
583
原创 vue 全局事件总线（vue中兄弟组件之间通信）
1. 在main.js中安装全局事件总线2. school组件绑定hello自定义事件3.student组件触发hello自定义事件。
2023-11-09 16:16:15
69
原创 解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
【代码】解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location。
2023-10-25 14:59:54
1719
原创 浏览器缓存sessionStorage、localStorage、Cookie
sessionStorage用于在浏览器会话期间存储数据，数据仅在当前会话期间有效。存储的数据在用户关闭浏览器标签页或窗口后会被清除。localStorage用于在浏览器中永久存储数据，即使用户关闭浏览器标签页或窗口，数据仍然保留。存储的数据不会自动过期，除非显式地从代码中删除或用户清除浏览器缓存。存放数据大小一般为5MB；仅在浏览器中保存，不参与服务器通信；Cookie是一种在浏览器中存储数据的机制，用于跟踪和识别用户。可以设置Cookie的过期时间，使数据在指定时间后失效。
2023-10-13 11:17:09
103
原创 解决：Component name “index“ should always be multi-word
vue报错：Component name "Index" should always be multi-word要求组件名称以驼峰格式命名，自定义组件名称应该由多单纯组成，防止和html标签冲突，所以Index.vue 会报错1、按照规则，将组件名称改为驼峰格式，如：firstIndex.vue2、若有.eslintrc.js文件，并在规则中(rules)关闭命名规则：如下所示：若没有.eslintrc.js文件，也可以直接在package.json文件中添加：
2023-09-15 18:41:49
3982
原创 react项目中，用Ant design 中的Watermark设置全屏水印
【代码】react项目中，用Ant design 中的Watermark设置全屏水印。
2023-09-08 15:54:05
950
原创 在react中封装 clipboard剪贴板，使用超详细
我们开发的中，有的应用需要用户拷贝页面的内容，方便用户操作。此时，就是需要是用粘贴板功能。clipboard.js的作用就正好满足了我们的需求。
2023-08-30 14:47:44
783
原创 js对象里面添加对象
的是，使用Object.assign()和。方法二：Object.assign()（...）,重复添加的属性会直接省略。实际工作学习中我们经常会遇到需要。的展开运算符（...）
2023-08-25 14:27:39
660
1
原创 vue中this.$set()的用法
简单来说：就是我们在methods中给数据添加了一个属性，我们能从控制台能打印出来，但是视图并没有及时更新，所以无法显示，但是借助于this.$set()方法我们就能成功的解决这个问题了，不仅能从控制台打印出来我们想要的值，而且相应的值也能实时刷新视图。问题分析：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。（2）当我们点击修改数据之后，我们会发现控制台的信息变化了，但是下拉框中的数据没有发生变化。
2023-08-18 15:58:42
551
1
原创 js如何把时间戳转化为日期
在上面的代码中，我们使用了Date对象中的getFullYear、getMonth、getDate、getHours、getMinutes和getSeconds方法获取年、月、日、小时、分钟和秒数，并将它们拼接成一个格式化后的日期字符串，最后通过console.log输出。可以使用Date对象中的方法来将时间戳转换为日期。
2023-07-14 16:38:25
1149
1
原创 webpack打包报错UglifyJs Unexpected token: punc (,)
dev就是简单的使用了一个webpack内置压缩js的插件，报错信息为：“检查了这个文件确实是返回了一个含有逗号对象，但是看起来完全没有任何问题呀？因为是压缩相关的代码，我们可以推测，如果对代码不进行压缩，那么其实有不会影响打包；于是，抱着忐忑的尝试性心态，注释了这段配置；果然，打包成功，并且正常，当然打包后的包巨大（有1.4M）;网上说是babel转换的问题，有调整babelrc配置，实测没用。难道是webpack版本太低了的原因？
2023-05-22 10:48:25
1508
原创 关于antd升级为4.0 不再内置icon组件， 循环渲染动态icon的解决方案
关于antd升级为4.0 不再内置icon组件， 循环渲染动态icon的解决方案
2023-05-16 18:50:23
543
1
原创 JSON.parse解析json字符串遇换行符报错 原因以及如何解决
【代码】JSON.parse解析json字符串遇换行符报错 原因以及如何解决。
2023-04-03 16:00:45
1696
原创 TypeScript快速入门
指定类型后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合则赋值，否则报错。简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值。通过类型声明可以指定TS中变量（参数、形参）的类型。类型声明是TS非常重要的一个特点。
2023-02-17 11:13:55
43
原创 react Antd 表格内通过rowClassName 实现 某一行改变背景颜色的方法
react Antd 表格内通过rowClassName 实现 某一行改变背景颜色的方法
2022-12-08 14:38:28
2219
1
原创 JS中 for循环的终止循环 return break continue 的区别
JS中 for循环的终止循环 return break continue 的区别
2022-12-08 14:20:35
1802
原创 react+antd分页 实现分页 返回后 还在当前页
页面跳转后返回和刷新会回到第一页，在组件里增加了hash值，实现了页面跳转后返回和刷新依然显示当前的页面。
2022-09-20 15:41:57
1209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人