- 博客(63)
- 收藏
- 关注
RSS订阅原创 TypeScript进阶
/ 1. 想要有事件目标源上的属性提示，需要给事件目标源做类型断言（可以通过 document.createElement 创建该元素，查看元素的类型）// defineEmits 传入对象类型，对象类型中是一个一个的匿名函数类型，这个对象类型不是用来直接给自定义事件数据定义的。<h1>我是 App 组件 --- {{ count }} --- {{ doubleCount }}</h1>// 1. 想要有事件对象上的属性提示，需要给事件对象指定类型（可以通过鼠标悬停到绑定的事件上，查看事件对象的类型）
2023-05-05 21:53:11
1078
2
原创 TypeScript 基础
可以将 TS 中的常用基础类型分为两大类：JS 自有类型简单类型（numberstringbooleanundefinednull复杂数据类型（数组，对象，函数等）TS 新增类型联合类型自定义类型接口元组字面量类型枚举voidany泛型...自定义类型：当一个结构复杂的类型被多次使用时，可以创建一个自定义类型，来简化类型的使用。使用 type 关键字，自定义一个类型语法：type 自定义类型名字 = 具体的类型自定义类型的名字推荐使用大写字母开头// 方式一// 方式二。
2023-05-03 21:51:08
746
1
原创 TypeScript 基本概念
TypeScript，JS 有的 TS 都有TypeScript = Type + JavaScript（在 JS 基础之上，
2023-05-03 21:27:51
1590
原创 vue-router4、vuex4、Pinia
Pinia 是 Vue.js 的轻量级状态管理库中文文档:介绍 | Pinia 中文文档为什么学习 pinia?pinia 和 vuex4 一样，也是 vue官方状态管理工具(作者是 Vue 核心团队成员）pinia 相比 vuex4，对于 vue3 的兼容性更好pinia 相比 vuex4，具备完善的类型推荐=> 对 TS 支持很友好pinia 同样支持 vue开发者工具pinia 的 API 设计非常接近Vuex5的提案。
2023-05-03 21:12:18
1046
原创 Vue3组合式API
原因: vue3 底层是对 对象 进行监听劫持，reactive/ref 的响应式功能是赋值给对象的, 如果给对象解构, 会让数据丢失响应式的能力。相比于普通的 script 语法更加简洁。beforeCreate 和 created 在 setup 中不需要，原来在这两个生命周期中做的事，直接写到setup函数中。setup 中定义的数据，默认情况不是响应式的，需要用 reactive 函数，将数据变成响应式的。(2) 即使项目大了, 功能多了，也能快速定位相关功能的代码，大大的提升了代码的。
2023-05-02 21:22:45
1076
1
原创 Vue3基本知识点
Vite | 下一代的前端工具链Vite（法语意为 "快速的"，发音/vit/，发音同 "veet") 是一种新型前端构建工具，能够显著提升前端开发体验。优势💡 极速的服务启动，使用原生 ESM 文件，无需打包⚡️ 轻量快速的热重载，始终极快的模块热重载（HMR）🛠️ 丰富的功能，对 TypeScript、JSX、CSS 等支持开箱即用📦 等等。
2023-05-02 21:09:28
1006
原创 小程序路由跳转
小程序中的路由只是单纯页面地址的跳转，一般在页面中使用navigator组件来实现，也有很多场景需要在 js 中根据逻辑的执行结果跳转到某个页面，比如：如果检测到用户尚未登录就需要给他跳转到登录页面。
2023-04-24 20:51:03
823
原创 小程序进阶
wxml组件的布局结构.js组件的处理逻辑.json组件的配置文件.wxstngs组件的布局样式通常将组件放到独立的目录components当中这个目录需要手动创建创建一个叫authorization组件和页面的结构是一致的，但也有区别：组件的配置文件中配置项组件的.js文件中调用Component函数。
2023-04-23 22:47:40
540
原创 小程序模板语法
在实际开发中，为了更好的管理项目的代码，会将小程序相关的内容单独放到一个文件夹中去维护，这样做的好处是能够优化目录结构（公司的项目目录都是优化过的）。比如：新建文件夹将pagesutilsapp.jsapp.jsonapp.wxss移动到文件夹中小程序运行时，会自动寻找根目录下的app.json，但此时app.json已经不在根目录中了，所以会报错。所以我们需要修改小程序的根目录。修改完小程序的根目录之后，就找不到 npm 包的内容了，所以会报错。
2023-04-22 10:44:26
753
原创 小程序基础
小程序是一种不需要下载、安装即可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下就能打开应用，也实现了用完即走的理念，用户不用安装太多的应用，应用随处可用，但又无需安装卸载特点：无需下载，用完即走入口：扫一扫、搜一下、群聊转发开发微信小程序前首先要在[微信公众平台](https://mp.weixin.qq.com/)申请一个小程序账号，通过这个账号对小程序开发进行管理 设置小程序信息和小程序类目账号注册完毕后不能立刻使用，还需要进一步对小程序的信息进行完善，具体的操作步骤如下图所示 A
2023-04-22 10:10:19
204
原创 Ajax计算机网络
共同点：都是保存在浏览器端、且同源的区别：1、cookie 数据始终在同源的 http 请求中携带（即使不需要），即 cookie 在浏览器和服务器间来回传递，而 sessionStorage 和 localStorage 不会自动把数据发送给服务器，仅在本地保存。cookie 数据还有路径（path）的概念，可以限制 cookie 只属于某个路径下2、存储大小限制也不同，cookie 数据不能超过 4K，同时因为每次 http 请求都会携带 cookie、所。
2023-03-22 18:20:44
308
原创 WebAPI面试题
DOM是一种用于HTML和XML文档的编程接口，他给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式在一个对象上触发某类事件，这个事件会向这个对象的父级对象传播，从里到外，直至它被处理，或者它到达了对象层次的最顶层，即 document 对象阻止事件冒泡的方法（1）w3c方法是：event.stopPropagation();事件处理过程中，阻止冒泡事件，但不会阻止默认行为（2）IE则是使用event.cancelBubble = true 阻止事件冒泡。
2023-03-22 18:05:34
856
原创 $router和 $route的区别
/ 所以可以通过this.$route 和this.$router 获取路由对象。// 1、$router是路由的实例 是new出来的 $route路由的某个对象。// 在vue实例的prototype上挂载了$router和$route。// 3、$route相当于$router中的currentRoute。// 什么时候使用$route 什么时候使用$router?// $router 和$route 的区别。// 2、$route是$router的子集。// 因为在安装路由并初始化路由的时候。
2023-03-18 09:53:49
469
原创 路由的总结
（1）this.$router.push({path: '/home'}) => this.$router.push('/home') 简写方式。参数的key=参数的value"></router-link>2、使用声明式导航 使用VueRouter提供的<router-link></router-link>标签实现跳转 配置to属性。<router-link to="/home/参数的值"></router-link>例如 <router-link to="/home"></router-link>
2023-03-18 09:38:25
464
原创 Vue第六天
核心业务1、显示隐藏切换---v-if v-else2、显示自动获取焦点$nextTick 自定义指令 v-foucs3、回显，回车修改数据v-model和组件绑定。
2023-03-16 21:03:22
289
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人