- 博客(28)
- 收藏
- 关注
原创 React练习1
useState返回一个state,以及更新state的函数,在初始渲染期间,返回的状态 (state) 与传入的第一个参数 (initialState) 值相同。(因为 Error Boundaries 实现的本质是触发更新,但是事件处理函数不在render或者commit阶段,所以无法进行捕获,如果你需要在事件处理器内部捕获错误,可以使用原生的 try / catch 语句 )useEffect第一个参数为副作用函数, 第二个参数是依赖项数组,副作用函数的依赖项,只有依赖项发生变化,才会重新执行函数。.
2022-08-07 13:33:23
248
1
原创 vue练习1
transition:为组件的载入和切换提供动画效果transition-group:作为多个元素/组件的过渡效果keep-alive:缓存。
2022-08-07 01:19:44
133
原创 JavaScript练习1
call和apply使用方法基本相同,唯一不同之处就是它们的参数规则:call方法接受一个参数列表,而apply方法接受一个包含多个参数的数组。首先,前面+是一元运算符,相当于我们说的正负,无运算效果,但是可以将字符串等转为number类型。此题中017其实是八进制,故而是是Array(15)。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。Math.round()执行标准舍入,即它总是将数值四舍五入为最接近的整数(这也是我们在数学课上学到的舍入规则)。...
2022-08-06 23:24:10
189
原创 CSS练习1
outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 注释:轮廓线不会占据空间,也不一定是矩形。display:none和visibility:hidden这两者的功能都是隐藏某个元素。不同的是 ,display属性设定为“none”的元素将不产生任何的框(Box),也就是说,元素对布局没有影响,浏览器将不显示该元素,包括其后代元素。更不会占位。而如果设定“visibility : hidden”则会生成元素框,只是元素“不可视”,而其他非视觉的属性都将生效,例如wi
2022-08-06 16:56:03
153
原创 HTML练习2
progress 元素中显示指示任务完成进度的指示器,该指示器通常显示为进度栏。它还包括所有的全局属性,包括 max(规定任务一共需要多少工作)、value(规定已经完成多少任务)
2022-08-06 16:12:20
45
原创 HTML练习1
标签定义 标签外的内容,aside 的内容应该与附近的内容相关article代表文档,页面或应用程序中独立的,完整的,可以独自被外部引用的内容,也可以嵌套使用。可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或者独立的插件,或其他任何独立的内容。...
2022-08-06 16:08:05
84
原创 1、创建vue脚手架
win+r打开命令行窗口,配置淘宝镜像全局安装@vue/cli关闭窗口,并重新打开一个命令行窗口,输入vue[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lGkLrDtB-1658293597772)(C\Users\22253\Desktop\笔记\vue\cli.png)]切换到要创建项目的目录,然后使用命令创建项目[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IJPqtHU4-1658293597774)(C。............
2022-07-20 13:07:03
99
原创 21_生命周期
常用的生命周期钩子发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。关于销毁Vue实例1、销毁后借助Vue开发者工具看不到任何信息。2、销毁后自定义事件会失效,但原生DOM事件依然有效。3、一般不会在beforeDestroy操作数据,因为即便操作数据,也不会再触发更新流程了。欢迎学习Vue...
2022-07-20 13:06:24
51
原创 20_自定义指令
需求2定义一个v-fbind指令,和v-bind功能类似,但可以让其所绑定的input元素默认获取焦点。Vue.directive(指令名,配置对象)或Vue.directive(指令名,回调函数)需求1定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。(2).inserted指令所在元素被插入页面时调用。(3).update指令所在模板结构被重新解析时调用。(1).bind指令与元素成功绑定时调用。1.指令定义时不加v-,但使用时要加v-;...
2022-07-20 13:05:42
56
原创 19_内置指令
2.与插值语法的区别v-text会替换掉节点中的内容,{{xx}}则不会。(2).一定要在可信的内容上使用v-html,永不要用在用户提交的内容上!2.以后数据的改变不会引起v-once所在结构的更新,可以用于优化性能。2.可利用它跳过没有使用指令语法、没有使用插值语法的节点,会加快编译。(1).v-html会替换掉节点中所有的内容,{{xx}}则不会。1.v-once所在节点在初次动态渲染后,就视为静态内容了。3.严重注意v-html有安全性问题!...
2022-07-20 13:05:12
61
原创 18_过滤器
(1)注册过滤器Vue.filter(name,callback)或newVue{filters{}}(2)使用过滤器{{xxx|过滤器名}}或v-bind属性=“xxx|过滤器名”Github地址https//github.com/iamkun/dayjs。定义对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)。BootCDN链接https//www.bootcdn.cn/4.并没有改变原本的数据,是产生新的对应的数据。...
2022-07-18 12:06:07
57
原创 17_收集表单数据
(1)没有配置input的value属性,那么收集的就是checked(勾选or未勾选,是布尔值)v-model的初始值是非数组,那么收集的就是checked(勾选or未勾选,是布尔值)1.若,则v-model收集的是value值,用户输入的就是value值。2.若,则v-model收集的是value值,且要给标签配置value值。v-model的初始值是数组,那么收集的的就是value组成的数组。number输入字符串转为有效的数字。...
2022-07-18 11:58:19
42
原创 16_Vue数据监测
(1)使用这些APIpush()、pop()、shift()、unshift()、splice()、sort()、reverse()特别注意Vue.set()和vm.$set()不能给vm或vm的根数据对象添加属性。通过setter实现监视,且要在newVue时就传入要监测的数据。(1)对象中后追加的属性,Vue默认不做响应式处理。(2)Vue.set()或vm.$set()(1)调用原生对应的方法对数组进行更新。1.vue会监视data中所有层次的数据。...
2022-07-18 11:57:41
81
原创 15_key作用与原理
(2)如果不存在对数据的逆序添加、逆序删除等破坏顺序操作,仅用于渲染列表用于展示,使用index作为key是没有问题的。②.若虚拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM。key是虚拟DOM对象的标识,当状态中的数据发生变化时,vue会根据【新数据】生成【新的虚拟DOM】(2)旧虚拟DOM中未找到与新虚拟DOM相同的key创建新的真实DOM,随后渲染到到页面。面试题react、vue中的key有什么作用?...
2022-07-17 16:37:32
74
原创 14_基本列表
2.语法v-for=“(item,index)inxxx”key=“yyy”3.可遍历数组、对象、字符串、指定次数。1.用于展示列表数据。
2022-07-17 16:36:50
50
原创 13_条件渲染
注意v-if可以和v-else-if、v-else一起使用,但要求结构不能被打断。3.备注使用v-if时,元素可能无法获取到,而使用v-show一定可以获取到。特点不展示的DOM元素未被移除,仅仅是使用样式隐藏掉。特点不展示的DOM原始直接被移除。写法v-show=“xxx”适用于切换频率较低的场景。适用于切换频率较高的场景。...
2022-07-17 16:36:13
48
原创 12_绑定样式
(3)数组写法适用于要绑定多个样式,个数确定,名字也确定,但不确定用不用。(1)style="{fontSizexxx}"其中xxx是动态值。(2)对象写法适用于要绑定多个样式,个数不确定,名字也不确定。写法class=“xxx”xxx可以是字符串、对象、数组。(2)style="[a,b]"其中a、b是样式对象。(1)字符串写法适用于类名不确定,要动态获取。1.class样式。2.style样式。...
2022-07-17 16:33:23
46
原创 11_天气案例-监视属性
(2)所有不被Vue管理的函数(定时器回调函数、ajax的回调函数等、promise的回调函数),最好写成箭头函数,这样this的指向才是vm或组件实例对象。(2)watch能完成的功能,computed不一定能完成,例如watch可以进行异步操作。(1)所有被Vue管理的函数,最好写成普通函数,这样this指向才是vm或组件实例对象。(1)Vue自身可以监测对象内部值的改变,但Vue提供的watch默认不可以。(1)Vue中的watch默认不监测对象内部值的改变(一层)...
2022-07-17 16:32:49
195
原创 10_姓名案例-计算属性
(2)如果计算属性要被修改,那必须写set函数响应修改,且set中要引起计算时依赖的数据发生改变。当有人读取fullName时,get就会被调用,且返回值就作为fullName的值。5.优势与methods实现相比,内部有缓存机制(备用),效率更高,调试方便。(1)计算属性最终会出现在vm上,直接读取使用即可。1.定义要用的属性不存在,要通过已有属性计算得来。(2)当依赖的数据发生改变时会被再次调用。3.get函数什么时候执行?(1)初次读取时会执行一次。...
2022-07-17 16:31:43
50
原创 09_键盘事件
inputtype="text"placeholder="按下回车提示输入"@keydown.huiche="showInfo">Vue.config.keyCodes.huiche=13//定义了一个别名按键。4.vue.config.keyCodes自定义键名=键码,可以去定制按键别名。配合keyup使用按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。欢迎来到{{name}}学习换行=>tab(特殊,必须配合keydown去使用)...
2022-07-17 16:28:51
54
原创 08_事件修饰符
Vue中的事件修饰符:1.prevent:阻止默认事件(常用)2.stop:阻止事件冒泡(常用)3.once:事件只触发一次(常用)4.capture:使用事件的捕获模式
2022-07-17 16:27:54
49
原创 07_事件的基本使用
事件的基本使用:1.使用v-on:xxx或@xxx绑定事件,其中xxx是事件名2.事件的回调需要配置在methods对象中,最终会在vm上3.methods中配置的函数,不要用箭头函数,否则this就不是vm了4.methods中配置的函数,都是被vue所管理的函数,this的指向是vm或组件实例对象5.@click="demo"和@click="demo($event)"效果一致,但后者可以传参...
2022-07-13 02:07:09
52
原创 06_Vue中的数据代理
1.vue中的数据代理:通过vm对象来代理data对象中属性的操作2.Vue中数据代理的好处:更加方便的操作data中的数据3.基本原理:通过Object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加到vm上的属性都指定一个getter/setter。在getter/setter内部去操作(读/写)data中对应的属性。...
2022-07-13 02:06:02
123
原创 04_理解MVVM
MVVM模型1.M:模型(Model):data中的数据2.V:视图(view):模板代码3.VM:视图模型(viewModel):vue实例观察发现:1.data中所有的属性,最后都出现在vm身上2.vm身上所有的属性及vuew原型上所有属性,在vue模板中都可以直接使用...
2022-07-12 16:37:41
174
原创 03_el与data的两种写法
data与el的两种写法el有两种写法:1.new Vue时候配置el属性2.先创建vue实例,随后再通过vm.$mount('root')指定el的值data有两种写法:1.对象式2.函数式目前哪种写法都可以,学习到组件时,data必须用函数式注意:由vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不再是vue实例了......
2022-07-12 16:32:38
66
原创 02_数据绑定
Vue中有2种数据绑定的方式:单向数据绑定(v-bind):数据只能从data流向页面双向数据绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data双向绑定一般都应用在表当元素上(如:input,select等)v-model:value可以简写为v-model,因为v-model默认收集的就是value值]...
2022-07-12 16:31:46
171
原创 01_模板语法
Vue模板语法有2大类:插值语法:功能:用于解析标签体内容写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性指令语法:功能:用于解析标签(包括:标签属性、标签体属性、绑定事件.......)举例:v-bind:href="xxx"或简写为:href="xxx",xxx同样要写js表达式,且可以直接读取到data中的所有属性...
2022-07-11 14:42:03
70
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人