个人技术分享

React + SpringBoot实现图片预览和视频在线播放，其中视频实现切片保存和分段播放

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

基于React的SSG静态站点渲染方案

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

React中使用 ts 后，craco库配置别名时需要注意什么？

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

探索Web前端三大主流框架：React，Angular和Vue.js

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

前端框架前置知识之Node.js：Node.js入门

前端程序员有必要学 Node.js 吗？要学到什么程度？其实 node.js 并不属于前端，它是后端，只不过他是用 js 语法写的。如果你想前端转后端，那node.js是一个很好的跳板那为什么黑马程序员的前端学习路线图上，node.js 却是Vue 框架的前置知识呢？其实主要是想让大家了解一下前端工程化的知识，因为node.js 是前端工程化的基础。这有利于后续 Vue 框架的学习，而且可以让大家更深入地了解一些原理层面的知识，应该也会有利于后续的面试

稍微学学react

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

React ahooks库和React Query库使用场景分析

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

什么是React？

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