Vue中的组件通信 随笔

集中整理一下日常用到的组件传值方案。 一、通过props和$emit实现父子组件传值: // 父组件 <template> <div> // 通过属性方式给子组件传值;监听子组件的change事件 <HelloWorld :msg="text" @change="handleChangeText" /&g...
codeez 发布于 

笔记-16-React 笔记

react18最大变化就是性能提升 jsx比普通html更严格,在jsx中写class的话要用className 父传子 父给子传方法,子事件触发这个方法 使用useState改变值的时候 整个组件会重新执行一遍。 useState改变对象里的值,需要改变这个对象的地址。 npm install -S use-immer 替换useState,...
codeez 发布于 

记CentOS7.9的配置 笔记

最小安装 勾选 调试工具、兼容性程序库、开发工具、系统管理工具; 创建用户时勾选将此用户作为管理员; 更换yum源:https://developer.aliyun.com/mirror/centos?spm=a2c6h.13651102.0.0.3e221b11M6dyXI 更换前先备份: sudo cp /etc/yum.repos.d/CentOS-B...
codeez 发布于 

记前端的权限控制方案 笔记

登录鉴权、访问权限、页面权限、按钮权限 在开发后端管理系统时,权限管理是十分常见的,大致可分为接口权限、路由权限、菜单权限、按钮权限四类。 【菜单权限和路由权限基本就是一起绑定的,有的是通过后端返回路由配置,有的是前端把路由全部写死,看项目大小,一般小项目前端可以写死】 一、接口权限 通常使用JWT实现。 认证机制:用户登陆成功后,服务端生成token交给前...
codeez 发布于 

前端性能优化有哪些方案 随笔

前端性能优化涉及到的是多方面的,通过各种策略来提高网页和应用的速度、体验。 分为三个层面: 项目架构 项目开发 项目部署 架构设计要考虑:协同开发、模块解藕,每个模块尽量做到高内聚、低耦合。 每个组件都有自己独立的功能和状态管理,从而减少模块之间的耦合 每个模块或组件只有一个明确的功能,可以减少复杂度,提高可读性和可维护性(单一职责) 使用明确的目录结构来组...
codeez 发布于 

记前端大屏适配方案 笔记

整理一下以往做过的大屏项目是如何处理大屏适配的。 有些项目需要投放到一面墙的大屏幕上。 适配方案:scale 缺点: 如果ui稿和屏幕比例不同会出现留白; 缩放比例过大时,字体会有些许模糊,事件热区会偏移; 适配方案:vw+vh 按照设计稿的尺寸,将px按比例计算转为vw和vh 相较scale,当ui稿和屏幕比例不一致时不会留白。 缺点:每个图表都需要单独做...
codeez 发布于 

XSS攻击的原理和预防 随笔

XSS:跨站脚本攻击。 概念:页面被注入恶意代码,被不知情用户执行。 分三类: 存储型xss ->数据库 反射型xss -> URL DOM型xss 一、反射型 通常反射型XSS的恶意代码存在URL里,通过URL传递参数的功能,如网站搜索、跳转等。由于需要用户主动打开恶意的URL才能生效,攻击者往往会结合多种手段诱导用户点击。 // 点击按钮后获...
codeez 发布于 

记uni-app分包 笔记

类似懒加载; 为了优化小程序的加载性能,可拥有一个主包多个分包; tabs页面不能放分包要放主包,分包内可放置其他页面; 创建流程: // pages.json "subPackages":[ { "root":"subcom-pkg", // 设置分包的跟路径 "pages":[ ] } ] 在项目根目录创建文件夹:sub...
codeez 发布于 

Js是单线程的,如何实现多线程? 随笔

浅谈Web Worker Web Worker 是 HTML5 标准的一部分,这一规范定义了一套 API,允许我们在 js 主线程之外开辟新的 Worker 线程,并将一段 js 脚本运行其中,它赋予了开发者利用 js 操作多线程的能力。 因为是独立的线程,Worker 线程与 js 主线程能够同时运行,互不阻塞。所以,在我们有大量运算任务时,可以把运算任务...
codeez 发布于 

前端微服务的使用记录(qiankun) 笔记

微前端架构具备以下几个核心价值: 技术栈无关 主框架不限制接入应用的技术栈,微应用具备完全自主权 独立开发、独立部署 微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新 增量升级 在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微前端是一种非常好的实施渐进式重构的手段和策略 独立运行时 每个微应用之间状态隔离...
codeez 发布于