09 2021 档案
摘要：一、类 只读属性可以在构造器里赋值，但是赋值之后就不可以修改了； 可以使用访问器来访问私有private的属性；这个比java语言要自己写setNmae（）和getName（）方法要方便一些，但是都差不多； 二、接口 接口和type都可以实现对象类型的定义， 但是interface可以对同一个名字重
阅读全文
摘要：一、ts介绍 注意类型注释和类型推导的区别： 类型注释就是我们给js的变量名加类型检测的写法，它的固定写法就是这样； 类型推导是ts会默认推导然后加一个类型检测； 二、js和ts都有的数据类型 js和ts都有的数据类型： 1.number类型 2.boolean类型 3.string类型 4.arr
阅读全文
摘要：具体如何做到的看课程老师介绍吧，涉及到微任务队列和宏任务队列的事； 页面刷新之后，浏览器重新请求的这个url可能是找不到资源的（因为以前的这个url是经过很多操作才生成的），就会返回404的错误，这个时候需要使用historyApiFallback返回一个index.html，让页面不至于跳到404
阅读全文
摘要：一、vuex就是状态管理 vuex五大核心： state getters mutations actions modules state即状态，其实我们的数据就是一种状态； 二、vuex的使用 三、单一状态树和获取vuex的状态 使用单一状态树，即创建一个state实例，不要创建多个state； 三
阅读全文
摘要：一、路由是什么 使用步骤:1.配置路由映射表route 2.配置路由对象router，里面包括了route和history模式 3.vue加载插件 4.使用《route-link》标签或编程式路由this.$router.push()5.配置《router-view》占位 路由主要做数据转发的工作；
阅读全文
摘要：一、vue架构简介 我们创造的vnode，本质上是一个js对象，所以操作vnode比操作真实dom的lelement元素，要简单很多很多； 通过render函数将template转化为vnode（本质是一个js对象），然后通过渲染器将将vnode转化为真实元素 二、三大系统 第一部分是compile
阅读全文
摘要：一、生命周期钩子 hooks： hooks的出现也就解释了为什么要从optionApi转向composiApi，因为项目到了我们的组件逻辑太多了 ，可能组件模板还是那个模板已经很完善了，但是组件逻辑太长太复杂，而且每个组件选项松散的过于厉害，某一个功能点我们需要在不同组件选项中来回加工，对代码的可读
阅读全文
摘要：一、CompositionAPI介绍 一个setup就是本组件的一个功能点； 一个组件可能也是一大堆功能的集合体；组件的作用在于功能的分割性和可复用性； 但是功能分割到这个组件后，可能这个功能还是有很多小功能，这个时候每个小功能都是一个setup； setup 二、响应式问题 我们现在使用compA
阅读全文
摘要：一、动画的介绍 vue3内置了一些动画的库，所以我们需要进行cdn或npm instal安装了； 可以使用组件《transition》直接使用； 1，transition实现效果 2.animation效果 3.过度的模式 使用《triansition》包裹的两个组件，如果要实现切换效果（比如v-i
阅读全文
摘要：一、动态组件 所谓的动态组件应该和keeplive一样，都是vue的内置组件； component标签的is属性可以写哪些东西？ 第一，全局组件，比如通过vue.createApp().component（）函数注册过的全局组件； 第二，在本组件实例中注册的局部组件，即在本组件实例的componen
阅读全文
摘要：一、插槽用来干什么？ 可以用props来转递数据， 但是传递html标签这种结构怎么做？使用插槽slot； slot可以让父组件来决定，这一块到底放什么标签、内容、元素； 如果有多个插槽，并且灭有具名插槽和动态插槽名，如下图所以，那么每个插槽都会被插入父组件的内容，所以下图会有九个内容； 2.具名插
阅读全文
摘要：一、父传子 1.基于props的attribute 当是一个基本数据类型时，随便；初始化多个组件实例时，虽然基本数据类型的值相同但是地址都初始化了不同，只是值进行了拷贝，所以修改本实例数据地址的值不会影响其他实例的值； 当是一个引入数据类型时，需要返回一个函数，不然会造成多个组件实例修改同一份数据的
阅读全文
摘要：一、vue的不同版本 第一个：在浏览器中或者说浏览器可以识别的index.html中，如果要通过<sciript src=xxx>的方式引入，应该选择此版本 （.runtime）(.prod)都是可选项，如果选了（。runtime）表示只需要运行时的vue版本，不需要runtime+complier
阅读全文
摘要：一、组件 1、什么是组件化？ 将一个大的问题分解成一个个小的功能模块，这一个个功能模块就是组件话开发； 优点：利于大问题的拆分解决；便于后期维护； 2、全局组件 3、局部组件 4、singe-file-components文件 。vue文件浏览器无法识别，所以需要使用webpack构建工具将.vue
阅读全文
摘要：一、计算属性 1.为什么要用计算属性？ 原因：对data里的数据进行复杂处理；计算属性，计算计算，就是可以对data里的属性进行表达式计算，并且可以是复杂表达式，并且可以复用在很多{{}}中； 而且计算属性有缓存，复用时会更快； 计算属性也有响应式； 2.计算属性的setter和getter 二、侦
阅读全文
摘要：一、介绍 vue3创建一个vue实例不再使用new Vue了，而是使用vue.createApp(对象option).mount(); 二、简单语法 1.mustanche语法和v-text语法： 可以绑定data里的属性，可以使用data里的属性的表达式，可以使用methods里的函数，还可以使用
阅读全文
摘要：一. 元素分类 二. dispaly的四种属性 三. visblity属性 四. overflow属性 控制内容溢出时的行为 五. 元素的嵌套关系
阅读全文
摘要：注意width都是块级元素的内容所占的宽度, 块级元素本身的宽度是独占父元素的宽度, 一般来说如果父元素是body标签, 那就是独占一行; 注意height是内容的高度, 块级元素本身没有高度, 能展现的高度也是内容撑起来的高度; 注意padding是内边距,即内容距离边框的距离; 一. 内容属性
阅读全文
摘要：一、页面结构 页面的body中大概是这几个部分，通过写这几个部分标签，可以让网页的代码层次更加清楚 二、iframe内联框架 标签 使用iframe标签，可以把外部的网页，嵌套在本网页中； https://www.simcf.cc/9910.html <iframe src='' name='' w
阅读全文
摘要：一、html基本的结构标签 二、html的更多结构标签 1、简单标签： 2、图像、音频、视频标签： 3、超链接标签： 超链接标签之页面链接：可以点击文字跳转，甚至可以点击图片跳转 超链接标签之锚链接：设置一个锚，可以跳转到锚所在位置，最常见的就是“回到顶部”功能； 在网页顶部写一个锚标记：<a na
阅读全文
摘要：一.列表 1.无序列表 ul>li * n 2.有序列表 ol>li * n 3.定义列表 dl>(dt+dd)*n 二. 表格 三.表单 input的outline样式, 将outline设置为none, 则选中时不会有外面的蓝色小边框 input的label样式,选中文字, 框也会被聚集; fo
阅读全文
摘要：一. 伪类 伪类也是一种选择器; 只不过它的连接符是固定的冒号:, 然后后面的条件也不可以自定义了, 成了它们的固定单词, 比如target, disabled, hover; 二.伪类具体介绍 1.目标伪类 主要用在锚点中 :target{} 2.元素状态伪类 主要是获取disabled或者ena
阅读全文
摘要：一. 文本 文本的属性基本都是以text开头的就letter-pacing和word-spacing比较特殊; text-decoration letter-spacing: 字母之间的间距 word-spacing：单词之间的间距 text-indent: 设置首字母缩进 text-align 二
阅读全文
摘要：一、介绍 外部样式表如下图所示: 二、选择器 一个元素是由多个类的，由空格分开； css中class的命名可以用中划线、下划线、驼峰标识分开； 三、颜色设置: 关键字：red、green、blue、yellow等 rgba（）： rgb的十六进制：
阅读全文
摘要：首先我们git clone只会得到最新版本，这个可能是开发板，不稳定，那我们应该怎么做呢？ 找到对应的tag，然后点击所有的commits， 然后点击id号， 然后在git环境中执行git checkout id号即可回退到对应版本 https://blog.csdn.net/w946612410/
阅读全文
摘要：vue是如何实现响应式的？ 首先通过object.defineProperty方法获取实时改变的值； 然后通过订阅者模式将值推送给所有用到此值的属性上； 主要是发布者订阅者模式； 1是通过defineProperty方法可以实时知道属性值的改变， 2发布者通过调用notify方法，notify方法又
阅读全文