- 博客(11)
- 收藏
- 关注
RSS订阅原创 0411_Vue_D5
ES6相关特性箭头函数中 this 总是绑定总是指向对象自身=往外找在非严格模式下，普通函数的 this 指向 window 对象function Person(){ this.age = 0; setInterval(() => { // |this| 指向 person 对象 this.age++; }, 1000);} person = new Person();ES6 允许声明在对象字面量时使用简写语法，来初始化属性变量和函数的定义方法
2022-04-11 22:52:19
524
原创 0406_vue学习D5_
1.16. 内置指令之前学过的指令：v-bind 单向绑定解析表达式，可简写为:v-model 双向数据绑定v-for 遍历数组 / 对象 / 字符串v-on 绑定事件监听，可简写为@v-show 条件渲染 (动态控制节点是否展示)v-if 条件渲染（动态控制节点是否存存在）v-else-if 条件渲染（动态控制节点是否存存在）v-else 条件渲染（动态控制节点是否存存在）1.16.1. v-text 指令v-text指令作用：向其所在的节点中渲染文本内容与插值语法的区别
2022-04-06 22:34:34
1033
原创 0404_Vue_D4：
点击账号，也能捕捉到v-model双向绑定单选/多选，必须配value【多选框】必须配成数组，将v-model对应的配成数组1.14. 收集表单数据收集表单数据●若<input type="text"/>，则v-model收集的是value值，用户输入的内容就是value值●若<input type="radio"/>，则v-model收集的是value值，且要给标签配置value属性●若<input type="checkbo...
2022-04-04 22:59:59
1107
原创 0401_Vue_D4_列表渲染、数据劫持
v-for指令●用于展示列表数据●语法：<li v-for="(item, index) of items" :key="index">，这里key可以是index，更好的是遍历对象的唯一标识●可遍历：数组、对象、字符串（用的少）、指定次数（用的少）<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-
2022-04-03 23:11:22
1169
原创 0402_ Vue_D3：计算、监听、if-else
computed计算属性1定义：要用的属性不存在，需要通过已有属性计算得来2原理：底层借助了Objcet.defineproperty()方法提供的getter和setter3get函数什么时候执行？a初次读取时会执行一次b当依赖的数据发生改变时会被再次调用4优势：与methods实现相比，内部有缓存机制（复用），效率更高，调试方便5备注a计算属性最终会出现在vm上，直接读取使用即可b如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生改变c如果.
2022-04-03 12:57:59
523
原创 0401_Vue_D2_数据代理+事件处理
get()和set（）函数 //当有人读取person的age属性时，get函数(getter)就会被调用，且返回值就是age 的值 get (){ console.log('有人读取age属性了') return number }, //当有人修改person的age属性时，set函数就会被调用，且就会收到修改的具体值 set(value){ console.log('有个人修改了age属性，且值是',value) ...
2022-04-01 19:19:17
154
原创 0330_Vue_d1
vue是什么？？vue特点1.组件化2、声明书编码3、虚拟dom在 Node.js 环境中运行 ES6Node.js 是运行在服务端的 JavaScript，用这个环境搭建项目，用于前端webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundler) 。vue对象创建axios配置对象axios官方文档配置说明本文主要针对GitHub上的axios的...
2022-03-31 21:51:33
885
原创 d3_0330_打造小米商城官网 Html+css+JS练手项目实战
行内元素a不能包含块级元素p，否则会失效.download >a{ display: block; //转换成块级元素}绘制一个三角形 (不知道为什么，在模块里，功能没实现)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>...
2022-03-31 11:08:20
287
原创 小米商城实战0327——d1导航栏
知识点padding（填充，上下左右的内边距） margin（外边距） 行内元素margin和padding上下不生效，但左右生效 margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。 hover选择器用于选择鼠标指针浮动在上面的元素.header a:hover{ //鼠标悬停变白 color: #fff;}...
2022-03-27 22:37:21
546
原创 js学习笔记d1【P1-P7】
视频【【尚硅谷】JavaScript基础&实战丨JS入门到精通全套完整版_哔哩哔哩_bilibili】【尚硅谷】JavaScript基础&实战丨JS入门到精通全套完整版P01【JS简介】JavaScript网景公司JS最初用于网页的前端验证（没有向服务器反应。优点：节省时间），到后期不止于此，发展到动态交互，服务器验证js特点：解释语言（不用编译）、面向对象 console.log("向控制台输出内容");P02js代码需要编写到...
2022-03-26 19:41:40
1274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人