11 2022 档案
useCallback记忆函数与useMemo记忆组件
摘要:useCallback记忆函数 目的:缓存函数,优化代码 防止因为组件重新渲染,导致方法被重新创建,起到缓存作用,只有第二个参数变化了,才重新声明一次。 举个栗子 var handleClick = useCallback(()=> { console.log(name) }, [name]) //
Reack hooks useEffect 总结
摘要:useEffect 总结 特性 参数必须是一个回调函数与一个数组 组件首次加载会执行一次useEffect的回调,之后依赖的值更新则会执行useEffect中的回调。 如果第二个参数是一个空数组则意味着=>空数组不依赖任何东西,所以只会执行一次类似类组件中的componentDidMounted 可
Vue路由大总结
摘要:vue-router vue-router 是 vue的一个插件库,专门用来实现 SPA应用。 SPA 单页面 Web 应用(single page web application,SPA)。 整个应用只有 一个完整的页面。 点击页面中的导航链接 不会刷新页面,只会做页面的 局部刷新。 数据需要通过
React中性能优化的方案
摘要:shouldComponentUpdate 控制组件自身或子组件是否需要更新,尤其在子组件非常多的情况下,需要进行优化。 PureComponent PureComponent会帮你 比较新Props跟旧的Props,新的State和就的State(值相等,或者对象含有相同的属性、且属性值相等等),
React类组件的生命周期
摘要:初始化阶段的生命周期只会执行一次钩子函数,运行中的阶段会随着状态的改变或父组件变更了属性而执行钩子函数,销毁阶段会随着组件在DOM数上被移除而触发的钩子。 具体看文件中的代码:https://gitee.com/manongquan02/react_test.git 新的生命周期 getDerive
webpack打包工具-基本配置
摘要:/* * @Author: HuangBingQuan bingquan111@qq.com * @Date: 2022-11-25 17:42:05 * @LastEditors: HuangBingQuan bingquan111@qq.com * @LastEditTime: 2022-11-
简单刮刮乐
摘要:简单刮刮乐 <!-- * @Author: HuangBingQuan bingquan111@qq.com * @Date: 2022-11-15 17:24:09 * @LastEditors: HuangBingQuan bingquan111@qq.com * @LastEditTime:
开发实战-CSS3背景总结
摘要:CSS3 背景 背景图 background-image 默认情况下,背景图会在横坐标和纵坐标中进行重复。 background-repeat 可以控制图片是否重复 background-size 背景图尺寸 预设值 contain:保证图片显示在盒子中不能改变比例 cove:图片一定要把这个区域撑
React 组件通信总结
摘要:React 组件通信总结 父子通信 传递数据(父传子)与传递方法(子传父) /* * @Author: HuangBingQuan bingquan111@qq.com * @Date: 2022-11-21 16:02:17 * @LastEditors: HuangBingQuan bingqu
调度中心-发布与订阅
摘要:// 调度中心 var bus = { list: [], // 订阅 subscribe(callback) { // console.log(callback); this.list.push(callback) }, // 发布 publish(text) { // 遍历注册集合,执行回调函数
万能法-flex布局
摘要:
工作实战-字符串常用的API
摘要:字符串常用API String.prototype.slice[start, end) // 字符串分割(截断) start 从第几位开始截 end 截到第几位 // 举个栗子 let userName = '码农哥哥' let handelUserName = (userName) => { le
CentOS开放指定端口
摘要:CentOS开放指定端口: 方式一 1、开启防火墙 systemctl start firewalld 2、开放指定端口 firewall-cmd --zone=public --add-port=1935/tcp --permanent 命令含义: –zone #作用域 –add-port=193
webstorm里面react快速创建模板
摘要:webstorm里面react快速创建模板 rcc + tab键 - - 用ES6模块系统创建一个React组件类 rccp + tab键 - - 创建一个带有PropTypes和ES6模块系统的React组件类 rcfc + tab键 - - 创建一个带有PropTypes和所有生命周期方法以及E
解决react执行两遍的问题
摘要:解决react执行两遍的问题 原因 使用脚手架创建项目后默认会开启严格模式,在严格模式下,React 开发环境下会刻意执行两次渲染,用于突出显示应用程序中潜在问题。 解决 将入口js文件(index.js)的<React.StrictMode>删除即可。 import React from "rea
手机号脱敏
摘要:前端对手机号脱敏 /** * 手机号码脱敏 * @param { string } phone * @return { String } */ function phoneNuberConvert (phone) { if (!phone) return "" let pat = /(\d{3})\
js函数注释
摘要:JS函数注释规范 | 常用符号 | 说明 | 用法 | | | | | | @param | 参数 | @param { type } name 备注 | | @returns | 返回值 | @return {type} | /** * 测试 * @param { number } num 备注
JSON
摘要:数据交换格式 1、什么是数据交换格式 数据交换格式,就是==服务器端==与==客户端==之间进行==数据传输与交换的格式==。 前段领域,经常提及的两种数据交换格式分别是 ==XML== 和 ==JSON==。 其中 XML 用的非常少,所以,我们重点要学习的数据交换格式是 ==JSON==。 2、