摘要: 1: let arr = [1,2,3,4,5,6] // 增强for循环 没有返回值 arr.forEach((item,index,arr) => { console.log(item); console.log(index); console.log(arr); }) 2: let arr2  阅读全文
posted @ 2020-10-20 23:11 徐的小博客 阅读(2113) 评论(0) 推荐(0) 编辑
摘要: props 可以把数据从父传给子,如果想要实现子传给父数据,可以把数据当成函数的参数传递给父组件,下面给一行代码揣摩: class ParentCom extends React.Component{ constructor(props){ super(props) this.state = { c 阅读全文
posted @ 2020-10-15 20:55 徐的小博客 阅读(1329) 评论(0) 推荐(0) 编辑
摘要: React 组件支持 函数式组件与类组件的区别和使用,函数式组件比较简单,一般用于静态没有交互事件内容的组件页面。类组件,一般称为动态组件,那么一般会有交互或者数据修改的操作。 1 函数式组件: function Childcom (props) { console.log(props); let  阅读全文
posted @ 2020-10-11 20:47 徐的小博客 阅读(100) 评论(0) 推荐(0) 编辑
摘要: React Jsx: 优点: 1: JSX语法执行更快,编译为Javascript代码时进行了优化 2: 类型更安全,编译过程如果出错就不编译 3: JSX编写模板更加简单快捷 注意: 1: JSX必须要有根节点 2: 正常的HTML元素要小写.如果大写会默认为组件 JSX表达式 1: 由Html元 阅读全文
posted @ 2020-10-11 19:17 徐的小博客 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 理解对象: 属性类型: 数据属性: configurable Enumerable writable value 访问器类型: configurable enumerable get set 两类属性类型都可以通过Object.defineProperty()来定义 读取属性特性的方法: Objec 阅读全文
posted @ 2020-09-27 15:25 徐的小博客 阅读(127) 评论(0) 推荐(0) 编辑
摘要: /* object类型: 1,两种访问对象属性的方法 person.name person['name'] 方括号访问的好处在于可以给括号内传递变量 列:var a = 'name' person[a] Array类型: length属性: 这个属性可以再数组末尾添加或删除数组中的元素 列: col 阅读全文
posted @ 2020-09-26 15:24 徐的小博客 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 计算属性: 用法:必须返回一个值 语法: computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return this.message.split('').reverse().join('') } 阅读全文
posted @ 2020-09-21 13:53 徐的小博客 阅读(96) 评论(0) 推荐(0) 编辑
摘要: vue实例理解 1, vue实例创建时,实例中data中所有的property都被加入vue的响应式系统中,当这些property的值发生改变时会响应到视图中 例如: var vm = new Vue({ el: '#app', data: { message:"hello word!" } }) 阅读全文
posted @ 2020-09-21 13:16 徐的小博客 阅读(132) 评论(0) 推荐(0) 编辑
摘要: <!-- 事件流 事件冒泡 事件捕获 DOM事件流:捕获阶段,目标阶段,冒泡阶段 事件处理程序 HTML事件处理程序 在html标签内部直接通过元素包含的特性来定义函数例如: <input type="button" value="clickme" name="username" onclick=" 阅读全文
posted @ 2020-09-15 22:45 徐的小博客 阅读(197) 评论(0) 推荐(0) 编辑
摘要: <!-- 选择符api: 通过css选择器来选择 querySelect() querySelectAll()返回一个nodelist实例,同样可以使用nodelist中的方法来找寻元素 matchesSelector() 使用这个方法检测元素是否被querySelect()和querySelect 阅读全文
posted @ 2020-09-14 20:42 徐的小博客 阅读(100) 评论(0) 推荐(0) 编辑