- 博客(49)
- 收藏
- 关注
RSS订阅原创 vue3+nuxt中监听sessionStorage.setItem，数据发生变化动态获取响应
在写项目时，需要实现当sessionStorage.setItem存储的数据发生改变时，响应式的获取并显示，但是由于 的 操作本身并不会触发任何事件或响应式更新，是纯静态的数据，所以写了个小插件实现功能。解决思路： 2，进行数据存储，当unreadMessage 发生改变并且在客户端时，进行存储，此时由于sessionStorage.setItem被重写，所以调用的时候会触发自定义事件，任何监听了自定义事件的代码都会被触发。3，在组件中进行事件监听，在需要监听 变化的组件中，添加对
2025-03-03 15:19:43
293
原创 git把本地分支的提交到自己的远程分支，然后合并特定远程分支
的更改合并到当前所在的本地分支中：使用合并指令git merge origin/feature_mobile即可完成操作。4、将刚才提交完成后传出框的内容右键，选择推送，这一步将本地的feature_czy的代码推送到自己的远程分支上。2、把暂存区的代码进行提交：可以直接在控制台提交也可以使用代码git commit -m "进行的操作的注释"3、使用git pull拉取代码（这一步可以省略，因为本地的代码已经是最新的了）1、首先，把本地更改的代码放到暂存区：git add .
2024-07-04 10:02:40
629
原创 安装依赖时：Error: pngquant failed to build, make sure that libpng-dev is installed
3、进入网站点击Download Latest Verison下载安装，解压压缩包即可。2、点击首行DOWNLOAD。
2024-07-03 15:22:25
1004
1
原创 vue2前置路由守卫中使用this.$store.state报错解决
在vue2是vueRouter前置路由守卫中，this关键字并不会指向vue实例，因此不能使用this.$store来访问vuex，此时会提示。如果在路由守卫中需要访问store，可以直接引用store实例，前提是以及正确的在应用中挂载了vuex store。
2024-06-11 20:27:55
815
原创 自动导入和注册在当前目录下的所有自定义指令
这段代码的目的是自动扫描和注册当前目录下的所有自定义 Vue 指令，使得开发者无需手动导入和注册每个指令文件。5、导出一个对象，该对象包含一个install方法，是vue插件的标准导出格式 ，允许其他vue应用使用app.use(插件名)来安装和使用插件。来动态导入当前目录下所有.ts结尾的文件并为该对象赋值，使用{eager：true}表示文件应该被立即导入，而不是使用的时候才导入。定义一个函数，用于注册自定义指令，使用object.keys获取directives的全部键值，即所有文件路径。
2024-04-08 16:31:30
619
1
原创 接口的运行过程
/引入仓库//定义调用接口时需要传递的参数，这个参数是从接口文档获取的，可以在网络的载荷里面看到page: 1,size: 20})//设置默认传递参数为空//后续有可能需要传递参数，需要传递参数的时候是data，不需要传递参数是reqData// 解构出调用接口的参数的相关数据//拿到用户数据,给其他数据赋值//因为在仓库中已经设置过Promise.reject(new Error(result.message))，所有这里可以不用写if(result.code ==200)
2024-02-19 08:48:24
508
原创 使用取色器更改主题及颜色时取色器消失问题
属性通常用于控制某个组件或元素的定位方式， 可能用于决定是否将元素（如弹出框或下拉菜单）挂载到其他位置，如挂载到文档的 body 上。，则元素可能会被挂载到其他位置，如挂载到文档的 body 上；属性绑定到一个布尔值，以控制元素是否被挂载到其他位置。，则元素可能不会离开其原始位置。
2024-01-29 17:30:42
970
2
原创 Delete `␍`eslint(prettier/prettier)
今天下午配置eslint和时，频频报错：Delete `␍`eslint(prettier/prettier)，vscode全页面爆红。经过多次尝试与试验后，最终多种方式结合解决了这个问题。
2024-01-11 21:02:51
7309
1
原创 报错Virtual script ... not found, may missing＜script lang=“ts“＞/ “allowJs“: true / jsconfig.json.volar
Virtual script "d:/AAA-Knowledge/vue3+ts复习+项目/myProject/src/components/fatherText.vue.js" not found, may missing <script lang="ts"> / "allowJs": true / jsconfig.json.volarnot found, may missing <script lang="ts"> / "allowJs": true / jsconfig.json.volar。
2024-01-09 15:43:02
672
原创 vue3+ts报错：无法找到模块“xxx.vue“的声明文件，xxx隐式拥有“any“类型
可以在vite-env.d.ts中添加以下代码，如果没有 vite-env.d.ts ，可以自己新建一个 xxx.d.ts 类型的文件即可。1、报错原因：typescript不能识别.vue文件。
2024-01-09 15:27:20
2796
1
原创 怎样创建vue项目(分别基于vue-cli和vite两种的创建方式)
2、检查是否安装成功，使用打开黑窗口的快捷键window+R，输入cmd，在黑窗口输入node -v，如果输出版本号，就说明安装node环境成功，
2024-01-06 17:50:28
900
原创 分别暴露、统一暴露、默认暴露的使用和引入
三、分别暴露：用于一个文件内暴露多个属性的场景，分别暴露，每一个属性都进行暴露，使用 import {} 命令接收。二、统一暴露：用于一个文件内暴露多个属性的场景，统一进行暴露，必须使用 import {} 命令接收。一、默认暴露：一个模块中默认暴露只能使用一次，而分别暴露、统一暴露可以使用多次。应用场景：只需要暴露一个属性时引用。使用import 直接引用。
2024-01-04 21:34:40
1087
原创 HbuilderX中项目通过@开头引入的文件和方法无法转到定义
在前端项目根目录下新建jsconfig.json文件，内容如下。问题如下： HbuilderX中别名路径无法实现路径跳转。
2023-10-19 15:04:13
1272
1
原创 Failed to load resource: net::ERR_CONNECTION_CLOSED小程序报错
调试了好久，看抛出的错误，最后发现是外部资源管理器的问题。微信小程序报错，一直提醒缓存加载不出来。把外部资源管理器关了就好了。
2023-10-19 11:33:15
1120
原创 ES6简明教程总结
return {// 简写变量,初始化属性变量make, // 等同于 make: makemodel, // 等同于 model: modelvalue, // 等同于 value: value// 忽略 `function` 关键词简写对象函数,初始化函数的定义方法");// Creating a new car：继承父类Car的log// Creating Porsche：Porsche 自己的log。
2023-09-18 16:29:18
169
原创 ES6数据结构：Map
ES6 提供了 Map 数据结构，map类似于对象，是键值对的集合，但是键的范围不限于字符串，各种类型的值都可以当作键，object结构提供了“字符串-值”的对应，Map结构提供了“值-值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。
2023-09-17 15:36:37
245
原创 什么是迭代器？怎么用？什么是Map?
随后通过next方法进行向下迭代指向下一个位置，next（）方法会返回当前位置的对象，对象包含了value和done两个属性，value是当前属性的值，done用于判断遍历是否结束。最后一句报异常的原因：for...of的作用域只存在于循环体内部，外部无效，使用var则不会出现这种情况，因为var作用域全局，迭代将不会每次都创建一个新的存储空间。迭代他们的entries，每个entry都会被编码为[key，value]的项，entries是以确定的形式进行迭代，其顺序是与添加的顺序相同。
2023-09-17 09:06:36
83
原创 js中null和undefined的区别
null：指对象的值未设置，是缺失的模块，可以理解为尚未创建的对象。undefined：表示缺少值，此处应该有个值，但是还没有定义。
2023-09-15 22:34:02
536
原创 js关于类的一些思考
类声明：声明创建一个基于原型继承的具有给定名称的新类将Polyon实例化为一个实例化对象，.area体现了他的原型继承函数声明和类声明之间的一个重要区别在于，函数声明会提升，类声明不会。你首先需要声明你的类，然后再访问它，否则类似以下的代码将抛出//类实例化//报错， ReferenceError//声明类。
2023-09-15 16:46:18
56
原创 原型(prototype)，原型链，原型继承
首先，原型是存在于对象中的，在js中，每个构造函数内部都有一个prototype属性，该属性的值是个对象，该对象（这个prototype属性）包含了该构造函数所有实例共享的属性和方法，当我们通过该构造函数创建对象时，在这个对象中有一个指针，指向构造函数中prototype的值，这个指向prototype的指针称为原型。另一种说法是：js对象中都有一个特殊的prototype内置属性，这就是原型。//给Animal一个属性//实例化一个a// 打印a1原型的值，是个对象，包含run方法。
2023-09-15 08:54:18
126
原创 怎么理解对象实例化、构造函数
首先明白三个概念，类、实例对象（对象）、实例化：类是抽象化的，实例对象是具体的东西，即具体的个体。实例化：用类创造具体对象的过程就是实例化。抽象的类无法直接使用其中的方法和属性，只有把类实例化成为一个具体的实例对象才能调用属于“类”的方法和属性。“实例对象”具有"类"的所有属性和方法，从类具体到实例化对象，从抽象到具体的过程就称为实例化。//创建一个类//定义一个函数方法Man()Man(){return "嘿man!来活了！！！
2023-09-14 22:54:28
224
原创 vue3父子组件通信---defineProps()、defineEmits()
该事件的作用就是接收子组件传递过来的值，然后进行一些操作；在子组件中，通过。
2023-08-20 15:44:34
483
原创 对接口完整版
调接口参数传递的步骤：vue页面参数调用->vuex的actions调用方法（->vuex的mutations->vuex的state）->api调用后端数据。一、首先到apifox里面看：请求方法、请求路径、是否有参，有参数的话需要看参数类型和参数名称。三、vuex的store代码仓库：包括state、mutations、actions。mutations：修改数据的地方，当需要返回数据时，才使用mutations。state：存储新数据的地方。
2023-08-19 18:04:13
141
原创 uview-plus 分段器使用
此时已经能实现点击切换分段器，之后想要实现点击分段器使得主体部分随之改变需要使用uview-plus轮播。此时实现了轮播切换效果，下一步实现将分段器切换和轮播切换绑定。二、设置点击事件@change=“onclickItem”
2023-08-14 17:01:00
1707
原创 对接口(简单举例子理解)
在store代码仓库中使用vuex：vue下发一个指令，actions处理业务，使用异步将数据封装到方法中，再把actions提交到mutations中并更改state的数据，最后传递到state进行数据存储。store.state.indexPage.家具是什么：store.js中默认暴露的方法中的indexPage中的属性。在代码仓库中，例如 myhome.js | store / myhome中。3、在store文件夹中：store代码库里使用vuex。1、在api的js文件中写接口。
2023-08-06 22:44:32
113
原创 使用git上传代码到代码仓库
2、git add . ：将项目的所有文件添加到仓库中，将当前路径下所有的文件添加到待上传的文件列表中。3、git commit -m "注释语句" ：将add的文件提交（commit）到仓库。cd进入到项目目录里，执行git init 命令（该命令会在当前目录下 创建一个.git文件夹）5、在coding上查看是否存在冲突，如果存在冲突，去解决冲突。6、上传代码：git push origin 分支名。1、建立git仓库：git init。
2023-07-29 21:16:33
1021
原创 flex布局(使用小青蛙游戏介绍)
注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。Flex意为”弹性布局”，用来为盒状模型提供最大的灵活性。Webkit内核的浏览器，必须加上-webkit前缀。任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。
2023-07-24 18:06:51
267
原创 什么是爬虫？
通俗地讲，通用爬虫就类似于一只蜘蛛，需要寻找特定的食物，但是它不知道蜘蛛网的哪个节点有，所以它只能从一个节点开始寻找，遇到节点就看一下，如果有食物就获取食物，如果这个节点指示某某节点有食物，那它就顺着指示去寻找下个节点。因此，用户看到的网页实质是由 HTML 代码构成的，爬虫爬来的便是这些内容，通过分析和过滤这些 HTML 代码，实现对图片、文字等资源的获取。URL，即统一资源定位符，也就是我们说的网址，统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。
2023-07-17 15:21:07
1333
1
原创 什么是闭包
创建闭包最常见的方式就是，在一个函数内部创建另一个函数。由于在JS中，变量的作用域属于函数作用域，在函数执行后作用域就会被清理、内存也随之被收回，但是由于闭包是建立在一个函数内部的子函数，由于其可访问上级作用域的原因，即使上级函数执行完，作用域也不会随之销毁，这时的子函数—也就是闭包，便拥有了访问上级作用域中的变量的权限，即使上级函数执行完后，作用域内的值也不会被销毁。
2023-07-16 22:33:31
136
1
原创 BOM（浏览器对象模型）
1.window（1）确定window尺寸，显示浏览器高度或宽度（2）开关窗口，移动窗口或调整窗口尺寸window.open() - 打开新窗口window.close() - 关闭当前窗口window.moveTo() - 移动当前窗口window.resizeTo() - 调整当前窗口的尺寸2.Window Screen（有关用户屏幕的信息）（1）screen.availWidth 属性返回访问者屏幕的宽度（2）screen.availHeight 属性返回访问者屏幕的高度。
2023-04-09 10:25:21
78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人