02 2021 档案
摘要：看一个例子 var arr=[{name:'张三'},{name:'李四'}]; var obj={name:'张三'}; for (var i in arr){ console.log(i)； //0 1 数组的下标 } for (var i in obj){ console.log(i) //n
阅读全文
摘要：利用冒泡的原理，将子元素的事件绑定到父元素上。 捕获和冒泡过程图 捕获：由window从上到下，到事件触发元素 冒泡：由事件触发元素到从下到上，到window addEventListener的第三个参数为false（默认值）,则页面是在冒泡阶段处理绑定事件 obj1.addEventListene
阅读全文
摘要：CSS隐藏元素的几种方法 1. display:none; 2.visibility:hidden; 3.clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px); 4.opacity:0; 5. position: absolute; top: -99
阅读全文
摘要：## 1. setState ### setState更新状态的2种写法 ``` (1). setState(stateChange, [callback]) 对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它
阅读全文
摘要：## 4.求和案例_react-redux基本使用 (1).明确两个概念： 1).UI组件:不能使用任何redux的api，只负责页面的呈现、交互等。 2).容器组件：负责和redux通信，将结果交给UI组件。 (2).如何创建一个容器组件————靠react-redux 的 connect函数 c
阅读全文
摘要：## 1.求和案例_redux精简版 (1).去除Count组件自身的状态 (2).src下建立: -redux -store.js -count_reducer.js (3).store.js： 1).引入redux中的createStore函数，创建一个store 2).createStore调
阅读全文
摘要：安装 npm install antd --save 1.安装依赖：npm install react-app-rewired customize-cra babel-plugin-import less less-loader 2.修改package.json .... "scripts": {
阅读全文
摘要：安装命令 npm install -S react-router-dom 引入 import {Link,Route} from 'react-router-dom' 路由的基本使用 1.明确好界面中的导航区、展示区 2.导航区的a标签改为Link标签 <Link to="/xxxxx">Demo<
阅读全文
摘要：fetch发送请求（关注分离的设计思想） Fetch API 提供了一个获取资源的接口（包括跨域请求) 不是xhr!!!分别是两个不同的请求方法 fetch() 必须接受一个参数——资源的路径。无论请求成功与否，它都返回一个 Promise 对象，resolve 对应请求的 Respose。 //发
阅读全文
摘要：1.先订阅，再发布（理解：有一种隔空对话的感觉） 2.适用于任意组件间通信 3.要在组件的componentWillUnmount中取消订阅 1、PubSub使用方式 1.1 react导入库 npm install pubsub-js --save 1.2 react 页面引入pubsubjs i
阅读全文
摘要：//输入框传值 <div> <input ref={c => this.keyWordElement = c} type="text" placeholder="输入关键词点击搜索"/> <button onClick={this.search}>搜索</button> </div> /
阅读全文
摘要：# react脚手架配置代理总结 ## 方法一 > 在package.json中追加如下配置 ```json"proxy":"http://localhost:5000"``` 前端axios请求： 注意前端axios请求地址还是写自身地址，会由pachage.json代理proxy自动转发到500
阅读全文
摘要：功能 包括 JSON自动美化（页面自动检测并格式化） - JSON手动美化（粘贴文本、手动格式化） - JSON比对工具（支持左右两个JSON片段进行键值对比较） - 字符串编解码（Unicode/UTF8/Base64/MD5/HEX） - 代码美化工具（HTML/CSS/JS/XML/SQL）
阅读全文
摘要：public 静态资源文件夹 favicon.icon 网站页签图标 index.html 主页面 logo192.png logo图 logo512.png logo图 manifest.json 应用加壳的配置文件（可忽略） robots.txt 爬虫协议文件（可忽略） src 源码文件夹 Ap
阅读全文
摘要：vscode输入 npm start，报错 npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 一般有一下几种情况，欢迎补充~ 场景1 没有全局安装npm npm升级到最新
阅读全文
摘要：创建项目并启动 第一步，全局安装：npm i -g create-react-app 第二步，切换到想创项目的目录，使用命令：create-react-app hello-react 可能会反应很慢，没报错就等着，等等等（记得镜像到taobao的cnpm,参考https://www.cnblogs.
阅读全文
摘要：为什么遍历列表时，key最好不要用index? 1. 虚拟DOM中key的作用： 1). 简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用。 2). 详细的说: 当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】, 随后React进行【新虚拟D
阅读全文
摘要：旧生命周期删除三个钩子：componentWillMount、componentWillUpdate、componentWillReceiveProps 这三个钩子在17.版本使用时要加上前缀UNSAFE_，即UNSAFE_componentWillMoun否则会有警告甚至报错。增加使用成本，减少程
阅读全文
摘要：react是一个将数据渲染为HTML视图的开源javascript库。 1.操作虚拟DOM,不总是直接操作页面真实DOM 2.dom diff算法 最小化页面重绘 前提工作：1.引入三个js文件 <!-- 准备好一个“容器” --> <div id="test"></div> <!-- 引入reac
阅读全文
摘要：decorator修改类 的行为 (扩展类的功能) 的函数 1.修饰类 @testable class MyClass{} function testable(target){ target.isTestable=true } console.log(MyClass.isTestable) // t
阅读全文
摘要：JavaScript语言的传统方法是通过构造函数，定义并生成新对象。下面是一个例子。 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return this.x + t
阅读全文
摘要：1.属性的简洁表示 ES6允许直接写入变量和函数，作为对象的属性和方法。书写更加简洁。 属性简写： ES6允许在对象之中，直接写变量。这时，属性名为变量名，属性值为变量的值。 const foo = 'bar'; const baz = {foo}; //等同于 const baz = {foo:f
阅读全文
摘要：1.ctrl+shift+x 安装插件 安装 open in browser 2. 默认浏览器打开 快捷键：alt+b 安装完open in browser插件后，在打开的html文件代码中右键鼠标可以看到多了两个打开选择Open in Default Browsers：使用默认浏览器打开 快捷键：
阅读全文
摘要：默认值 let defaultA=(x,y=5,c)=>(x+y+c) console.log(defaultA(1,2,3));//6 console.log(defaultA(1,2));//NaN let defaultA=(x,y,c=4)=>(x+y+c) console.log(defa
阅读全文
浙公网安备 33010602011771号