前端开发
刷新
React Router 的实现原理

博主头像 本文分两部分，一说前端路由的基本原理，二说 React Router 的实现原理 前端路由的基本原理​ 不说屁话，从时间线上讲，Web 应用原本是后端渲染，后来随着技术的发展，有了单页面应用，慢慢从后端渲染发展成前端渲染 在博客前端路由hash、history的实现 一问中我已经介绍过这两种模式 h ...

如何手写实现 JSON Parser

博主头像 JSON.parse 是我们在前端开发中经常会用到API，如果我们要自己实现一个JSON.parse，我们应该怎么实现呢？今天我们就试着手写一个JSON Parser，了解下其内部实现原理。 JSON语法 JSON 是一种语法，用来序列化对象、数组、数值、字符串、布尔值和 null 。语法规则如下： ...

记录--nginx（前端必会-项目部署-精简通用篇）

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前言 最近在公司部署项目时遇上了一点关于nginx的问题，于是就想着写一篇关于nginx的文章... 主要给小白朋友分享，nginx是什么，nginx有什么用，最后到nginx的实际应用，项目部署。 nginx 公司项目刚刚上线，用户量少访问量 ...

（系列十一）Vue3框架中路由守卫及请求拦截（实现前后端交互）

博主头像 说明 该文章是属于OverallAuth2.0系列文章，每周更新一篇该系列文章（从0到1完成系统开发）。 该系统文章，我会尽量说的非常详细，做到不管新手、老手都能看懂。 说明：OverallAuth2.0 是一个简单、易懂、功能强大的权限+可视化流程管理系统。 友情提醒：本篇文章是属于系列文章，看该 ...

揭秘！Vue3.5响应式重构如何让内存占用减少56%

博主头像 前言 Vue3.5版本又将响应式给重构了，重构后的响应式系统主要有两部分组成： 双向链表和 版本计数。我们在前两篇文章中我们已经讲过了 双向链表和 版本计数，这篇文章我们来讲讲为什么这次重构能够让内存占用减少56%。 欧阳年底也要毕业了，加入欧阳的面试交流群（分享内推信息）、高质量vue源码交流群 ...

构建交互式聊天界面：react-chat-element 实战小计

博主头像 react聊天组件库：react-chat-elements 需求场景：用户可以通过多元的用户交互方式，如文件、图片、声音以及文字等输入相关信息，AI给出对应的回答 react-chat-element介绍 react-chat-elements 是一个专为React开发者设计的聊天组件库，旨在简化 ...

Vuepress-Theme-Hope - 不显示“编辑此页”

博主头像 直接上答案 theme.ts配置中添加下面这行配置项 { editLinkPattern: ":repo/edit/:branch/:path",// 我是部署的GitLab，具体匹配规则可以照着代码管理工具改 } 原因 花了几个小时，最后在源码里找到答案，我们先来看官方文档中这个配置项的说明： 文 ...

这款工具让开发变得没门槛了

博主头像 在快速变化的软件开发领域，工具的选择往往能决定开发效率的高低。今天，我要介绍的是一款能够让你告别繁琐编程步骤，实现需求到代码快速转换的在线开发工具——TitanIDE。它凭借一键生成代码和一键解释代码的功能，为开发者们带来了前所未有的便捷体验。 一、前言 在传统的开发流程中，从需求分析到代码编写，再 ...

记录---前端Vue使用ffmpeg压缩视频再上传

博主头像 ‍ 写在开头 点赞 + 收藏 学会 保姆级操作步骤，从我实际运行中的项目中摘取的所有相关代码展示如下： 1.Vue项目中安装插件ffmpeg 1.1 插件版本依赖配置 两个插件的版本 "@ffmpeg/core": "^0.10.0", "@ffmpeg/ffmpeg": "^0 ...

SpringBoot+Thyemleaf开发环境正常，打jar包发到服务器就报错Template might not exist or might not ..

博主头像 前言 前几天，我在开发前后端一体的项目时候，遇到了一个巨大的坑。这个是关于SpringBoot+Thyemleaf的。现象就是，我在本地开发环境是好的，正常访问某个页面，但是到了打成jar包后，部署到服务器之后，再访问那个页面，总是报错。这个报错是类似于Template might not exis ...

Node.js 构建命令行工具：实现 ls 命令的 -a 和 -l 选项

博主头像 在日常的前端开发中，我们常常借助各种基于 Node.js 的脚手架工具来加速项目搭建和维护，比如 create-react-app 可以一键初始化一个 React 项目，eslint 则帮助我们保持代码的整洁和一致。而在公司内部，为了更好地满足特定业务的需求，我们往往会构建自己的脚手架工具，如自定义 ...

<123···50>