- 博客(58)
- 收藏
- 关注
RSS订阅原创 [Vue3] 11 script_setup
fill:#333;color:#333;color:#333;fill:none;1 基本语法2 绑定后可直接在模版中使用3 动态组件。
2024-08-22 21:00:37
993
原创 【TS】5 在React中使用TS
fill:#333;color:#333;color:#333;fill:none;项目使用TS1 使用CRA创建支持TS的项目2 TS配置文件tsconfig.json3 React中的常用类型。
2024-08-21 12:22:45
1009
原创 [Vue3] 11 pinia的使用
fill:#333;color:#333;color:#333;fill:none;Pinia1 为什么你应该使用 Pinia2 pinia的引入与使用3 用pinia创建购物车。
2024-08-21 12:02:02
886
原创 【TS】3 高级类型
1 掌握TS的高级类型用法2 了解交叉类型与接口继承的区别3 泛型工具类型的使用方法fill:#333;color:#333;color:#333;fill:none;高级类型1 class类2 类型兼容性3 交叉类型4 泛型和typeof5 索引签名类型和索引查询类型对象索引与数组索引索引查询6 映射类型。
2024-08-19 11:01:25
797
原创 【TS】4 类型声明文件
我们都知道TS提供了类型，才有了类型保护机制和代码提示等机制。但是在很多使用第三方库中你会发现，他们机会都有TS的类型，这些类型是怎么来的呢？这就要提到类型声明文件了。
2024-08-19 10:59:41
673
原创 【TS】2 常用类型
示例：定义变量a是number类型，相当于给变量a加了一个类型的约束约束了什么类型只能赋值该类型的值，否则就会报错可以将TS中的常用基础类型细分为两类：1JS已有类型2TS新增类型1 jS已有类型原始类型：number/string/boolean/null/undefined/symbol。对象类型：object(包含：数组、对象、函数等对象)。2 TS新增类型联合类型、自定义类型(类型别名)、接口、元组、字面量类型、枚举、viod、any等。
2024-08-18 15:40:03
774
原创 【TS】1 ts入门
相信很多开发人员再使用JS的过程中，都遇到过打包后的JS代码报错（类型错误问题），这种bug是非常花费时间的，严重影响了开发效率。对于JS来说：JS属于动态类型的编程语言，需要等到代码真正去执行的时候才能发现错误(晚)对于TS来说：TS属于静态类型的编程语言，在代码编译的时候(代码执行前)就可以发现错误(早)并且，配合VSCode 等开发工具，TS可以提前到在编写代码的同时就发现代码中的错误，减少找 Bug、改 Bug 时间。
2024-08-18 15:39:34
678
原创 [Vue3] 9 其它API
只处理对象最外层属性的响成式 （浅响应式）shallowRef：只外理是基本数据类型的响应式，不进行对象的的应式处理。什么时候用?。若有一个对象数居，结构比较深，但变化只是最外层变化 =》若有一个对象数据，后续功能不会修改对象中的属性，而是生成新的对象来替换 =>shallowRef。
2024-08-14 14:59:02
527
原创 [Vue3] 7 自定义hook函数
本质上是一个函数，把setup中使用的 Composition Api进行封装有点类似于vue2.0中的mixin优点：复用代码，让setup中的逻辑更清晰易懂。
2024-08-13 18:28:00
339
原创 [Vue3] - 5 watch与watchEffect用法
一全部属性firstName:'张',lastName:'三',job:{name:'前端工程师'}});接收的参数newValue与oldValue，person下的job对象改变，watch也能监视到，在vue2中只有开启了deep深度监视才会生效1 无法获取正确的oldValue2 deep设置无效，强制开启深度监视watch监听的是RefImpl或Proxy结构watchEffect监听回调中用到额度属性。
2024-08-09 16:12:15
724
原创 [Vue3] - 3 数据响应式
在前端开发过程中，最为注重的就是数据的即时性和响应。但随着技术的发展vue2.0的数据响应方式，不能响应属性的新增和删除、以及通过数组下标修改界面不会自动更新等弊端逐渐显露。vue3.0为开发者提供了更为便捷的数据响应方式，接下来就让我们一起去探索一下。
2024-07-31 11:53:33
1058
原创 [Vue3] - 2 setup
1. vue2的语法与setup是否可以混用?可以混用，不建议混用。以后vue3版本更新之后，是否还支持vue2还未可知2. setup下的this为什么是undefined？setup在之前执行一次，此时this还未初始化，所以setup下的this是undefined3. setup不能是async函数？加上async之后，setup的返回值就不在是一个单纯的对象了，而是一个promise，模板中无法看到对象中的属性。4. vue3如何接收组件传参？用接收传递过来的参数在中。
2024-07-29 10:56:02
834
原创 [Vue3] - 1 创建vue3工程
使用vue-cli和vite创建区别分类区别工程目录目录有略微的不同使用语法一样的都用的Vue3语法打包速度vite创建的工程更快参考vue3中文文档。
2024-07-22 14:23:22
769
原创 【Vue3】vue3-seamless-scroll实现无缝滚动+滚轮控制
前言…目标创建一个vue3项目，在项目中安装第三方组件1 安装2 引入并注册3 使用组件在正式开始之前，先看一下这个第三方组件有哪些参数或者属性官方文档：vue3-seamless-scroll组件配置以上仅列出了接下来可能用到的属性。这里用的是表格组件。若直接将el-table表格插入到vue-seamless-scroll组件中，会导致el-table表格中的表头也会进行滚动，这不是想要的效果。这里用两个el-table，一个保留表头部分，一个保留内容部分。保留内容部分的放入vue-s
2024-07-09 09:58:49
785
原创 【vue2】实现自动轮播+滚轮控制
有一个`无缝轮播+滚轮控制`的需求，找了很多的方法发现都没办法完美的实现这种效果。用原生的js实现不是无缝滚动用无缝滚动插件实现，发现pc端无法实现滚轮控制
2024-07-03 16:16:57
1071
原创 【Vue】vue-router路由使用
hash模式1.地址中永远带着#号，不美观。2.若以后将地址通过第三方手机app分享，若app校验严格，则地址会被标记为不合法。3.兼容性较好。4.hash值不会包含在 HTTP 请求中，即:hash值不会带给服务器。history模式1.地址干净，美观。2.兼容性和hash模式相比略差。3.应用部署上线时需要后端人员支持，解决刷新页面服务端404的问题。1、如何配置路由？2、如何使用导航进行路由跳转声明式：router-link。
2024-06-24 22:49:04
716
原创 【Vue】接口调用方式
1、xhr是js封装的一个库；2、jquery基于xhr，接口调用$.get $.post是DOM操作；3、axios基于xhr，减少DOM操作，推荐使用；4、fetch是js封装的，与xhr平级。两次promise操作、兼容性比较差；5、vue-resource，Vue提供的在vue1.x版本中经常被使用，后续不在更新；
2024-05-28 16:04:04
1409
原创 【Vue】跨域问题解决
前言目标proxy代理的用法fill:#333;color:#333;color:#333;fill:none;解决跨域corsjsonp代理服务器nginxvue-cli 前端代理corscors是跨域资源共享，是一种基于 HTTP 头的机制，该机制通过允许服务器标示除了它自己以外的其它 origin（域，协议和端口），使得浏览器允许这些 origin 访问加载自己的资源。服务端设置了Access-Control-Allow-Origin就开启了CORSjsonp。
2024-05-28 10:42:30
981
原创 【Vue】组件用法
一种组件间通信方式，适用于父子组件间通信。通过父组件给子组件传递函数类型的props实现: 子给父传递数据通过父组件给子组件绑定一个自定义事件实现: 子给父传递数据(第一种写法，使用@或v-on、$emit通过父组件给子组件绑定一个自定义事件实现: 子给父传递数据(第二种写法，使用refthis.$off('atguigu') //解绑一个自定义事件this.$off(['atguigu'，demo']) //解绑多个自定义事件this.$off() //解绑所有的自定义事件。
2024-05-23 17:25:44
1203
1
原创 TradingView 使用方法
是一个价格图表和分析软件，提供免费和付费选项，为优秀的交易技术分析金融图表，拥有丰富的技术指标库，并拥有可以直接交易的交易终端插件。
2024-05-07 17:02:22
1400
1
原创 【node】创建本地接口
在前端开发的过程中，接口相关的信息一般是由后端处理好返回给前端，但是有时候后端不在的时候想自己写个接口进行测试是非常麻烦的。node是前端一个不错的写接口工具。
2024-04-19 14:59:41
661
原创 【Vue】数据检测原理
前言Vue中的数据监听离不开Object.defineProperty()方法的使用，在了解数据监测原理之前，建议先掌握defineProperty的用法。目标1 数据监测问题2 数据监测原理3 如何实现数组更新。
2024-04-11 21:54:58
1129
原创 【Vue】生命周期
如果我们想用vue实现一个定时循环透明度，我们可以通过该方法完全脱离Vue没有模板更新都会触发，定时器调用导致定时方法呈现指数式增长1.又名:生命周期回调函数、生命周期函数、生命周期钩子。2.是什么: Vue在关键时刻帮我们调用的一些特殊名称的函数。3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。4.生命周期函数中的this指向是vm或组件实例对象。
2024-04-07 10:11:59
234
原创 autofocus 第二次使用无效
在开发表格中经常会有这样一个需求，点击单元的文本自动切换为输入框看起来是个很简单的功能，输入框和文本框切换用用v-show或v-if，自动聚焦用autofocus属性但是在实际开发后，会发现在文本在第二次切换为输入框后又无法自动聚焦了…
2024-04-02 16:56:29
1065
原创 vue指令相关
vue中有很多的指令像v-on、v-model、v-bind等是我们开发中常用的常用指令v-bind 单向绑定解析表达式v-model 双向数据绑定v-for 遍历数组/对象/字符串v-on 绑定事件监听，可简写为@v-show 条件渲染（动态控制节点是否存展示）v-if 条件渲染（动态控制节点是否存存在）v-else 条件渲染（动态控制节点是否存存在）不常用指令v-text 向其所在的节点中渲染文本内容。
2024-03-26 16:00:02
633
原创 vue2 key的作用和原理
我们在写v-for的时候都会绑定一个key值，这个key在vue中有什么作用呢，不写可以吗？目标1 key有什么作用2 如何不写key会产生什么影响3 key使用原理。
2024-03-26 09:45:02
1020
原创 vue2从基础到高级学习笔记
通过一个对象代理对另一个对象中的属性的操作（读写）获取obj2.x的值相当于获取obj.x的值，修改obj2.x的值同时修改obj.x的值。
2024-03-20 09:55:10
626
原创 uniapp开发之项目运行到 夜神模拟器中
在实际的开发中老是会遇到uniapp运行的模拟器找不到模拟器的情况，时而出现时而消失的，很是头疼。目标官网下载地址安装包adb路径为夜神模拟器安装路径设置adb端口62001
2024-02-29 09:54:20
1250
2
原创 vue-devtools使用方法与源码分析
这是我第二次尝试进行源码阅读，总体来说比较吃力，阅读很慢，断点也不太会用，源码阅读能级亟待提高。就是现在感觉对这部分的源码还是没有完全的吃透，希望等以后源码能力上来了，再来重新的巩固一下，相信会有不一样的收获参考网站解锁vue-devtools的"隐藏"技能vue-devtools 还能直接打开对应组件文件vue-devtools 打开组件分析。
2024-01-30 17:45:12
1009
原创 VsCode前端编程工具
页面，点击调试，并在下拉框中选择serve，然后系统会默认打开终端执行npm run serve脚本命令启动调试项目。可以直接点击运行下的启动调试。
2024-01-09 14:48:16
625
原创 深度解析VueX源码
一直在用VueX但是对他的底层逻辑一知半解，因此想写这篇文章理清一下思路。主要了解和解决的问题：1、VueX到底是干啥用的，解决了什么问题？2、VueX在实际开发中怎么用？3、VueX源码中到底是如何实现数据响应式的，以及ctions、getters、mutations如何实现数据修改？本文章主要梳理的是Vuex底层是如何实现的，理解、读懂vuex的实现机制。本文以VueX4版本为例。
2024-01-03 16:38:33
1001
Vue2 实现无缝滚动+滚轮控制
2024-07-03
OBS Studio是一款视频直播录制软件，为用户提供了视频、文本、图像等的捕获录制功能
2024-03-20
控制台netWork 接口返回字符串，但是console.log打印为undefined
2023-05-06
onlyoffice在线编辑问题
2023-03-13
dist打包文件运行报错
2023-02-21
iview table 多选框
2023-02-16
tinymce 右击显示菜单
2023-02-13
APP打包遇到的问题
2022-12-06
uniapp 消息推送
2022-11-24
前端实现帮助文档效果
2022-11-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人