学习笔记
关注
分享
扫一扫
文章平均质量分 52
weixin_49857754
这个作者很懒，什么都没留下…
展开
-
浏览器缓存-强制缓存-协商缓存
缓存是一种提升浏览器性能和客户体验的一种手段。主要提升了网站的加载速度，减少了服务器请求。浏览器通过读取response header里面返回的内容决定缓存方式和是否缓存。原创 2023-03-28 10:05:55 · 144 阅读 · 0 评论 -
二维数组求组合
二维数组求组合原创 2023-03-14 11:36:08 · 98 阅读 · 0 评论 -
webpack-loader
webpack之loader：学习记录原创 2023-03-13 18:51:11 · 74 阅读 · 0 评论 -
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 · 516 阅读 · 0 评论 -
vue响应式对象和数组
当你设置一个响应式数据 vue 或调用object.defineProperty 把数据的property 转化为 setter 和getter方法 当用户修改或者改变数据操作的方法时 在getter 和setter方法里 调用watcher通知dom渲染 由于javascript的局限性（这地我也不懂大神给出理解） 就导致了 当是对象和数组时 无法检测变化 原因 查资料个人理解是 对象在未提前在data里声明的情况下是无法加入setter和getter方法的 至于数组不懂但vue给出数组修改原创 2021-01-20 16:28:46 · 607 阅读 · 0 评论 -
es5数组
javascript的数组操作方法isArray 用来判断一个参数是不是数组valueOf() 返回数组本身toString()返回字符串形式的数组arr.push() 向该数组的最后一位添加一个或多个元素 该方法会改变原数组arr.pop()删除该数组的最后一个元素 并返回改元素 该方法会改变原数组arr.unshift() 向数组的第一位添加一个元素 并返回添加后数组长度 该方法会改变原数组arr.shift()删除该数组的最第一个元素 该方法会改变原数组arr.join(“x”)原创 2020-12-31 10:52:45 · 105 阅读 · 0 评论 -
2020-12-22
模板内可以放置表达式 使用很方便 初衷时为了进行简单的计算 但是如果有复杂的逻辑计算就会导致模板变得过重且难以维护，因此引入了camputed 既计算属性 理解 复杂或者不能一眼看明白的逻辑计算 建议放入计算属性内实例：div{{massage.split('').reverse().jion('')}}div此处是字符串翻转倘若使用计算属性 可以这样写div{{massageFun}}divdata:{massage:''}computed:{// 计算属性的gette原创 2020-12-22 11:49:42 · 77 阅读 · 0 评论 -
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 · 2264 阅读 · 0 评论 -
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 · 101 阅读 · 0 评论 -
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 · 658 阅读 · 0 评论 -
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 · 295 阅读 · 0 评论 -
react key 的使用---笔记
react key 的使用—笔记1 为什么要用key官方详细介绍当react进行渲染时 会进行遍历两个dom节点的子元素 进行对比 有变化时 就产生一个mutation（官方说法） 个人理解是变化值 如果说在子元素末尾进行渲染 react会进行匹配第一个和第二个元素所对应的树 然后进行插入这种插入方式 并不特别消耗性能 如果说 元素需要进行插入第一个时 react会重建第一个元素后的所有元素 这样就进行了较大的性能消耗 当拥有key值的时候 react会使用key来进行匹配原有树上子元素和现有原创 2020-08-21 15:00:54 · 136 阅读 · 0 评论