1.复习内容
2.灵感代办
3.学习内容
-
Vue框架
-
三大前端框架
- angular.js react.js vue.js
-
常用
- el = element 元素的意思
- data = {} 里面存放数据
- methods = {} 里面存放方法
- 方法中获取获取data变量 用this.变量名
-
JavaScript 箭头函数
- 使用:()=>{}
-
Vue更改变量语法(django和vue的语法冲突)
- delimiters:[‘[[’,’]]’]
-
Vue的生命周期
- Vue声明周期常用钩子
- 对象实例化之前,之后
- beforeCreate
- created
- 用于标签之前,之后
- beforeMount
- mounted
- 销毁之前,之后
- beforeDestroy
- destroyed
- 数据更新之前,之后
- beforeUpdate
- updated
-
data
- data就是数据
- data一般使用发胡子语法(双大括号)
-
v-bind
- 数据绑定
- v-bind:href=‘url’ 将href和变量url绑定, url内容改变 url内容也会改变
- 简写 :href=’url’
-
v-if v-for 流程控制
- v-if命令(开头都是 v -)
- v-if v-else v-else-if v-show
- 语法:a v-if=“data == 1”
- if esle-if else语句一定要挨着,不挨着就错误了
- v-show 和 v-if
- 如果变量为真,结果一样,变量为假
- v-show 元素在 只不过是display:none
- v-if 元素就不存在
- v-for循环
- 语法 v-for=“item in items”
- 支持字典(对象),列表,拆包索引
- 列表拆包(item,index),字典拆包(value,key,index)
- 对象遍历属性,就用item.prop来电泳
-
v-on 动作,方法
- 在methods中定义方法
- v-on:click = “方法名”
- 简写@href=“方法名”
-
v-model表单数据绑定
- v-model指令的本质是:
- 它负责监听用户的输入事件,从而更新数据,
- v-model会忽略所有表单元素的value、checked、selected特性的初始值,
- 将vue实例中的数据作为数据来源。 然后当输入事件发生时,实时更新vue实例中的数据。
- 双向绑定数据,两边都可以修改,同步
- 单行文本框,多行文本看,多选框,单选框,下拉框
- v-model 和数据绑定,可以双向更改
- 多个数据,使用数组[]
-
Vue axios请求(Ajax请求)
- get请求
- post请求
-
Vue自定义组件(元素)
- 语法:Vue.compoent(“组件名”,{props:[属性],template:模板})
4.扩展延伸知识
-
javascipt:; 语句
- # 和JavaScript :void; 作用也一样
- 执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转
-
Ajax 默认传输的是json数据
- 在django框架中,需要在request.body中获取json字符串
-
JavaScript this的指向
-
1.全局环境(严格非严格模式都统一)
- 只要在函数体外部 ,this都指向全局对象
-
2.函数(运行内)环境 “user strict”
- 严格模式下 this是undefined
- 非严格模式下 this 指向window
-
3.传递this函数可以使用call和apply
- call和apply 继承Function.prototype.call/apply
- 语法:obj.call(repleacObj,parm1,parm2)
- this被替换为call第一个参数对象
- 传递的如果不是对象,用toObject()转换,比如6,Number(6)
-
4.作为对象的方法
- 作为对象里的方法被调用时,它们的
this
是调用该函数的对象。
- 通俗说,谁调用方法,方法的this就是谁(a.b.c(),c中的this就是a.b)
-
5.原型链中的this
- 和作为对象的方法相同,谁调用,this就在谁身上
-
6.getter和setter中的this
- this绑定在要设置获取属性的对象上
- a.get(a) this就指向a
-
7.作为构造函数
- 没有return 默认返回this,this指向新生成的对象(new Date() 就是this)
- 有返回一个对象{},则this指向这个对象
-
8.DOM事件处理函数
- 谁触发了实践,this就指向谁
- 有的浏览器没遵循规定
-
9.作为内联事件处理函数(alert(this.tag))
- 默认情况指向监听器所在DOM元素
- 有外层代码function(){return this} 则指向window或globe
-
Javascript bind方法
- bind 继承 Function.prototype.bind()
- 语法:函数.bind(对象)
- 调用bind方法,返回一个把this绑定到该对象或者函数的对象
-
JavaScript箭头函数
- 在箭头函数中,this与封闭词法环境({}内或者块内)的this保持一致
5.知识内容个人梳理
6.今天都复习了之前的什么内容
3.学习内容
-
Vue框架
-
三大前端框架
- angular.js react.js vue.js
-
常用
- el = element 元素的意思
- data = {} 里面存放数据
- methods = {} 里面存放方法
- 方法中获取获取data变量 用this.变量名
-
JavaScript 箭头函数
- 使用:()=>{}
-
Vue更改变量语法(django和vue的语法冲突)
- delimiters:[‘[[’,’]]’]
-
Vue的生命周期
- Vue声明周期常用钩子
- 对象实例化之前,之后
- beforeCreate
- created
- 用于标签之前,之后
- beforeMount
- mounted
- 销毁之前,之后
- beforeDestroy
- destroyed
- 数据更新之前,之后
- beforeUpdate
- updated
-
data
- data就是数据
- data一般使用发胡子语法(双大括号)
-
v-bind
- 数据绑定
- v-bind:href=‘url’ 将href和变量url绑定, url内容改变 url内容也会改变
- 简写 :href=’url’
-
v-if v-for 流程控制
- v-if命令(开头都是 v -)
- v-if v-else v-else-if v-show
- 语法:a v-if=“data == 1”
- if esle-if else语句一定要挨着,不挨着就错误了
- v-show 和 v-if
- 如果变量为真,结果一样,变量为假
- v-show 元素在 只不过是display:none
- v-if 元素就不存在
- v-for循环
- 语法 v-for=“item in items”
- 支持字典(对象),列表,拆包索引
- 列表拆包(item,index),字典拆包(value,key,index)
- 对象遍历属性,就用item.prop来电泳
-
v-on 动作,方法
- 在methods中定义方法
- v-on:click = “方法名”
- 简写@href=“方法名”
-
v-model表单数据绑定
- v-model指令的本质是:
- 它负责监听用户的输入事件,从而更新数据,
- v-model会忽略所有表单元素的value、checked、selected特性的初始值,
- 将vue实例中的数据作为数据来源。 然后当输入事件发生时,实时更新vue实例中的数据。
- 双向绑定数据,两边都可以修改,同步
- 单行文本框,多行文本看,多选框,单选框,下拉框
- v-model 和数据绑定,可以双向更改
- 多个数据,使用数组[]
-
Vue axios请求(Ajax请求)
- get请求
- post请求
-
Vue自定义组件(元素)
- 语法:Vue.compoent(“组件名”,{props:[属性],template:模板})
4.扩展延伸知识
-
javascipt:; 语句
- # 和JavaScript :void; 作用也一样
- 执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转
-
Ajax 默认传输的是json数据
- 在django框架中,需要在request.body中获取json字符串
-
JavaScript this的指向
-
1.全局环境(严格非严格模式都统一)
- 只要在函数体外部 ,this都指向全局对象
-
2.函数(运行内)环境 “user strict”
- 严格模式下 this是undefined
- 非严格模式下 this 指向window
-
3.传递this函数可以使用call和apply
- call和apply 继承Function.prototype.call/apply
- 语法:obj.call(repleacObj,parm1,parm2)
- this被替换为call第一个参数对象
- 传递的如果不是对象,用toObject()转换,比如6,Number(6)
-
4.作为对象的方法
- 作为对象里的方法被调用时,它们的
this
是调用该函数的对象。
- 通俗说,谁调用方法,方法的this就是谁(a.b.c(),c中的this就是a.b)
-
5.原型链中的this
- 和作为对象的方法相同,谁调用,this就在谁身上
-
6.getter和setter中的this
- this绑定在要设置获取属性的对象上
- a.get(a) this就指向a
-
7.作为构造函数
- 没有return 默认返回this,this指向新生成的对象(new Date() 就是this)
- 有返回一个对象{},则this指向这个对象
-
8.DOM事件处理函数
- 谁触发了实践,this就指向谁
- 有的浏览器没遵循规定
-
9.作为内联事件处理函数(alert(this.tag))
- 默认情况指向监听器所在DOM元素
- 有外层代码function(){return this} 则指向window或globe
-
Javascript bind方法
- bind 继承 Function.prototype.bind()
- 语法:函数.bind(对象)
- 调用bind方法,返回一个把this绑定到该对象或者函数的对象
-
JavaScript箭头函数
- 在箭头函数中,this与封闭词法环境({}内或者块内)的this保持一致
5.知识内容个人梳理
6.今天都复习了之前的什么内容
Vue框架
-
三大前端框架
- angular.js react.js vue.js
-
常用
- el = element 元素的意思
- data = {} 里面存放数据
- methods = {} 里面存放方法
- 方法中获取获取data变量 用this.变量名
-
JavaScript 箭头函数
- 使用:()=>{}
-
Vue更改变量语法(django和vue的语法冲突)
- delimiters:[‘[[’,’]]’]
-
Vue的生命周期
- Vue声明周期常用钩子
- 对象实例化之前,之后
- beforeCreate
- created
- 用于标签之前,之后
- beforeMount
- mounted
- 销毁之前,之后
- beforeDestroy
- destroyed
- 数据更新之前,之后
- beforeUpdate
- updated
- 对象实例化之前,之后
- Vue声明周期常用钩子
-
data
- data就是数据
- data一般使用发胡子语法(双大括号)
-
v-bind
- 数据绑定
- v-bind:href=‘url’ 将href和变量url绑定, url内容改变 url内容也会改变
- 简写 :href=’url’
-
v-if v-for 流程控制
- v-if命令(开头都是 v -)
- v-if v-else v-else-if v-show
- 语法:a v-if=“data == 1”
- if esle-if else语句一定要挨着,不挨着就错误了
- v-show 和 v-if
- 如果变量为真,结果一样,变量为假
- v-show 元素在 只不过是display:none
- v-if 元素就不存在
- v-for循环
- 语法 v-for=“item in items”
- 支持字典(对象),列表,拆包索引
- 列表拆包(item,index),字典拆包(value,key,index)
- 对象遍历属性,就用item.prop来电泳
- v-if命令(开头都是 v -)
-
v-on 动作,方法
- 在methods中定义方法
- v-on:click = “方法名”
- 简写@href=“方法名”
-
v-model表单数据绑定
- v-model指令的本质是:
- 它负责监听用户的输入事件,从而更新数据,
- v-model会忽略所有表单元素的value、checked、selected特性的初始值,
- 将vue实例中的数据作为数据来源。 然后当输入事件发生时,实时更新vue实例中的数据。
- 双向绑定数据,两边都可以修改,同步
- 单行文本框,多行文本看,多选框,单选框,下拉框
- v-model 和数据绑定,可以双向更改
- 多个数据,使用数组[]
Vue axios请求(Ajax请求)
- get请求
- post请求
Vue自定义组件(元素)
- 语法:Vue.compoent(“组件名”,{props:[属性],template:模板})
-
javascipt:; 语句
- # 和JavaScript :void; 作用也一样
- 执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转
-
Ajax 默认传输的是json数据
- 在django框架中,需要在request.body中获取json字符串
-
JavaScript this的指向
-
1.全局环境(严格非严格模式都统一)
- 只要在函数体外部 ,this都指向全局对象
-
2.函数(运行内)环境 “user strict”
- 严格模式下 this是undefined
- 非严格模式下 this 指向window
-
3.传递this函数可以使用call和apply
- call和apply 继承Function.prototype.call/apply
- 语法:obj.call(repleacObj,parm1,parm2)
- this被替换为call第一个参数对象
- 传递的如果不是对象,用toObject()转换,比如6,Number(6)
-
4.作为对象的方法
- 作为对象里的方法被调用时,它们的
this
是调用该函数的对象。 - 通俗说,谁调用方法,方法的this就是谁(a.b.c(),c中的this就是a.b)
- 作为对象里的方法被调用时,它们的
-
5.原型链中的this
- 和作为对象的方法相同,谁调用,this就在谁身上
-
6.getter和setter中的this
- this绑定在要设置获取属性的对象上
- a.get(a) this就指向a
-
7.作为构造函数
- 没有return 默认返回this,this指向新生成的对象(new Date() 就是this)
- 有返回一个对象{},则this指向这个对象
-
8.DOM事件处理函数
- 谁触发了实践,this就指向谁
- 有的浏览器没遵循规定
-
9.作为内联事件处理函数(alert(this.tag))
- 默认情况指向监听器所在DOM元素
- 有外层代码function(){return this} 则指向window或globe
-
-
Javascript bind方法
- bind 继承 Function.prototype.bind()
- 语法:函数.bind(对象)
- 调用bind方法,返回一个把this绑定到该对象或者函数的对象
-
JavaScript箭头函数
- 在箭头函数中,this与封闭词法环境({}内或者块内)的this保持一致
5.知识内容个人梳理
6.今天都复习了之前的什么内容