![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
学习Js的技巧
CH_咯
每颗大树都曾是一颗种子
展开
-
hooks之useCallback
import React, { useState, useCallback } from 'react'/** * useCallback解决的是传入子组件的函数参数过度变化导致子组件过度渲染的问题 */function UseMemoAPI() { const [count, setCount] = useState(0) // 假设什么都不依赖,子组件应该不渲染 c...原创 2020-04-01 22:43:24 · 320 阅读 · 0 评论 -
hooks之useMemo和memo
import React, { useState, useMemo, memo} from 'react'/** * useMemo有返回值可以直接参与渲染 */function UseMemoAPI() { const [count, setCount] = useState(0) const [clickCount, setClickCount] = useState(0)...原创 2020-04-01 22:39:14 · 279 阅读 · 0 评论 -
hooks之useEffect
import React, { Component, useState, useEffect } from 'react'// 类写法class App2 extends Component { constructor() { super() this.state = { count: 0, size: { width: docum...原创 2020-04-01 22:29:46 · 212 阅读 · 0 评论 -
hooks之useState
import React, { Component, useState } from 'react'// 类写法class App extends Component { constructor() { super() this.state = { count: 0, } } render() { const { count } = t...原创 2020-04-01 22:24:35 · 313 阅读 · 0 评论 -
React常见面试
React常见面试1.虚拟dom概念 虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存,利用 dom diff 算法避免了没有必要的 dom 操作,从而提高性能。 用 Js 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树,插到文档当中当状态变更的时候,重新构造一棵新的对象树。然后用新的树和旧的树进行比较,记录两棵树差异把 差异应用到真正的 DOM 树...原创 2020-03-21 00:09:17 · 221 阅读 · 0 评论 -
git常用命令
原创 2020-03-01 21:58:16 · 79 阅读 · 0 评论 -
ECharts-折线图使用
ECharts可视化图表-折线图总结<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2019-11-28 10:05:38 · 661 阅读 · 0 评论 -
ECharts-柱状图使用
ECharts可视化图表-柱状图总结<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2019-11-27 19:00:32 · 484 阅读 · 0 评论 -
ECharts-饼状图使用
ehcarts可视化图表-饼状图总结<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2019-11-21 15:02:41 · 422 阅读 · 0 评论 -
JS隐式类型转换和逻辑短路
一.JS隐式类型转换/*1.js隐式类型转换:当运算符两边数据类型不一致时,编译器会先转成一致再运算 * 其他数据类型转成string:+(字符串连接符) * 其他数据类型转成number: 算术运算符(+ - * / %) 自增自减(++ --) 关系运算符(> >= < <= == === != !==) * 其他数据类型转成boolean...原创 2019-07-26 13:59:04 · 221 阅读 · 0 评论 -
react-Mobx基本使用
十分钟交互式的 MobX + React 教程mobx 的核心理念是 简单、可扩展的状态管理库。比redux和react-redux方便许多先create-react-app 构建一个项目1.装包1.1安装mobx mobx-react npm install mobx mobx-react -S1.2安装装饰器装包搭配依赖去解析(可选),装饰器作用>代码更简洁 npm...原创 2019-07-08 17:48:57 · 3143 阅读 · 0 评论 -
混合开发H5页面嵌入ios/Android及echarts图表问题总结
刚开始接到需求说一个H5页面要嵌入Android/ios端,从没接触过.所以这是我第一次接触.我是用react框架写的H5页面内有用react-for-echarts图标.然后ios端和android端会把webview(系统中内置了一款高性能 webkit 内核浏览器,)方法发给你来调用,从而可以获取到APP的登录信息,然后根据获取的登录信息来发才能请求接口.上代码!首先在react钩子...原创 2019-06-05 20:08:32 · 2610 阅读 · 3 评论