- 博客(72)
- 收藏
- 关注
RSS订阅原创 8.29一日总结(uni-app)
微信开发者工具（开发版 Nightly Build）下载地址与更新日志 | 微信开放文档。微信开发者工具（开发版 Nightly Build）下载地址与更新日志 | 微信开放文档。
2023-08-29 16:50:25
112
原创 8.7一日总结
关联远程仓库 git remote origin 仓库名称。提交到本地仓库 git commit -m '第一次提交'推送到远程仓库 git push origin master。在main.js中阴入 import 'reset-css'初始化仓库 git init。添加到暂存区 git add .将项目中不需要的内容删除。
2023-08-07 21:37:40
653
原创 8.4一日总结
通过执行上述命令,全程回车,就会在~/.ssh/id_rsa(私钥)和id_rsa.pub(公钥),私钥是必须要保存好的,并不能丢失,公钥需要上传服务器。ssh-Keygen [-t rsa -C 邮箱地址]a.ssh:隧道加密传输协议,一般用来登录远程服务器。git clone 仓库名。在gitte中配置公钥。
2023-08-04 11:08:49
436
原创 8.2一日总结
diff --git a/index.js b/index.js // 通过git命令，展示diff，变更前的文件名，变更后的文件，index.js发生了变化。2、git restore --staged 文件名 （git reset HEAD 文件名） 暂存的修改，撤销到工作目录。@@ -1,2 +1,3 @@ 文件变化， 变更前文件从第1行开始，往后2行，变更后的文件，第一行开始，往后3行。--- a/index.js ----变更前 变更前的文件。untracked： 未追踪（新增的文件）
2023-08-03 10:45:40
257
原创 8.3一日总结
2>本地仓库关联远程仓库 git remote add origin 仓库地址。5>推送提交远程仓库 : git push origin master -u。提交 git commit -m '提交'4>远程推送: git push origin master -u。在远程推送git push。4>提交: git commit -m '完成登录功能'1>.在桌面克隆远程仓库 git clone 仓库名。1>初始化本地仓库 git init。3>添加目录 git add.b.本地仓库上传到远程仓库。
2023-08-03 10:40:00
914
原创 7.17一日总结
a.创建一个文件routes包括index.js和router.js。navigate放在箭头函数中调用。组件不能使用标签调用,直接写组件名。通过递归创建route。b.在根组件中引入并挂载。c.index.js中的内容。d.routes.js内容。
2023-07-17 16:11:17
108
原创 7.7知识点
虚拟dom属性比较少(轻),真实dom属性方法比较多,因为在react内部使用,没有挂载到真实dom中,所以不用很多真实dom中的属性。(虚拟dom用console.log()打印,真实dom用console.dir()打印),react中的虚拟dom最终会转换为真实dom。组件概念:组件是构建用户界面的基本单位，它可以是可重用的、自包含的、拥有自己的状态和生命周期的独立模块。(2)函数组件必须有返回值,返回值是页面结构,如果不需要返回任何内容,需要设置为null。1)不可直接修改state里面的状态。
2023-07-09 20:24:30
294
原创 7.6总结
声明式:在声明式编程中，开发者通过定义问题的规则和约束，让计算机自主推导解决方案。(自动) eg:forEach,filter,map编程式:在编程式编程中，开发者需要详细描述如何执行任务，包括控制流程、算法、数据操作等。(手动) eg:for循环。
2023-07-06 19:47:16
156
原创 7.5总结
npm用于安装、管理和共享JavaScript包，而npx用于临时安装并执行命令行工具或脚本，不需要全局安装。a. html结构需要return(html结构)返回,且只能有一个根标签。3.图片需要引入才能使用,会被当做变量用 b.定义在函数外的数据不可响应,使用方法{num}g.使用className定义类名。c.行内样式修改驼峰命名法。npx create-react-app 名字。2.npm与npx区别。
2023-07-05 20:09:15
482
原创 vue回顾
在实践中，通常使用`npm install`或`yarn`命令来安装项目的所有依赖项，而根据配置文件中"devDependencies"和"dependencies"的定义，相应的依赖项会被安装到不同的目录中。比如，"devDependencies"中的依赖项会被安装到项目根目录的`node_modules`下，而"dependencies"中的依赖项会被安装到`node_modules`下的`./node_modules/.bin`目录下。这些依赖项是项目的核心功能所需的库，用于生产环境的部署和运行。
2023-07-04 19:30:04
325
原创 高级第二个月复习
r o u t e r ：获取路由整个实例指整个路由实例，可操控整个路由通过‘ router：获取路由整个实例 指整个路由实例，可操控整个路由 通过‘router：获取路由整个实例指整个路由实例，可操控整个路由通过‘router.push’往其中添加任意的路由对象 钩子函数等。1 - nextTick 是 Vue 提供的一个全局 API，由于 Vue 的异步更新策略，导致我们对数据修改后不会直接体现在 DOM 上，此时如果想要立即获取更新后的 DOM 状态，就需要借助该方法。会拼接到路由 url 后面。
2023-06-27 20:21:55
531
原创 高级第二个月考试
比如，我们可以将 v-for 循环放到一个计算属性中，然后在模板中使用计算属性来渲染数据，并在该计算属性中使用 v-if 来过滤数据，这样就可以避免 v-for 和 v-if 之间的优先级问题，同时也能更好地控制渲染结果。而Vue3中使用的响应式原理是基于ES6的Proxy实现的，通过Proxy对象代理数据，可以实现更高效的数据监听和更新，同时也可以监听到数组的变化。setup函数可以返回一个对象，该对象中包含组件中使用的响应式数据、方法等内容，可以通过解构赋值获取其中的内容。
2023-06-27 09:24:44
305
原创 6.19作业
query1.是拼接在url后面的参数。2.参数在?后面，且参数之间用&符分隔3.query相当于get请求，可以在地址栏看到参数params1.是路由的一部分。以对象的形式传递参数2.使用params传参只能由name引入路由，如果写成path页面会显示警告，说参数会被忽略3.params相当于post请求，参数不会再地址栏中显示1、query 传参配置的是 path，而 params 传参配置的是 name，在 params 中配置 path 无效。
2023-06-19 11:16:59
1778
原创 6.18作业
这样就会影响到所有的实例，所以为了保证组件不同的实例之间data不冲突，data必须是一个函数。1、主要是为了高效的更新虛拟DOM，其原理是vue在patch（补丁）过程中通过key可以精准判断两个节点是否是同一个，从而避免频繁更新不同元素，使得整个patch过程更加高效，减少DOM操作量，提高性能。3、vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。删除一条数据时,他的索引也会发生变化,会让数据产生混乱。
2023-06-16 19:44:35
2402
1
原创 6.16作业
2.pushState设置的新的URL可以是与当前URL同源的任意URL；4、是否调用return：computed中的函数必须要用return返回，watch中的函数不是必须要用return。而watch支持异步。ref定义的数据：操作数据需要.value，读取数据时模板中直接读取不需要.value。响应式原理就是指的是MVVM的设计模式的核心，即数据驱动页面，一旦数据改变，视图也会跟着改动。2、功能上：computed是计算属性，watch是监听一个值的变化，然后执行对应的回调。
2023-06-16 19:42:55
555
原创 6.15作业
- hook本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。-- 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2023-06-15 19:46:15
729
1
原创 6.14作业
watchEffect则可以自动监听函数内部的响应式数据的变化，只要其内部引用的响应式数据发生变化，回调函数就会被调用。2）Composition API：Vue3 引入了 Composition API，允许开发者将一个组件的逻辑分割成可复用的逻辑代码块，提高了组件的可复用性，并且使代码更加清晰简洁。在回调函数中可以处理数据变化的逻辑，也可以手动处理数据，因此灵活性更高。watch可以监听多个数据。1）、功能：接受一个内部值，返回一个响应式的、可更改的 ref 对象，ref对象只有一个属性：value。
2023-06-14 17:12:40
420
原创 6.7作业
并且传参的时候,参数名要跟路由后面设置的参数名对应 . /user/:id这个路由配置/user/111,这里的/user/111就是params。d.params可以使用动态传参,动态传参的数据会显示在地址栏中,且刷新页面不会消失,因此可以使用动态params传参,根据动态传递参数在传递页面获取数据,防止页面刷新数据会消失。a标签的作用是从一个页面跳转到另外一个页面,相当于重新加载了页面,还要重新渲染页面,增加了对dom性能的损耗,vue-router不会重新渲染,他会选择陆游所指的组件进行渲染。
2023-06-14 08:46:18
526
原创 6.12作业
(1)attrs: 包含没有在props配置中声明的属性的对象, 相当于 this.a t t r s ( 2 ) s l o t s : 包含所有传入的插槽内容的对象 , 相当于 t h i s . attrs。而Vue3中使用的响应式原理是基于ES6的Proxy实现的，通过Proxy对象代理数据，可以实现更高效的数据监听和更新，同时也可以监听到数组的变化。Vue2中使用的响应式原理是通过Object.defineProperty方法对数据进行劫持监听，从而实现数据的响应式更新。
2023-06-11 19:36:33
571
原创 6.8作业
Vue2 与vue3 最大的区别是vue2使用选项式api，对比vue3组合式api。在vue3中得setup()中得第二个参数content对象中就有emit，那么我们只要在setup()接收第二个参数中使用分解对象法取出emit就可以在setup方法中随意使用了。响应式原理就是指的是MVVM的设计模式的核心，即数据驱动页面，一旦数据改变，视图也会跟着改动。vue2是把数据放入data中，vue3就需要使用一个新的setup()方法。vue3的响应式原理是由es6中的Proxy所实现的 (数据代理)
2023-06-08 16:59:22
667
原创 6.5作业
我们只要将共用的功能以对象的方式传入 mixins选项中，当组件使用 mixins对象时所有mixins对象的选项都将被混入该组件本身的选项中来。在日常的开发中，我们经常会遇到在不同的组件中经常会需要用到一些相同或者相似的代码，这些代码的功能相对独立。1- xxx-enter-active:指定显示的transition。2- xxx-leave-active:指定隐藏的transition。mixin（混入），提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。1- vue动画的理解。
2023-06-05 19:53:31
367
原创 6.2作业
表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。 插槽默认内容 (1)子组件: 插槽默认内容
2023-06-02 19:44:37
498
原创 6.1作业
如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。可传递参数有布尔值false，直接写路径'/'或{path:'/'},回调函数。beforeRouteUpdate: 在当前路由改变，但是该组件被复用时调用，可以访问组件实例 this。beforeRouteEnter:因为当守卫执行前，组件实例还没被创建,不能获取组件实例的this。beforeRouteLeave:导航离开该组件的对应路由时调用，可以访问组件实例 this。
2023-06-01 20:00:47
513
原创 5.31作业
使用 Keep-alive 可以提高组件的性能，尤其是在组件状态比较复杂或需要较长时间计算的情况下，通过缓存组件避免重复渲染，提高应用的性能。在缓存的组件被激活时触发 activated 钩子函数，在缓存的组件被停用时触发 deactivated 钩子函数。$route.path 字符串，等于当前路由对象的路径，会被解析为绝对路径，如/home/ews。$route.params 对象，含路有种的动态片段和全匹配片段的键值对，不会拼接到路由。$route：获取路由信息 指当前路由实例跳转到的路由对象。
2023-06-01 08:06:57
482
原创 5.30作业
1、query 传参配置的是 path，而 params 传参配置的是 name，在 params 中配置 path 无效。Vue Router 是 Vue.js 官方的路由管理器，或者说是SPA（单页应用）的路径管理器。传统的页面应用，是用一些超链接来实现页面切换和跳转的。是路径之间的切换，也就是组件的切换。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。4、params 传参刷新会无效，但是 query 会保存传递过来的值，刷新不变;
2023-05-30 20:34:15
851
原创 复习vue
vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。vue 的核心是只关注视图层，并且还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
2023-05-26 17:04:14
1096
原创 5.25作业
3. 兄弟之间通信 通过一个事件总线（eventBus 其实是一个空实例），在A组件中通过$on绑定自定义事件 在B组件中通过$emit接收组件。beforeupdate：数据发生变化立即调用，此时data中数据是最新的，但页面上数据仍然是旧的(检测到数据更新时，但DOM更新前执行)。4.通过$parent /$children/$refs $parent指的是父组件实例 $children/$refs是子组件实例。updated：更新结束后执行，此时data中的值和页面上的值都是最新的。
2023-05-25 14:39:34
567
原创 5.24作业
actions:保存的触发mutations中方法的方法，可以理解为通过将mutations里面处里数据的方法变成可异步的处理数据的方法，简单的说就是异步操作数据。b.通过获取的引用，父组件可以直接访问该引用子组件的数据和方法，从而实现通信。mutations:存放的是动态修改Vuex的state中保存的数据状态的方法。.ref可以作为父子组件通信的一种方式，通信形式为父组件引用子组件。3.通过获取的原生标签的dom对象，我们可以使用。state 存放的是数据状态，不可以直接修改里面的数据。
2023-05-24 16:43:59
682
原创 高级第一个月考试题
vue的数据双向绑定 将MVVM作为数据绑定的入口，整合Observer，Compile和Watcher三者，通过Observer来监听自己的model的数据变化，通过Compile来解析编译模板指令（vue中是用来解析 {{}}），最终利用watcher搭起observer和Compile之间的通信桥梁，达到数据变化 —>视图更新；actions:保存的触发mutations中方法的方法，可以理解为通过将mutations里面处里数据的方法变成可异步的处理数据的方法，简单的说就是异步操作数据。
2023-05-23 20:09:55
224
原创 5.23作业
2.通过获取的引用，父组件可以直接访问该引用子组件的数据和方法，从而实现通信。1.每一个组件都有一个实例属性$refs，用于获取该组件下所有注册的引用信息。（1）数据（定义的data，props，computed等等）3. 存储在 vuex 中的数据是响应式的，当数据发生改变时，页面中的视图也会同步更新。1.在vue中，组件或原生标签上的ref属性用于注册引用信息。.ref可以作为父子组件通信的一种方式，通信形式为父组件引用子组件。3.通过获取的原生标签的dom对象，我们可以使用。（2）dom对象的方法。
2023-05-23 18:18:14
488
原创 vue组件通信
b-------引入pubsub import pubsub from 'Pubsub-js'd------在子元素中使用this.$emit('自定义事件的名字',传递的参数)调用。a-------下载pubsub(npm i pubsub-js)b------给子元素使用v-bind绑定属性。b------给子元素用v-on绑定自定义事件。c------子元素中使用props接收数据。c-------在mounted中使用。d-------在子元素中使用。d------在子元素中使用。
2023-05-22 20:16:00
514
原创 5.22作业
首先在使用子组件的标签上定义一个自定义事件 在子组件里通过 this.$emit 去调用这个自定义事件 $emit 方法的第一个参数是自定义事件的名字 第二个参数是就是子组件要传递给父组件的变量 最后在父组件接收使用就可以了。在⼦组件的标签上定义属性 ⼦组件通过props来进⾏接受,可以通过数组的⽅式进⾏接受,也可以通过对象的⽅式来进⾏接收,如果⽗组件没有传递属性,⼦组件可以default来设置默认值。3. 存储在 vuex 中的数据是响应式的，当数据发生改变时，页面中的视图也会同步更新。
2023-05-22 19:45:18
563
原创 npm指令
3.创建脚手架 npm install -g @vue/cli。5.下载pubsub文件 npm i pubsub-js。1.查看npm的版本 npm -v。2.读取package里面的配置单安装 npm i。
2023-05-21 20:46:35
30
原创 面试题：react、vue中的key有什么作用？（key的内部原理）
1. 虚拟DOM中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】, 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下： 2.对比规则： (1).旧虚拟DOM中找到了与新虚拟DOM相同的key： ①.若虚拟DOM中内容没变, 直接使用之前的真实D
2023-05-21 18:19:07
171
原创 vue数据代理
通过object.defineproperty()把对象中的所有属性添加到vm上。为每一个添加到vm对象上的属性,都指定一个set和get。在set和get内部去操作data中对应的属性。2.vue中数据代理的好处:更加方便的操作data中的数据。1.概念:通过vm对象来代理data对象中属性的操作。
2023-05-21 17:51:02
28
原创 5.21作业
另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。beforeupdate: 数据发生变化立即调用，此时 data 中数据是最新的，但页面上数据仍然是旧的(检测到数据更新时，但 DOM 更新前执行)。i.V-on:click给标签绑定函数，可以缩写为@，例如绑定一个点击函数 函数必须写在methods 里面。updated: 更新结束后执行，此时 data 中的值和页面上的值都是最新的。4.Vue 中创建的指令有哪些，分别有什么作用 (至少写出 10个)
2023-05-20 19:31:15
36
原创 5.19作业
1- 数据todos 定义在App中 我们要在app中执行数据的删除 绑定一个监听事件。// this.$emit("自定义事件名",传参【此处可以省略】)父组件 v-bind：del = “methods中定义的del方法”@del="del" @自定义事件名 = "事件处理函数"父组件 v-bind：属性名 = “data的属性”2- $off --- 关闭 清除。1- $on --- 绑定事件。3- $emit --- 触发。参数1：触发的事件名。使用：this.del()
2023-05-19 20:09:22
32
原创 5.18作业
created:实在组件实例一旦创建完成的时候立刻调用,这时候页面的dom节点并未完成mounted:是在页面dom节点渲染完毕之后立刻执行,触发时机上created要比mounted创建的更早两者相同点:都能拿到实力对象的属性和方法讨论这个问题本质就是触发的时机,放在mounted请求有可能导致页面闪动(页面dom结构已经生成),但如果在页面加载前完成这不会,出现此情况建议:放在created生命周期当中。
2023-05-18 20:29:15
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人