- 博客(17)
- 收藏
- 关注
RSS订阅原创 vite比webpack快的原因
通过使用export和import语句，ES Modules允许在浏览器端导入和导出模块主流浏览器均支持ES Modules，可以通过在script标签中设置type="module"来加载模块。默认情况下，模块会延迟加载，执行时机在文档解析之后，触发DOMContentLoaded事件之前。是在项目启动或构建之间，对项目中所需的依赖项进行预先的处理或构建。好处：在项目运行时，可以直接使用已经预构建好的依赖，不需要再进行实时的编译或构建。
2024-04-18 15:44:12
288
1
原创 关于浅拷贝与深拷贝
陷阱：浅拷贝的特性意味着如果源对象包含对象或数组，那么它们的引用将被复制到目标对象中。这可能导致修改目标对象时，原始对象也会受到影响。该方法用于将一个或多个源对象的属性复制到目标对象，并返回目标对象。2、对象展开。
2024-04-17 17:33:34
177
1
原创 js如何控制一次只加载一张图片，加载完成再加载下一张
注：网上还看到一中答案，通过onreadystatechange事件监听，但是img实例对象上并没有这个属性方法，只有XmlHttpRequest对象和Document对象中存在onReadystatechange属性。
2024-04-17 15:09:51
345
2
原创 css总结
原理：通过媒体查询检测不同的设备屏幕尺寸进行适配页面布局，移动端，需要在页面头部加。响应式设计：可以适配PC+平板+手机等各种设备下的页面设计布局。BFC是块级格式上下文，是页面中的一块渲染区域。相对长度单位：em|rem|vw|vh|%;
2024-01-25 17:52:37
925
原创 数组扁平化处理（flat）
const flat = (src) => { const res = src.map(item => { if (Array.isArray(item)) { return flat(item) } else { return [item] } return [...[], ...res] }) } const ...
2022-06-01 23:08:54
97
原创 手写深拷贝deepClone
let user = { name: 'zdx', age: 18, company: { name: '设序', address: '青浦' }, hobbies: ['敲代码', '看电影', '运动'] } function deepClone (arg) { if (!arg || typeof(arg) !== 'object') return arg; let res; if (arg insta.
2022-05-30 10:23:52
87
原创 js 手写call、apply、bind
function fn(a, b) { console.log('a', a); // 10 console.log('b', b); // 20 console.log('this', this) // {x: 1} return 'hello' } const res = fn.myCall({x: 1}, 10, 20) console.log(res) // hello Function.prototype.myCall = funct.
2022-05-29 20:08:27
50
原创 js 显示、隐式类型转换
typeof(123); // number typeof('123'); //string typeof(true); // boolean typeof({}); // object typeof([]); // object 引用类型 typeof(null); //object 刚开始是为了指定空对象指针，es6提案说把null改成null类型被ECMA拒绝了 typeof(undefined); // undefined typeof(NaN); // number .
2022-05-26 21:54:46
60
原创 环境、作用域、闭包
全局作用域 全局环境会被依赖不会被回收 函数作用域 函数调用多次会产生多个内存地址，调用一次存一份数据，他们之间不会共享 function hd() { let n = 1; function sum() { console.log(++n) } sum() } // 不管执行多少次n都是2，函数被调用会产生新的内存地址 hd(); hd(); hd(); 函数定义的数据作用域范围是函数本身及其子函数，不会向父级进行传递 functi...
2022-03-12 22:50:32
55
原创 限制接口访问频次：防抖(debounce) 和 节流(throttle)
1、防抖debounce：强制函数在某段时间内只执行一次 const debounce = (fn, delay) => { let time; return () => { clearTimeout(time) time = setTimeout(() => { fn() }, delay) } // 或者 // return function (...args)
2022-03-06 16:18:43
403
原创 树转换成数组
node 为 树结构 export const treeToArray = (node) => { const nodeToArray = (node, arr) => { const { children, ...item } = node arr.push(item) children.forEach(child => nodeToArray(child, arr)) return arr }.
2022-03-06 12:52:23
261
原创 redux的三个核心概念
创建redux文件夹，store.js,count_reducer.js 安装redux：yarn add redux 在store文件中 import { createStore } from 'redux';//引入createStore方法，专门用于创建redux中C位的store对象 import countReducer from './count_reducer';//引入为Count组件服务的reducer export defaultcreateStore(countRedu.
2021-09-16 13:15:04
162
原创 git fork子级，本地子级想要同步远程父级
1、从远程上拉取子级代码 2、在本地新建temp分支 3、git remote -v 查看关联远程 4、git remote add do 父级ssh链接 关联远程父级链接 5、git remote -v 查看关联远程 6、git fetch do dev(远程分支): temp(新建的临时分支) 6、git merge temp (合并分支) ...
2021-07-28 17:10:44
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人