yang

摘要： module.exports = { env: { 'browser': true, 'commonjs': true, 'es6': true }, extends: 'eslint:recommended', globals: { page: true, REACT_APP_ENV: true 阅读全文

摘要： 需将babel-eslint更新为@babel/eslint-parser' 卸载babel-eslint 安装@babel/eslint-parser @babel/preset-react uninstall babel-eslint npm i @babel/eslint-parser @ba 阅读全文

摘要： // 自定义 useInterval Hook import React, { useState, useEffect, useRef } from 'react'; export function useInterval(callback, delay) { const savedCallback 阅读全文

摘要： 浏览器的渲染过程 从上面这个图上，我们可以看到，浏览器渲染过程如下： 解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树(Render Tree) Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小） Pa 阅读全文

摘要： 什么是RESTful 一种软件架构风格、设计风格，而不是标准，只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。 一、URI规范 1.不用大写； 2.用中杠 - 不用下杠 _ ； 3.参数列表要encode； 4 阅读全文

摘要： 浏览器缓存 缓存这东西，第一次必须获取到资源后，然后根据返回的信息来告诉如何缓存资源，可能采用的是强缓存，也可能告诉客户端浏览器是协商缓存，这都需要根据响应的header内容来决定的。下面用两幅图来描述浏览器的缓存是怎么玩的，让大家有个大概的认知。 浏览器第一次请求时： 浏览器后续在进行请求时： 从 阅读全文

摘要： 数据更新有延时不能及时获取： const [state, setState] = useState({ num: 0 }); // 直接更新数据 const doing = () => { setState({ num: 1 }) console.log(state); // { num: 0 } 阅读全文

摘要： content-visibility是一个css属性，它控制一个元素是否呈现其内容，能让用户潜在地控制元素的呈现。用户可以使用它跳过元素的呈现(包括布局和绘制)，直到用户需要为止，让页面的初始渲染得到极大的提升。 content-visibility属性有三个可选值: visible: 默认值。对布 阅读全文

摘要： 前言 Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 Composition API setup setup 是 Vue3.x 新增的一个 阅读全文

摘要： 相同点都可以描述一个对象或者函数interfaceinterface User { name: string age: number}interface SetUser { (name: string, age: number): void;}typetype User = { name: stri 阅读全文