2019年07月_otatoz

原创 css动画实现呼吸路灯

利用css的动画可以实现一个呼吸灯：（此处是呼吸路灯）效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> &...

2019-07-18 16:49:02 700

原创 js函数的执行环境和作用域链

执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为执行环境分为：全局环境、局部环境1、使用var声明的变量会自动被添加到最接近的环境中，在函数内部，最接近的环境就是函数的局部环境，在with语句中，最接近的环境是函数环境如果初始化的变量没有用var声明，该变量会自动被添加到全局环境中2、某个执行环境中的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数定...

2019-07-18 11:04:53 541

原创 this指向问题

谁调用它，this 就指向谁。但是有时候这样的判断并不准确，可以按照如下规则进行判断。全局环境中的this浏览器环境：无论是否在严格模式下，在全局执行环境中（在任何函数体外部）this 都指向全局对象 windownode 环境：无论是否在严格模式下，在全局执行环境中（在任何函数体外部），this 都是空对象 {}是否是new绑定如果是 new 绑定并且构造函数返回值...

2019-07-17 10:34:48 201

原创 js中的迭代方法

js有五个迭代方法，分别为：every、some、filter、map、forEach此处须知：迭代，就是对数组的每一项都进行相应的操作五个方法中，此处所使用的都是箭头函数 () =>{}五个方法中，都有三个参数，此处只说两个，item为当前数据项，index为数组索引1、every（）<script> var arr = [1,2,3,4,5]...

2019-07-16 15:39:37 2365

原创 axure动态面板

实现效果如下：（点击头部导航，切换到相应页面）步骤：1、将水平menu拖入右侧面板2、添加动态面板（Dynamic Panel）3、双击动态面板4、点击加号添加（头部导航有几个就添加几个state）5、修改每个新添加的state名称6、选中第一个File，在右侧添加属性（properties），选中第一个OnClic...

2019-07-15 15:18:14 998

原创 react向数组中追加值

首先，渲染一个随机数，每个一秒变换一次，效果如下：代码如下：<!DOCTYPE html><html><head><meta charset="UTF-8" /> <title>数组追加元素</title> <script src="https://cdn.staticfile.org/rea...

2019-07-12 10:46:00 13802

原创 react渲染—基本渲染、列表渲染、条件渲染

基本渲染：<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>列表渲染</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"...

2019-07-11 22:25:03 275

原创 {...this.props}是什么意思

在react中，会看到{...this.props}的代码，不知道是什么意思，现在记录一下。{...this.props}是props所提供的语法糖，可以将父组件的所有属性复制给子组件代码如下：<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>.....

2019-07-11 17:40:10 20234

原创对象的定义及判断是否相等

如何判断两个对象是否相等？你可能会认为，如果两个对象有相同的属性，以及它们的属性有相同的值，这两个对象就是相等的，但是并不是这样。看如下案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</titl...

2019-07-08 22:50:05 466

otatoz