- 博客(21)
- 收藏
- 关注
RSS订阅原创 Vue3基础技术语法
由`defineProps`定义出的`props`对象，是一个`proxy`对象，所有特性和`reactive`基本相同**，只不过由`defineProps`定义出的`props`对象的**值是只读**的，还有在模板上可以单独属性直接使用。`provide()` 接受两个参数：第一个参数是要注入的 key，可以是一个字符串或者一个 symbol，第二个参数是要注入的值。 ` defineProps`是一个函数，参数与`vue2`的`props`选项相同。
2023-03-09 21:56:51
518
原创 ts 基础知识
TypeScript 可以理解为是 JavaScript 的扩展，扩展了 js 的语法，因此我们可以在 ts 中继续写 js 的代码而不回报错TypeScript 又叫做静态的 JavaScript，不能直接引入到 html 中，不能直接被浏览器识别，需要经过 ts 转换器或者是 babel 转化后才能使用强类型和弱类型是类型系统按照 是否允许隐式转换 来分类强类型的语言 指的是 强制数据类型定义的语言，也就是说如果一个变量被指定了某一个类型，如果不经过强制数据类型转换，他永远都是这个数据类型。
2023-02-20 08:58:39
1281
原创 react 中使用路由 router 详解
路由就是一个映射关系（ key: value）。key 为路径， value 可能是 function 或者是 component。我们学习路由的时候会遇到两个经常用的单词 router 和 route。区别是什么呢？router 是全局的路由器对象。route 是当前激活的路由对象。打个比方哈，我们自己家里上网需要路由器吧，router 就相当于家里的 路由器。route 就相当于路由器上面的网线插口或者是那个天线，不能没有 router 就是用 route。//导入hash路由 as 起个别名。
2023-02-14 19:38:58
1514
原创 React的组件传参、生命周期与Hooks
c.函数组件由于没有内部状态，所以无需考虑状态管理，也不存在类似生命周期函数之类的复杂操作，可以更加专注与UI的渲染。a.函数组件更加轻量，可以比类组件节省更多的内存和性能开销，并且更容易使用。b.函数组件更加简单易懂，可以轻松的进行单元测试。return ()=>{ //模拟组件将要卸载 }//模拟num和list的挂载+更新。模拟任意数据的挂载+更新。//模拟任意数据的更新。模拟某些数据数的更新。
2023-02-13 21:58:16
327
原创 webpack基础
因为我们安装的 babel 是 6.x 版本，而它所对应的 babel-loaderl 版本必须是 7.x，所以在命令行中，我们明确指定了版本号。如果版本不对应，就会抛出 Cannot find module '@babel/core' 错误。把public里面的index.html。拷贝的dist目录，并插入打包好的.js。contenHash 和内容有关。chunkHash 和入口有关。哈希命令有效控制缓存与更新。
2023-02-09 19:17:28
344
原创 TypeScript基础语法
或者 readonly 只读?定义类型的javascript。是javascript的超集。ts的文件后缀名是 .ts。
2023-02-07 21:38:58
283
原创 Vue3 Pinia使用
Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。Pinia 的成功可以归功于他管理存储数据的独特功能，例如：可扩展性、存储模块组织、状态变化分组、多存储创建等。
2023-02-02 21:54:13
712
原创 导航守卫与keep-alive缓存
概念:keep-alive 是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。结合vue-router中使用，可以缓存某个view的整个内容。直接在路由配置的时候，给每个路由添加一个自定义的meta对象，在meta对象中可以设置一些状态，来进行一些操作。2、路由独享守卫(路由index.js)1、组件内守卫 (user.vue)keep-alive缓存。
2022-12-29 23:49:58
99
原创 js 函数的基本作用与应用
系统函数: alert() confirm() promt() parseInt() parseFloat() typeof(3、通过其他函数调用: function test{ test2() }2、局部变量:函数内部声明的变量，只能被函数内部访问。1、全局变量:函数外部声明的变量,可被所有区域访问。function 函数名(参数列表){无参函数 function test(){}带参函数: function test(函数的作用:代码封装，代码重用。1、直接调用 函数名()自定义函数:自己写的。....
2022-08-08 08:24:20
583
原创 js 斐波那契数列
/斐波那契数列:1、1、2、3、5、8、13、21、34。// 第三个数=第一个数+第二个数。//轮换第一个数和第二个数。var third;//i控住输出的个数。
2022-08-08 08:21:14
104
原创 js的三大控制结构
多重if-elseif-elseif-else适用于区间。do-while可以是任何条件，先执行，后判断，至少执行一次。循环四要素循环变量初始化循环条件改变循环变量循环体。while可以是任何条件，先判断，后执行，可能一次都不执行。for(vari=1;continue跳出本次循环，继续下一次循环。switch(){适用于等值条件。}while(循环条件)for只适用于循环次数固定的情况。while(循环条件){break终止循环。...
2022-07-29 11:59:08
135
原创 js的基础（作用与内容）
2、DOM操作DocumentObjectModel文档对象模型。3、BOM操作BroswerObjectModel浏览器对象模型。1、ECMAJavaScriptjs基础语法。3、数据验证，减轻服务器的压力。4、用户通过事件与浏览器交互。1、动态操作标签的内容。5、提供了本地存储来。......
2022-07-29 11:35:15
197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人