摘要: react性能优化二 使用React Fragments 避免额外标记 将没有意义和无用的标签嵌套变为<></> 不使用内联函数定义 内联函数需要做额外的垃圾回收和绑定到DOM的新函数的工作 避免使用内联样式 使用内联样式是浏览器需要花更多的时间来处理脚本和渲染,因此它必须映射传递给实际css属性的 阅读全文
posted @ 2021-10-27 11:06 lixingqian 阅读(57) 评论(0) 推荐(0)
摘要: React中优化 渲染优化,避免重复渲染 当state和props的改变会造成页面重新渲染。 props组件diff算法只是计算出发生改变的数据找到虚拟dom,但还是全部重新渲染。 如何解决 使用shouldComponentUpdate。 shouldComponentUpdate函数是函数要渲染 阅读全文
posted @ 2021-10-22 15:59 lixingqian 阅读(67) 评论(0) 推荐(0)
摘要: javaScript中Map类型 基本API get()--返回对应的值,has()--返回true or false进行查询。 delect()--删除对应的键值对,clear()--删除所有的键值对。 set()--添加键值对。 使用Object还是使用Map 内存占用 但给定固定大小的内存,M 阅读全文
posted @ 2021-08-18 09:44 lixingqian 阅读(115) 评论(0) 推荐(0)
摘要: react中使用icon 创建icon。js文件 import { Icon } from 'antd'; const AmsIcon = Icon.createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_1716373_kcn07h2np 阅读全文
posted @ 2021-08-16 15:24 lixingqian 阅读(537) 评论(0) 推荐(0)
摘要: react中前段Excel的导入导出 前端Excel的导出 前端使用xlsx import React, { useState, useEffect} from 'react'; import { Table, Tag, Space } from 'antd'; import XLSX from " 阅读全文
posted @ 2021-08-04 21:07 lixingqian 阅读(896) 评论(0) 推荐(0)
摘要: react中hook使用 react中什么是hook 它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 hook的主要作用是为了让组件内的逻辑更加清晰,并且可以通过自定义hook来达到复用逻辑。 hook只能使用在函数组件中,class组件不支持,所有hook 阅读全文
posted @ 2021-07-19 11:20 lixingqian 阅读(459) 评论(0) 推荐(0)
摘要: react中父组件使用子组件方法 forwardRef , useImperativeHandle 作用 forwardRef: 将ref父类的ref作为参数传入函数式组件中,本身props只带有children这个参数,这样可以让子类转发父类的ref,当父类把ref挂在到子组件上时,子组件外部通过 阅读全文
posted @ 2021-06-29 22:50 lixingqian 阅读(1154) 评论(0) 推荐(0)
摘要: react中使用mockjs 下载mockjs依赖 npm i mockjs or yran add mockjs 再项目中建立一个mock文件夹 编写api.js文件 import Mock from 'mockjs'; // 模拟延迟 Mock.setup({ timeout:500 }) // 阅读全文
posted @ 2021-06-22 14:50 lixingqian 阅读(1233) 评论(0) 推荐(0)
摘要: vue3开始 使用vue-cli3创建vue3项目 执行命令 vue create 项目名称 安装vue-router npm i vue-router 在src文件创建router=》index.js文件; // src/router/index.js import { createRouter, 阅读全文
posted @ 2021-06-14 22:53 lixingqian 阅读(54) 评论(0) 推荐(0)
摘要: 原生微信小程序 小程序三剑客(wxml,wxss,js) wxml 功能类似html,描述节点,但小程序的用的标签是 view, button, text 等等。官网组件 wxss 功能类似css,页面样式,不能嵌套选择器,建议使用rpx。 px就是Pixel的缩写,就是指像素 rpx单位是微信小程 阅读全文
posted @ 2021-06-14 17:17 lixingqian 阅读(111) 评论(0) 推荐(0)