随笔分类 - 学习
摘要：常见的前端渲染模式有三种，分别是csr/ssr/ssg CSR 客户端渲染 Client-Side Rendering 页面的渲染全部由浏览器完成，当用户访问一个页面链接时，服务端相应对应的html文件，下载完js、css图片等静态资源完成渲染。 一般的html只会有基本的骨架，类似如下的结构。所有
阅读全文
摘要：排查流程图 flowchart TB A --> B --> C --> D --> E subgraph A[认识问题] A1[收集信息] A2[确认问题] A3[复现问题] A4[影响范围] A1 --> A2 --> A3 --> A4 end subgraph B[诊断/确认问题] B1[检
阅读全文
摘要：最近需求，要在b端展示上传的pdf文件。实现方式有很多，记录一下我们最常用的pdf.js //安装 "pdfjs-dist": "2.0.402" //引入 import * as pdfjs from 'pdfjs-dist' import * as pdfjsWorker from 'pdfjs
阅读全文
摘要：方法： const imgSrcQueue: Array<HTMLImageElement> = []; export function preloadImageList(names) { return new Promise((resolve) => { let n = 0, img, imgs
阅读全文
摘要：背景 2022-11-25 Ant Design 5.0 正式发布上线 探究 思考： 首先让我们了解一下啥是Design Token？ 翻译： Design（设计）+ Token（令牌）= Design Token（设计令牌） 完全没毛病的解释～但说了跟没说一样（听君一席话，如听君一席话！😂） 但
阅读全文
摘要：一、基本概念 1.1 对象/头/域对象这个词，在不同的使用场合其意思各不相同。比如，在面向对象编程中，它指“具有属性和行为的事物”，然而在 GC 的世界中，对象表示的是“通过应用程序利用的数据的集合”。对象配置在内存空间里。GC 根据情况将配置好的对象进行移动或销毁操作。因此，对象是 GC 的基本单
阅读全文
摘要：package.json文件解析（author:慧敏） 每个项目的根目录下一般都会有一个package.json文件，这个文件定义了当前项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等）。 当运行npm install命令的时候，会根据package.json文件中的配置自动下载所
阅读全文
摘要：Sandbox 沙箱 在现实与我们前端相关的场景中，我们平时使用的浏览器就是一个沙箱，运行在浏览器中的 JavaScript 代码无法直接访问文件系统、显示器或其他任何硬件。Chrome 浏览器中每个标签页也是一个沙箱，各个标签页内的数据无法直接相互影响，接口都在独立的上下文中运行。 在微前端架构是
阅读全文
摘要：码之根本，在于规则。温故而知新，可以为师矣！ES6前，没有什么比它更适合我们学习和了解的：（以下是线上网址，也可买书） https://es6.ruanyifeng.com/ 今天就重点介绍一下ES7之后新增的特性： ES2016(ES7) Array.prototype.includes() in
阅读全文
摘要：//防止连点 const canHamdle = useRef(true); function onHandleSubmit() { if (!canHamdle.current) { return } else { fun something(); canHamdle.current = fals
阅读全文
摘要：系统： cd 进入指定文件夹路径 cd ~/Desktop pwd 显示当前的目录路径 /Users/xz/Desktop ls 显示当前目录下的内容 ls -la 显示当前目录下的详细内容 ls -A 显示当前目录下的内容 含点(.)开头的文件 mkdir 创建目录 mkdir dir_name
阅读全文
摘要：常用我们通常在写函数组建时，用useState来设定使用的变量。 如：const [myNumber,setMyNumber]=useState(0) 解释：变量名：myNumber 。改变变量名的方法：setMyNumber（）。初始值 0。 setMyNumber（1） ：将myNumber的值
阅读全文
