vue实现预览编辑ppt、word、pdf、excel、等功能的解决方案（内网-前端）
需求 1. vue项目内做一个导入ppt的功能 2. 导入的ppt在项目内点击可以预览并且直接在线编辑。 3. 可以多人协同编辑 4. 编辑后可保存 5. 内网 寻找实现方案 1. 使用 ：将PPT文件嵌入到一个iframe中进行预览。（pass掉的原因：可以预览，不能编辑，内网使用要考虑的安全性问题太多） 2. ：一个用于在Vue项目中预览PPT文件的插件，支持在线预览PPT文件，并提供缩略图和全屏预览功能。（pass掉的原因：不支持...
一个”哇塞“前端需要知道的 React 生态清单
【前端】一个”哇塞“前端需要知道的 React 生态清单 最近在做一个自己的知识库，希望对自己的知识体系做一个彻底的梳理和整理，以便制定今后的学习计划和方向。下面就分享一下我自己整理的整个 知识体系和各生态当前最热门的实践 要成为一个精通 React 的 前端，不仅需要全面掌握 React 的基础概念，同时还需要熟练运用相关的技术生态和工具。虽然 只是一个基于 UI 层面的库，但是整个 React 生态其实是很繁荣的，真正要 ”精通“...
从前端工程师的角度将SEO做到极致
一、前言 SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在搜索引擎中的自然排名，以求得获得更多的流量，从而达到互联网营销及品牌建设的目标。 作为一名前端工程师，掌握一些 SEO 的相关知识是很有必要的，本文主要介绍 的优化手段，分为三大类，全方位的把 SEO 做到极致🌻！ 二、优化手段(一) 1\. TDK TDK 是 T...
如何在前端项目中使用出色的开源字体
字体来源 google fonts Google Fonts 是一个由 Google 提供的免费字体库，它的一个主要优点是它的开源性质，这意味着设计师和开发者可以自由地使用和分享这些字体，而无需担心版权问题。 值得注意的是, Google Fonts对中文字体的支持不够丰富.一些常见的中文字体如宋体,楷体,行书等,无法在 Google Fonts 中找到. 猫啃网 猫啃网致中分享了大量无版权问题的免费商用字体, 弥补了 Google F...
总结 Vue3 组件管理 12 种高级写法
SFC 单文件组件 顾名思义，就是一个 文件只写一个组件 模板写法 如果这个组件想要在别的组件里使用，就需要在另一个 中引入和使用、复用 h函数写法 使用 去进行组件编写 JSX/TSX写法 使用 去进行组件编写 安装完毕后，需要在 中去进行插件配置 引入使用 单文件多复用模板 如果你想要在一个单文件组件中，定义一些可复用的模板代码的话，可以试试以下的方法 createReusableTemplate 这是 提供的一个 Hooks 文档...
探索 React 渲染工作原理
渲染简单来说可以分为四个阶段： 1. 渲染被触发执行（通常都是由状态更新所触发的） 2. 渲染阶段 React 会调用组件函数并确定 DOM 应该如何更新 3. 提交阶段 DOM 会被更新以反映当前应用程序状态的变化 4. 浏览器会将更新的 DOM 绘制到屏幕上 组件渲染被触发只会发生在两种场景下： 1. 应用程序第一次运行（initial render） 2. 组件实例的状态更新（re render） 注意，状态发生更新后，渲染并不会...
还原现场 🔍 前端录制用户行为技术方案
目前，在我们的项目中通常会使用各种各样的埋点和监控来收集页面访问的信息，例如点击埋点、PV埋点等，这些埋点数据能够反应绝大部分的用户行为，但是对于一些关注上下文的使用场景而言这些埋点是不够的。 对于 产品 而言，通过点击或PV埋点来判断功能的使用情况有时候不够的，通常需要知道用户的真实使用路径以判断用户使用是否与功能设计所预想的保持一致，从而能够更好地分析用户使用情况并进一步优化和推广。 对于 开发 而言，当我们收到系统异常通知的时候，...
震惊！🐿浏览器居然下毒
发生什么事了 某天，我正在愉快的摸鱼，然后我看到测试给我发了条消息，说我们这个系统在UC浏览器中有问题，没办法操作，点了经常没反应（测试用得iPhone14，是一个h5的项目）。我直接懵了，这不是都测了好久了吗，虽然不是在uc上测得，chrome、safari、自带浏览器等，都没这个问题，代码应该是没问题的，uc上为啥会没有反应呢？难道是有什么隐藏的bug，需要一定的操作顺序才能触发？我就去找了测试，让他重新操作一下，看看是啥样的没反应...
一些react使用小技巧（中）
以下是个人收集总结的一些使用 react 的小技巧第二篇。 五. 高效的状态管理 27\. 永远不要为可以从其他 state 或 props 派生的值创建新的 state state 越多 = 麻烦越多。 每个 state 都可能触发重新渲染，并使重置 state 变得麻烦。 因此，如果可以从 state 或 props 中派生出值，则跳过添加新的 state。 不好的做法：filteredUsers 不需要处于 state 中。 推荐...