前端学不动了

前言 随着DeepSeek的火爆，公司前段时间也接了一个有关AI的项目。其中有一个人机交付对话框页面。逻辑也挺简单，通过websocket建立长连接。后端调用AI接口给前端...

web在线编辑器实现编辑和文本对比功能（vue版） 支持在线编辑文本，并且实现文本修改对比的功能，可以跳转到相邻对比，显示修改个数，包含三个编辑器的实现方式...

大家好，我叫东东吖，你现在看到的是vue进阶系列，如果觉得不错，可以点赞收藏哦，喜欢我的朋友，还可以加个关注鸭。 vue进阶系列包括以下内容： vue进阶之路：组件通信的8...

近几年，在技术领域低代码是比较热门的话题，比如阿里云推出了易搭，通过简单的拖拽、配置，即可完成业务应用的搭建，腾讯云则是推出了微搭，通过行业化模板、拖放式组件和可视化配置快...

本文旨在充分利用 Hooks，呈现一份全面的代码质量提升指南，引导走出 `useEffect` 和 `useState` 的舒适区，提升项目代码质量。...

前言 我们在使用React开发过程中经常会遇到父组件引入子组件的情况，在不做任何优化处理的时候，往往会造成子组件不必要的重复渲染。看下面一个简单的例子 React.memo...

前端内存优化 - 四万条数据导致页面崩溃的问题 项目中有个页面，表格数据很多，用了handsontable来展示，这个表格通过虚拟滚动来呈现大数据，当数据来到4万条时，后端...

大家好，我是张添财。今天介绍的是useImperativeHandle，这个钩子函数和上篇的《useRef的使用》关联性较强，建议对useRef不熟悉的小伙伴们可以看下上篇...

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔...

React 内置的 hooks 彻底改变了我们开发组件的方式，但是 hooks 的真正威力在于创建自定义 hooks，将可复用的逻辑封装起来，增强组件的组合能力。自定义 h...

Vue3.5提出了两个重要概念：version计数和双向链表，作为在内存和计算方面性能提升的最大功臣。既然都重要，那就单挑version计数来介绍介绍，它在依赖追踪过程中，...

列表是很常见的场景： 如果我们想给它加上进入离开的动画效果： 怎么做呢？ 一般我们会用 react-transition-group 来做。 在 npm 官网可以看到，这个...

在3年前发布了一篇vue2后台管理系统动态路由方案，时至今日，vue2已经升级到了vue3，动态路由的实现方案也同步做出了一些升级迭代，帮助开发者们更高效的完成业务需求，然...

前言 keep-alive是Vue中的缓存标签， 组件在标签中的内容会被缓存下来;但是在多层嵌套的router-view中， 只能缓存到该层下的router-view， 由...

我们都知道，如果一次性展示所有的数据，那么会造成页面卡顿，虚拟滚动的原理就是将数据根据滚动条的位置进行动态截取，只渲染可视区域的数据，这样浏览器的性能就会大大提升，废话不多...

2024.04.20 更新前端面试问题总结（23 道题） 其他面试问题可以访问 https://github.com/pro-collection/interview-qu...

两种主要的路由模式createWebHashHistory和createWebHis的对比。手写Hash Router，使用原生JavaScript模拟了Vue Route...

目前在Vue官网显最新版本已经是Vue3.5，其中主要包含了几个小改动，我留着到日常最常用的改动就是props了，肯定是用Vue3的人必用的，所以针对性讲解。...

在5 分钟带你快速读懂 vite 打包过程，源码分析一文中，我们介绍了 vite 打包的代码转化是通过 esbuild 来完成的。而 esbuild 是不支持 ie11 的...

大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。...