笔记-16-React 笔记
react18最大变化就是性能提升
jsx比普通html更严格,在jsx中写class的话要用className
父传子
父给子传方法,子事件触发这个方法
使用useState改变值的时候 整个组件会重新执行一遍。
useState改变对象里的值,需要改变这个对象的地址。
npm install -S use-immer
替换useState,...
记CentOS7.9的配置 笔记
最小安装 勾选 调试工具、兼容性程序库、开发工具、系统管理工具;
创建用户时勾选将此用户作为管理员;
更换yum源:https://developer.aliyun.com/mirror/centos?spm=a2c6h.13651102.0.0.3e221b11M6dyXI
更换前先备份:
sudo cp /etc/yum.repos.d/CentOS-B...
记前端的权限控制方案 笔记
登录鉴权、访问权限、页面权限、按钮权限
在开发后端管理系统时,权限管理是十分常见的,大致可分为接口权限、路由权限、菜单权限、按钮权限四类。
【菜单权限和路由权限基本就是一起绑定的,有的是通过后端返回路由配置,有的是前端把路由全部写死,看项目大小,一般小项目前端可以写死】
一、接口权限
通常使用JWT实现。
认证机制:用户登陆成功后,服务端生成token交给前...
前端性能优化有哪些方案 随笔
前端性能优化涉及到的是多方面的,通过各种策略来提高网页和应用的速度、体验。
分为三个层面:
项目架构
项目开发
项目部署
架构设计要考虑:协同开发、模块解藕,每个模块尽量做到高内聚、低耦合。
每个组件都有自己独立的功能和状态管理,从而减少模块之间的耦合
每个模块或组件只有一个明确的功能,可以减少复杂度,提高可读性和可维护性(单一职责)
使用明确的目录结构来组...
XSS攻击的原理和预防 随笔
XSS:跨站脚本攻击。
概念:页面被注入恶意代码,被不知情用户执行。
分三类:
存储型xss ->数据库
反射型xss -> URL
DOM型xss
一、反射型
通常反射型XSS的恶意代码存在URL里,通过URL传递参数的功能,如网站搜索、跳转等。由于需要用户主动打开恶意的URL才能生效,攻击者往往会结合多种手段诱导用户点击。
// 点击按钮后获...
记uni-app分包 笔记
类似懒加载;
为了优化小程序的加载性能,可拥有一个主包多个分包;
tabs页面不能放分包要放主包,分包内可放置其他页面;
创建流程:
// pages.json
"subPackages":[
{
"root":"subcom-pkg", // 设置分包的跟路径
"pages":[
]
}
]
在项目根目录创建文件夹:sub...
Js是单线程的,如何实现多线程? 随笔
浅谈Web Worker
Web Worker 是 HTML5 标准的一部分,这一规范定义了一套 API,允许我们在 js 主线程之外开辟新的 Worker 线程,并将一段 js 脚本运行其中,它赋予了开发者利用 js 操作多线程的能力。
因为是独立的线程,Worker 线程与 js 主线程能够同时运行,互不阻塞。所以,在我们有大量运算任务时,可以把运算任务...
前端微服务的使用记录(qiankun) 笔记
微前端架构具备以下几个核心价值:
技术栈无关
主框架不限制接入应用的技术栈,微应用具备完全自主权
独立开发、独立部署
微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新
增量升级
在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微前端是一种非常好的实施渐进式重构的手段和策略
独立运行时
每个微应用之间状态隔离...