早川奈-CSDN博客

原创 react常用ui组件库

快速上手 | RecoilNutUI - 移动端 React 组件库京东风格的轻量级移动端 Vue、React 组件库安装 - Material UI。

2022-09-30 11:41:06 818 1

原创 React新生命周期--getDerivedStateFromProps、getSnapshotBeforeUpdate

在说新的生命周期之前，我们先了解下原来的生命周期： 1.2.componentWillMount()componentWillMount()一般用的比较少，它更多的是在服务端渲染时使用。它代表的过程是组件已经经历了constructor()初始化数据后，但是还未渲染DOM时。1.3.componentDidMount()组件第一次渲染完成，此时dom节点已经生成，可以在这里调用ajax请求，返回数据setState后组件会重新渲染1.4.componentWillUnmount ()在此处完成组件的

2022-06-25 17:41:20 901

原创防抖和节流

函数防抖（debounce）：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时当持续触发事件时，一定时间段内没有再触发事件，

2022-06-25 16:13:56 165

原创前端优化有哪些呢

什么是高并发高并发就是在极短的时间内，多用户访问同一API接口或url地址，造成多个请求同时发起到服务器，造成后台崩溃（如：抢购或秒杀场景）大部分的高并发处理基本都是在后端处理，但是在部分特殊情况下，后端无法阻止用户行为，需要前端做配合高并发的解决使用精灵图（雪碧图，雪花图），达到减少HTTP请求的目的压缩图片，避免使用多余的图片，或按需显示图片图片使用base64编码，减少页面请求数，减少访问API或者不访问合并脚本和样式表或代码压缩使用防抖节流，降低请求次数，或缓存数据，避免高频刷新页面获取数据 ...

2022-06-25 14:33:00 158

原创微信小程序简单实现上拉触底onReachBottom数据分页请求

实现思路：通过小程序上拉触底事件触发数据第二次请求，上拉触底一次请求分页页码加一，每次请求10条数据，在请求函数中通过函数来处理数据累加问题，为封装的小程序函数。页面结构主要实现代码如下：...

2022-06-25 14:27:33 1298

原创 click延时解决方案

移动端click事件会有300ms的延时,原因是移动端屏幕双击会缩放(double tap to zoom)页面。解决方案:1.禁用缩放。浏览器禁用默认的双击缩放行为并且去掉300ms的点击延迟。<meta name="viewport" content="user-scalable=no">2.利用touch事件自己封装这个事件解决300ms延迟。原理就是:1.当我们手指触摸屏幕,记录当前触摸时间2.当我们手指离开屏幕,用离开的时间...

2022-05-19 21:51:13 471

原创原型为何会出现呢

原型的出现，就是为了解决构造函数的缺点当我们使用同一个构造函数创建了两个对象function Person() { this.name = 'Jack' this.age = 18 this.sayHi = function () { console.log('hello constructor') }}var o1 = new Person()var o2 = new Person()我们的到的两个对象中都有 sayHi 这个函数，也都可以正常调用，但我们两

2022-05-18 21:44:04 127

原创如何了解面向对象编程（白白篇）

首先，我们要明确，面向对象不是语法，是一个思想，是一种编程模式，面向对象即关注着对象的编程模式。举个🌰：我要吃面条面向过程是这样的：用多少面粉 =》用多少水 =》怎么和面 =》怎么切面条 =》做开水 =》煮面 =》吃面面向对象是这样的：找到一个面馆 =》叫一碗面 => 等着吃即：面向对象就是对面向过程的封装，在面向对象的时候，我们要关注的就是找到一个对象来帮我做这个事情，我等待结果如何创建一个对象1.调用系统内置的构造函数创建对象//.

2022-05-18 21:30:58 213

原创常见的数组及对象常用方法

ES5 中常见的数组常用方法 push push 是用来在数组的末尾追加一个元素 arr.push(4) pop pop 是用来删除数组末尾的一个元素 unshift unshift 是在数组的最前面添加一个元素 arr.unshift(4) shift shift 是删除数组最前面的一个元素 //使用 shift 方法删除数组最前面的一个元素..

2022-05-18 21:00:39 709

原创 js常用字符串方法

search 字符串中匹配语法1：字符串.search(字符串) 语法2：字符串.search(正则表达式) 返回值：如果在字符串中可以匹配到内容，则返回对应的索引，否则返回-1 replace 字符串中替换语法1：字符串.replace(要替换的内容,要替换为什么内容) 语法2：字符串.replace(正则表达式,要替换为什么内容) 语法3：字符串.replace(正则表达式,funct...

2022-05-18 20:49:54 135