LogicFlow 简介[https://07.logic-flow.cn/article/article01.html#logicflow-%E7%9A%84%E8%83%...
IP属地：上海
-
前端流程可视化LogicFlow之获取生成的数据
-
webpack compiler和compilationcompiler 对象代表的是构建过程中完整的 webpack 环境配置 ,包括webpack 从启动到关闭的生命周期。 webpack 从执行到结束，Compiler只会实...
-
nextJs 使用Jotai报错error：[ Server ] Error: Attempted to call useAtomValue() from the server but useAtomVal...
-
vue和react diff算法的区别
先说结论： 相同点：1、都是通过两组虚拟DOM的对比，根据差异进行更新2、react和vue只对比同级节点，忽略跨级比较3、都是用key作为唯一标识，进行查找4、遍历前都会根...
-
React Fiber架构解决了什么问题
因为浏览器中，JS引擎和渲染线程在主线程上存在互斥机制；当其中一个线程执行时，另一个线程只能挂起等待，所以JS线程长期占用了主线程，那么渲染线程就要长期等待，因此导致界面长期...
-
setState是同步还是异步更新
setState同步和异步主要取决于它被调用的环境。 在react封装事件中是异步更新 react封装事件：合成事件、生命周期、自定义事件 在浏览器原生事件中是同步更新 原生...
-
React事件处理机制
React通过使用合成事件和事件委托来处理事件。React不会直接在DOM元素上绑定事件监听器，而是在更高的层级（document）上设置事件监听器，当事件发生时，React...
-
memo、useMemo、useCallback理解memo 的作用 在 React 的渲染流程中，一般来说，父组件的某个状态发生改变，那么父组件会重新渲染，父组件所使用的所有子组件，都会强制渲染。而在某些场景中，子组件并没有...
-
npm install 安装和依赖处理
一、依赖安装相关： // 仅安装生产环境依赖npm install --productionnpm install --only=prod#// 仅安装开发环境依赖 npm...
-
npm install 部分依赖安装失败解决方案一
安装项目依赖，如果使用npm i 或者yarn install 一直安装失败，即使改变下载镜像，部分依赖也无法安装，那可以考虑npm install --legacy-pee...
-
前端常见的安全及防御措施
一、跨站脚本攻击（XSS） 攻击者通过在网页中注入恶意脚本，可以窃取用户的敏感信息，如登录凭证、Cookie等，或者进行恶意操作，如篡改页面内容、重定向用户到恶意网站等。 攻...
-
微前端micro-app：基座应用和子应用之间的数据通信
官方文档：MicroApp数据通信[https://micro-zoe.github.io/doc/v0/zh/data.html] 一、 基座应用向子应用发送数据 <!--...
-
css：使用filter和backdrop-filter实现高斯模糊效果
一、文字/图片模糊效果的基础原理 文字模糊效果通常是通过CSS的filter属性中的blur函数来实现的。blur()函数可以给元素添加一个模糊效果，其参数表示模糊的强度，单...
-
H5移动端重写长按选中复制功能
背景：在平板浏览器里，长按选中状态后，出现复制搜索菜单，是浏览器的默认行为 现在的需求是，用户长按文字，选中文字，可划选改变选中，出现搜索按钮，点击搜索按钮，页面进入搜索 本...
-
vue实现匹配文字高亮工作中遇到一个需求，就是搜索框功能是模糊查询，需要将输入的内容与搜索结果中文字一样的部分进行高亮展示，如图 拿到需求之后，脑海中第一个方案就是正则匹配然后替换成html标签进...
-
个人鸿蒙开发学习思路
1、熟悉工程应用目录，主要明确项目入口文件夹、页面文件夹、静态资源文件夹的位置 2、按照DevEco Studio提供的Hello World模板新建一个基础项目，然后结合之...
-
前端大文件上传切片操作/** * 文件切片 * @param {File} file 切片文件 * @param {number} pieceSize 切片大小 * @param {string}...
-
echart 相关demo合集
madeapie[https://madeapie.com/#/] MCChart[http://echarts.zhangmuchen.top/#/index] isqqw...
-
Vue3+vite+element-plus+Sass修改主题颜色1、新建scss文件：src/styles/element/index.scss // @/styles/element/index.scss@forward "elemen...
-
echarts图表tooltip合理计算位置tooltip: { trigger: 'axis', formatter: (params: any) => { let res = params[...