- 博客(19)
- 问答 (8)
- 收藏
- 关注
原创 Promise-基础用法
promise的三种状态pending(进行中)fulfilled(已成功)rejected(已失败)实例方法传入一个回调函数callbackthen(callback)链式调用,执行回调函数。-catch(callback)指定错误时的回调函数。-finally(callback)无论成功或者失败都会进行执行的函数。静态方法all/race/allSettled/any 接受一个数组或者具有Iterator接口。并行发起异步执行。all()如果结果全部fulfil
2023-05-26 13:50:59 64
原创 浏览器缓存-强制缓存-协商缓存
缓存是一种提升浏览器性能和客户体验的一种手段。主要提升了网站的加载速度,减少了服务器请求。浏览器通过读取response header里面返回的内容决定缓存方式和是否缓存。
2023-03-28 10:05:55 124
原创 虚拟DOM理解
在同一事件循环的时间内如果多次操作DOM,虚拟dom的做法是进行虚拟dom树进行对比,diff算法这些,找出存在需要更新的dom节点然后重构虚拟dom树,在进行一次性渲染,这样就打打提高了性能,因为操作DOM它并没有比innerhtml快,但是我们不可能每一个地方进行优化DOM 操作。又因为虚拟DOM本质上是一个JS对象,所以。,这也是我们使用框架的原因。个人见解,如有错误,欢迎指出)
2023-03-19 14:08:18 114
原创 es6 异步并行和串行和用法
1.异步用法 //此处假设是网络请求 这个网络请求的效果就是 翻倍数值 function async(num) { return new Promise((resolve, reject)=>{ if(1){ setTimeout(()=>{ resolve(num * 2) },500); } else { reject('失败') } }) } // 传入参数2
2021-11-18 10:16:04 465
原创 vue响应式对象和数组
当你设置一个响应式数据 vue 或调用object.defineProperty 把数据的property 转化为 setter 和getter方法 当用户修改或者改变数据操作的方法时 在getter 和setter方法里 调用watcher通知dom渲染 由于javascript的局限性(这地我也不懂大神给出理解) 就导致了 当是对象和数组时 无法检测变化 原因 查资料个人理解是 对象在未提前在data里声明的情况下是无法加入setter和getter方法的 至于数组不懂但vue给出数组修改
2021-01-20 16:28:46 565
原创 es5数组
javascript的数组操作方法isArray 用来判断一个参数是不是数组valueOf() 返回数组本身toString()返回字符串形式的数组arr.push() 向该数组的最后一位添加一个或多个元素 该方法会改变原数组arr.pop()删除该数组的最后一个元素 并返回改元素 该方法会改变原数组arr.unshift() 向数组的第一位添加一个元素 并返回添加后数组长度 该方法会改变原数组arr.shift()删除该数组的最第一个元素 该方法会改变原数组arr.join(“x”)
2020-12-31 10:52:45 86
原创 2020-12-22
模板内可以放置表达式 使用很方便 初衷时为了进行简单的计算 但是如果有复杂的逻辑计算就会导致模板变得过重且难以维护,因此引入了camputed 既计算属性 理解 复杂或者不能一眼看明白的逻辑计算 建议放入计算属性内实例:div{{massage.split('').reverse().jion('')}}div此处是字符串翻转倘若使用计算属性 可以这样写div{{massageFun}}divdata:{massage:''}computed:{// 计算属性的gette
2020-12-22 11:49:42 68
原创 REACT useEffect的使用和原理
原文:https://overreacted.io/zh-hans/a-complete-guide-to-useeffect/Dan Abramovconst [count,setCount] = useState(0); useEffect(() => { setTimeout(() => { console.log('计数器的值'+count); }, 3000); });return(<> <button onClick={() =
2020-09-18 09:04:47 2228
原创 JS 原生时钟效果
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X
2020-09-03 21:08:04 89
原创 react table组件
import Reactfrom 'react';import {Button} from "@alifd/next";import Style from './index.module.scss'const TableList = (props) => { // 可以接收props // 只适用于修改单个因子需要传独立ID适用 // key value的数据结构请用飞冰或ANTD // 定义props包含两个数组 数据格式必须为 // { // 属性:{ //
2020-08-23 13:53:06 600
原创 react 飞冰 账号密码输入保存并加载
下午 3个小时 有点笨啊不包含注册时的判断有瑕疵 回头再修改吧import * as React from 'react';import {Card, Select, Button, Checkbox, Input, Dialog} from '@alifd/next';import {useEffect, useState} from "react";export default function MergeCellTable(props) { const [userInformati
2020-08-22 15:20:22 262
原创 react key 的使用---笔记
react key 的使用—笔记1 为什么要用key官方详细介绍当react进行渲染时 会进行遍历两个dom节点的子元素 进行对比 有变化时 就产生一个mutation(官方说法) 个人理解是变化值 如果说在子元素末尾进行渲染 react会进行匹配第一个和第二个元素所对应的树 然后进行插入这种插入方式 并不特别消耗性能 如果说 元素需要进行插入第一个时 react会重建第一个元素后的所有元素 这样就进行了较大的性能消耗 当拥有key值的时候 react会使用key来进行匹配原有树上子元素和现有
2020-08-21 15:00:54 120
空空如也
关于高德地图矢量图数据量过大卡顿问题
2022-02-14
uniApp中解构赋值提示defined 在vue中是能用的
2021-11-24
APIJSON的网络请求怎么做到安全性
2021-11-20
这段JS代码结果涉及到我的知识盲区了 哪位大神解释下为啥
2021-05-22
uni APP 路由页面栈反复横跳的问题
2021-05-11
飞冰或者antd 列表项数据修改怎么解决 前端问题?
2020-08-19
javaScript 传参时计算 第二个参数不正常
2020-08-04
javaScript 传参并计算时出现不知道是不是异步问题
2020-08-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人