个人技术分享

Angular是Google开发的一个开源Web应用框架，它提供了完整的开发解决方案，包括模板、数据绑定、路由、表单验证等功能。在当今的Web前端开发中，三大主流框架——React、Angular和Vue，以其各自的特色和优势，占据了重要的位置。Vue是一个轻量级的、渐进式的JavaScript框架，它提供了灵活的组件系统和强大的指令系统。：React适用于构建大型、复杂的Web应用，尤其是需要高性能渲染和数据驱动的应用。：Vue适用于构建小型到中型的Web应用，尤其是需要快速开发和灵活定制的应用。

1、vue3中的ref与reactive的区别2、为什么用const声明3、响应式对象与响应式引用的区别4、为什么Array更适合用 ref来声明

在 React 中使用 Ant Design（antd）封装一个权限按钮通常涉及到两个主要部分：按钮的渲染逻辑和权限的验证。

React 调度是用来调度 fiber 任务的，任务可以暂停并将控制权交给浏览器，调度的核心是通过 Priority Queue 实现，根据重要程度进行排序，过期时间作为排序字段，先到期的先执行。

用于创建可让用户手动调整盒子长宽的组件。

小结一下：React 函数式组件会在state/props/context/父组件重新渲染时，重新执行函数，为避免不必要的性能消耗（函数重新定义，某些值重新计算等等），减少重新渲染（或者重新执行函数式组件），需要控制props + 配合react.memo用useCallback暂存函数（注意用到state时要用好第二个参数）、useMemo避免复杂运算重复执行用Ref（非受控组件）获取不需要渲染，但又是最新的值不变的值写在函数式组外，避免重复创建jsx里尽量不写字面量、匿名函数。

react在线预览docx文件，并保留格式，包含保留目录调整等样式

上面的代码中，在构造函数中可以用 this 读取到 function 声明的方法，因为构造函数是在组件实例的上下文中执行的。因此，当事件触发时，handleClick 中的 this 指向的是全局对象（在非严格模式下）或者 undefined（在严格模式下），而不是 MyComponent 的实例。简而言之，this.handleClick 是组件实例上的一个方法，而在构造函数中绑定 this 是为了确保在方法内部 this 指向组件实例，即使在它作为回调函数被传递给其他组件或方法时也是如此。

实现播放视频的需求时，往往是前端直接加载一个mp4文件，这样做法在遇到视频文件较大时，容易造成卡顿，不能及时加载出来。播放一点加载一点，这样同一时间内只会加载一小部分的视频，不容易出现播放卡顿的问题。当点击视频时，前端会拿到当前的文件ID请求上面定义好的接口，此时 fielId 肯定不是以 ts 结尾，所以会根据这个 fileId 查询数据库中保存的这条记录，然后调用。文件夹中对视频进行了分片处理，每一片都是以文件ID开头，方便加载分片时找到分片对应的位置。对视频切片使用的是 ffmpeg，可查看我的。

静态站点生成是一种在构建时生成静态HTML等文件资源的方法，其可以完全不需要服务端的运行，通过预先生成静态文件，实现快速的内容加载和高度的安全性。由于其生成的是纯静态资源，便可以利用CDN等方案以更低的成本和更高的效率来构建和发布网站，在博客、知识库、API文档等场景有着广泛应用。

我们都知道craco库可以用来覆盖react配置，如设置别名等。但是在项目使用 Typescript 后，我们需要额外配置，否则会造成编译报错。项目初始化与配置在使用 craco库时，需要同时在 tsconfig.json 文件中配置别名，因为 craco库是用于配置 Webpack 的别名，而不是 TypeScript 的别名。TypeScript 的别名是在 tsconfig.json 文件中配置的，而 Webpack 的别名可以通过craco库进行配置。

其中，React，Angular和Vue.js是最受欢迎的三大主流前端框架，它们分别由Facebook，Google和前Google工程师尤雨溪（Evan You）创建。总的来说，React，Angular和Vue.js各有其独特的优势和特点，选择哪个框架取决于项目的具体需求和开发团队的偏好。不过，无论选择哪个框架，都可以确信，你将站在一个坚实的基础之上，构建出高性能，响应式的Web应用。Angular是一个由Google维护的开源Web应用框架，它提供了一个完整且丰富的功能集，用于构建跨平台的应用。

用于声明在数据更改时调用的侦听回调。watch选项期望接受一个对象，其中键是需要侦听的响应式组件实例属性 (例如，通过data或computed声明的属性)——值是相应的回调函数。该回调函数接受被侦听源的新值和旧值。除了一个根级属性，键名也可以是一个简单的由点分隔的路径，例如a.b.c。注意，这种用法不支持复杂表达式——仅支持由点分隔的路径。如果你需要侦听复杂的数据源，可以使用命令式的$watch()API。值也可以是一个方法名称的字符串 (通过methods声明)，或包含额外选项的对象。

爬岗位看到一个整体都挺满意的岗位，公司位置和发展大方向都好喜欢！还有hybird跨段经验的优先，这块也没有学过，啊！先学学react吧，直接用黑马的教案好了，前端我好像主要都是看的黑马的教程，黑马的主要特点就是讲的比较细，教案比较完整，比较适合没基础的新人，有基础的老人看的话可能会觉得又臭又长哈哈。厘一下代码······主要是在app.js完成结构，在app.scss完成样式，json就是模拟数据库使用。JS和XML（HTML）的缩写，是react中创建UI的方式，指的是在JS中编写HTML。

ahooks和react-query都是好用的react库，但它们有一些关键的区别。ahooks 是一个 React Hooks 库，主要是对react的hook函数进行高级封装，使得项目用起来更加方便；react-query 是一个用于管理应用程序数据和状态的库，它专注于处理数据获取和缓存，还提供了一些特性，例如自动缓存、自动重试、分页等。接下来会从几个问题来具体说说场景使用问题 ~（1）使用 ahooks 还是 react-query 取决于具体需求和项目的复杂度。

之前使用了EventBus的方法实现不同页面组件之间的一个通信，在uni-app中，我们也可以使用uni-app API —— uni.navigateTo来实现页面间的通信。注：2.8.9+ 支持页面间事件通信通道。

在我们深入了解React代码之前，我想在高层次上介绍的另一个主题是抽象。在上一节中，您看到了JSX语法如何转换为更新UI的低级操作。了解React如何转换声明式UI组件的一个更好的方法是，我们不必关心渲染目标是什么。渲染目标恰好是使用React的浏览器DOM，但它并不局限于浏览器DOM。React有潜力用于任何我们想要创建的UI，在任何可以想象的设备上。在React Native中，我们才刚刚开始看到这一点，但可能性是无限的。

在setup函数中，返回的值是不能够被改变的，通过响应式API（ref和reactive）的响应式代理，可以实现传递动态变化的值。响应式API可以让setup中的非响应数据，传递出来，并使其可以响应，从而实现页面的动态编辑，我们可以把ref和reactive看成对数据的特殊赋值，

Vue 3 中的 ref 和 reactive 都是用于创建响应式数据的工具，但它们之间存在一些重要的区别。总的来说，ref 和 reactive 都是Vue 3中强大的响应式API，选择使用哪一个取决于具体的使用场景和性能考虑。对于基本数据类型或需要替换对象的场景，ref 是合适的选择；而对于需要创建一个响应式状态容器的对象，reactive 是更好的选择。轻挥一袖桃花雨，醉卧云水笑春阳。

vue3基础系列