开发中的实用方法和函数
关注
分享
扫一扫
ALKEN ABBY
这个作者很懒，什么都没留下…
展开
-
如何实现异步并发限制
之前一直没有系统的去总结异步并发限制的实现思路，今天就来做个总结吧。原创 2024-09-17 20:51:57 · 628 阅读 · 0 评论 -
Node 异步I/O 实现
Node 异步I/O 实现原创 2023-01-13 17:40:00 · 941 阅读 · 0 评论 -
使用TS 封装 自定义hooks，实现不一样的 CRUD
使用TS 封装 自定义hooks，实现不一样的 CRUD原创 2022-12-04 09:56:31 · 1498 阅读 · 0 评论 -
对象数组去重
对象数组去重原创 2022-11-23 15:26:57 · 255 阅读 · 0 评论 -
温故知新 -- react 官方文档总结2
温故知新 -- react 官方文档总结2原创 2022-10-17 10:21:13 · 1633 阅读 · 0 评论 -
温故知新 -- react 官方文档总结1
温故知新 -- react 官方文档总结1原创 2022-10-15 11:08:37 · 2451 阅读 · 0 评论 -
js代码在V8中怎么执行的
js代码在V8中怎么执行的原创 2022-10-02 10:19:31 · 346 阅读 · 0 评论 -
NaN 的 注意点
NaN 的 注意点原创 2022-09-30 21:30:39 · 513 阅读 · 0 评论 -
requestAnimationFrame 和 setTimeout 的区别
requestAnimationFrame 和 setTimeout 的区别原创 2022-09-18 11:22:19 · 1480 阅读 · 0 评论 -
浏览器的 5 种 Observer
浏览器的 5 种 Observer原创 2022-09-18 10:38:56 · 584 阅读 · 0 评论 -
React.PureComponent 和 React.Component 的区别
React.PureComponent 和 React.Component 的区别原创 2022-09-15 21:17:02 · 407 阅读 · 0 评论 -
React.fragment 和 ＜＞ 有什么区别
React.fragment 和 有什么区别原创 2022-09-12 15:40:29 · 476 阅读 · 0 评论 -
pureComponent
pureComponent原创 2022-09-12 14:43:13 · 486 阅读 · 0 评论 -
编写 loader
编写 loader原创 2022-09-12 10:30:26 · 270 阅读 · 0 评论 -
webpack 的 HMR 原理
webpack 的 HMR 原理原创 2022-09-12 09:42:29 · 217 阅读 · 0 评论 -
webpack 的 plugin 实现
webpack 的 plugin 实现原创 2022-09-11 09:37:41 · 224 阅读 · 0 评论 -
Object.create(null) 和 {} 的区别
Object.create(null) 和 {} 的区别原创 2022-09-03 11:31:12 · 203 阅读 · 0 评论 -
千位分隔数
千位分隔数原创 2022-09-02 20:07:48 · 132 阅读 · 0 评论 -
etag生成原理
etag生成原理原创 2022-08-26 08:29:33 · 596 阅读 · 0 评论 -
手写Promise.all
实现 Promise.all 方法原创 2022-08-22 20:38:02 · 107 阅读 · 0 评论 -
渲染十万条数据的方法
渲染十万条数据的方法原创 2022-08-21 20:46:01 · 464 阅读 · 0 评论 -
对称加密和非对称加密区别
对称加密和非对称加密区别原创 2022-08-19 11:34:12 · 360 阅读 · 0 评论 -
rem和em的区别
rem和em的区别原创 2022-08-19 11:26:28 · 182 阅读 · 0 评论 -
数组去重各种方法实现
数组去重原创 2022-08-19 10:24:57 · 104 阅读 · 0 评论 -
react-router V6 版本的使用（自己封装了 Redirect，使用 useRoute 等）
react-router V6 版本的使用（自己封装了 Redirect等）IndexRouter.js 使用useRoute 做全局路由的搭建，包括嵌套路由，路由重定向，路由拦截（自己封装），路由懒加载（做了一个简单的封装）等import React from 'react';import {useRoutes} from "react-router-dom";import LazyLoad from "./Lazyload";import NewsSandBox from "../views/原创 2022-05-21 16:52:21 · 2581 阅读 · 0 评论 -
React 中 受控组件和非受控组件区别
React 中 受控组件和非受控组件区别广义的来说：react 组件的数据渲染是否被调用者传递的 props 完全控制，控制则为受控组件，否则为非受控组件非受控组件：非受控组件将真实数据存在 DOM 节点中，所以在使用非受控组件时，有时候反而更容易同时集成React 和 非 React 代码，如果不介意代码美观性，并且希望快速编写代码，使用非受控组件往往可以减少你的代码量，否则，就使用受控组件非受控方式能简化代码，比较适用于就在本组件的数据处理，如果要关联到要把数据传出去的话，其中不会再次调用 s原创 2022-05-11 09:52:28 · 733 阅读 · 0 评论 -
setState 的同步和异步执行
setState 的同步和异步执行规则：setState 处在同步的逻辑中，异步更新状态，异步更新真实 DOMsetState 处在异步的逻辑中，同步更新状态，同步更新真实DOM什么叫处在异步逻辑中？比如说 setState 函数被包裹在 setTimeout 函数里面执行，这就是其中一种情况代码实现：import React, {Component} from 'react';import BetterScroll from 'better-scroll'class BetterScr原创 2022-05-10 19:21:51 · 342 阅读 · 0 评论 -
react 生命周期函数浅析
react 生命周期函数浅析图片示意：代码描述： // 生命周期函数 // 在组件即将被挂载到页面的时刻自动执行 componentWillMount() { console.log('componentWillMount') }render(){ console.log('render')} // 组件第一次被挂载到页面之后，自动被执行 componentDidMount() { console.log('componentDidMount')原创 2022-05-09 15:15:24 · 264 阅读 · 0 评论 -
react 报错记录
react 踩坑记录报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach’)at Object.injectIntoGlobalHook (react-refresh-runtime.development.js:488:1)at Object…/node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js原创 2022-05-09 09:25:53 · 894 阅读 · 0 评论 -
react 与 vue 的双向数据绑定的对比实现
react 与 vue 的双向数据绑定的实现区别react 实现双向数据绑定import React, {Component, Fragment} from "react";class TodoList extends Component { constructor(props) { super(props); // react 定义组件的数据就需要定义在 state 里面 this.state = { inputValue: '哈哈哈', lis原创 2022-05-08 16:11:19 · 395 阅读 · 0 评论 -
发布订阅者模式和观察者模式的区别
发布订阅者模式和观察者模式的区别1.什么是观察者模式定义：当对象之间存在一对多的依赖关系时，其中一个对象的状态发生改变，所有依赖它的对象都会收到通知，这就是观察者模式。在观察者模式中，只有两种主体：目标对象 (`Object`) 和 观察者 (`Observer`)。目标对象 `Subject`:- 维护观察者列表 `observerList`- 定义添加观察者的方法- 当自身发生变化后，通过调用自己的 `notify` 方法依次通知每个观察者执行 `update` 方法观察者 Obs原创 2022-04-04 10:47:08 · 5214 阅读 · 0 评论 -
路由的两种模式实现原理
路由的两种模式实现原理两种模式 hash 和 history：总结：可参考：https://juejin.cn/post/6844903615283363848原创 2022-03-12 14:15:00 · 470 阅读 · 0 评论 -
闭包的总结
闭包总结1. 闭包是什么闭包是指有权访问另外一个函数作用域中的变量的函数2. 形成闭包的原因内部的函数存在外部作用域的引用就会导致闭包内部的函数引用了外部作用域的变量就会导致闭包3. 闭包变量存储的位置闭包中的变量存储的位置是堆内存。4. 闭包的作用保护函数的私有变量不受外部的干扰。形成不销毁的栈内存。保存，把一些函数内的值保存下来。闭包可以实现方法和属性的私有化5. 闭包经典使用场景防抖节流for循环经典面试题立即执行函数return 回一个函数函数作为参数柯里化实现原创 2022-03-11 15:54:51 · 360 阅读 · 0 评论 -
new 操作都做了什么
new 操作都做了什么一. 原理其实，new关键字内部干了如下三件事（已知构造函数为constructor）：. 1.创建一个空对象，并使该空对象的 proto==constructor.prototype； 2.执行构造函数，并将this指向刚刚创建的新对象； 3.返回新对象；/** new产生一个新对象; 拿到传入的参数中的第一个参数，即构造函数Constructor; 执行构造函数原创 2022-03-07 16:36:13 · 1720 阅读 · 0 评论 -
Promise串行的六种方法
Promise串行的六种方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-02-27 15:41:37 · 3019 阅读 · 0 评论 -
js面试题---实现一个函数
题目要求//实现一个函数:function get(){ //内容...}//const obj = { selector: { to: { toutiao: 'FE coder' } }, target: [1, 2, { name: 'byted' }] };// 运行代码 get(obj, 'selector.to.toutiao', 'target[0]', 'target[2].name')// 输出结果：// ['FE coder', 1, 'byted']实现了两种方法原创 2022-02-26 19:54:18 · 207 阅读 · 0 评论 -
实现一个repeat函数
实现一个repeat函数实现一个repeat函数，返回一个方法每隔3s执行一次alert函数，共执行四次采用了闭包和async，await的实现方式function repeat() { return async function () { for (let i = 0; i < 4; i++) { await new Promise((resolve, reject) => {原创 2022-02-26 10:15:04 · 388 阅读 · 0 评论 -
实现三列等宽布局
实现三列等宽布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit转载 2021-11-27 22:14:52 · 742 阅读 · 0 评论 -
如何实现一个私有变量，用getName方法可以访问，不能直接访问
如何实现一个私有变量，用getName方法可以访问，不能直接访问function product() { let name = 'iojoi'; this.getName = function () { return name; } } let p = new product(); console.log(p.getName());欢迎交流...原创 2021-11-27 22:13:33 · 529 阅读 · 0 评论 -
实现一个once函数，传入函数参数只执行一次
实现一个once函数，传入函数参数只执行一次function once(func) { let tag = true; return function () { if (tag == true) { func.apply(null, arguments); tag = false; }原创 2021-11-27 22:12:10 · 715 阅读 · 0 评论