2025-02-22前端开发的世界就像一场永不停歇的技术竞速，而每一年的更新和迭代都让人既兴奋又感叹技术的飞速发展。2024 年也不例外，这一年，React、Vue 等老牌框架依旧占据“赛道主角”的位置，而一些新晋框架则以惊人的速度崭露头角，为开发者带来了更多选择和无限可能。作为现代 Web 开发的灵魂，前端框架的升级直接关系到项目的性能、灵活性和开发者体验。这一年，我们不仅见证了重大版本更新，还迎来了关于 UI 渲..._前端新技术2024

https://www.qianduange.cn//article/20674.html 分类：前端知识

2025-02-22TypeScript 组合式API setup语法糖1. Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：One Piece（海贼王）经历了：4800 次提交、40 个RFC、600 次PR、300 贡献者官方发版地址：Release v3.0.0 One Piece · vuejs/core截止2023年10月，最新的公开版本为：3.3.41.1. 【性能的提升】打包大小减少41%。初次渲染快55%, 更新渲染快133%。内存减少54%。1.2.【 源码的升级】使用Proxy代替de_尚硅谷vue项目实战硅谷甄选,vue3项目 typescript前端项目一套通关

https://www.qianduange.cn//article/20664.html 分类：前端知识

2024-11-10重新在vscode终端运行npm命令时，又出现报错：npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1。用nvm升级了node 安装需要的版本命令：nvm install 版本号 ，切换到新版本：nvm use 版本号。再输入get-ExecutionPolicy 查看当前的状态，发现变成了RemoteSigned，就可以了。后来看到一篇文档说“npm版本较低”，升级npm命令：npm install -g npm。执行命令后提示node版本也较低，_to install them, you can run: npm install --save

https://www.qianduange.cn//article/20152.html 分类：前端知识

2024-04-29HTML 主要用于网页主体结构的搭建CSS 主要用于页面元素美化JavaScript 主要用于页面元素的动态处理HTML5是什么？HTML5是超文本标记语言（HyperText Markup Language）的第五个主要版本。这是一种专门用来创建网页的编程语言。你可以把它想象成一种特殊的“说明书”，它告诉电脑浏览器如何排列和展示网页上的文字、图片、视频、链接等各种内容。HTML5的特点与优势现代化与兼容性：HTML5是在HTML4.01的基础上进行了重大升级，旨在满足现代互联网的需求。_html注释

https://www.qianduange.cn//article/6564.html 分类：前端知识

2024-11-05由于网上也有大量解析方法，但是适合自己的才是最好的，这里重点讲一个踩坑的，开始我通过com.spire.pdf.PdfDocument/3.9.0方式在本地解析成功了，但是发布到测试环境却解析报错，估计是版本低导致被发现了，后面通过升级版本后不报错了，但是因为包含表格又只能解析前面三页或者除了表格的那两页，其他都能解析出来。但是奈何需求没有那么简单，我的PDF是包含表格，且表格里的内容有残次不齐竖着的文本，而且还要去除首页内容，所以我这次用的方式是现将PDF截取首页后重新生成PDF，然后再转换成HTML。_java pdf转html

https://www.qianduange.cn//article/20057.html 分类：前端知识

2024-11-05文章讲述了在控制台运行`npmrundev`时遇到的错误，涉及Node.js版本不支持的警告，作者通过nvm管理工具升级到LTS版本18.19.1以解决问题并成功编码的过程。

https://www.qianduange.cn//article/20034.html 分类：前端知识

2024-11-05关于页面重构的经验，我在项目中经常处理旧版网站的优化升级，利用HTML5和CSS3的技术优势，调整结构，提升性能，同时保持兼容性。图片尺寸优化：只加载视口需要的部分图片，使用懒加载技术（如Intersection Observer API），当图片进入用户的可视区域时才加载，减少初始加载时间。缓存管理：利用浏览器的缓存功能，如果用户再次访问已加载过的图片，可以从本地快速读取，而不是每次都从服务器获取。Web Workers：即使在后台运行，也可以处理耗时任务，避免阻塞主线程，提升用户感知的性能。

https://www.qianduange.cn//article/20029.html 分类：前端知识

2024-11-041. 首先，确定你的项目当前使用的 Vue 版本。可以在项目的 package.json 文件中查看 "dependencies" 或 "devDependencies" 下的 "vue" 的版本号。2. 查看 Vue 的官方文档，了解新版本的变化和可能需要进行的调整。1. 在本地进行全面的测试，确保项目的功能和性能在升级后没有受到影响。3. 修复可能出现的错误，例如语法变化、API 变更等。在进行升级之前，最好对项目进行备份，以防出现意外情况。2. 确定你想要升级到的目标 Vue 版本。_升级vue版本

https://www.qianduange.cn//article/19900.html 分类：前端知识

2024-10-29有时在开发过程中，如果node_modules 中我们使用的第三方插件有bug （作者又没有提供相应的API供我们扩展修改，提了issue也没人管）或者本身不满足我们的地方， 我们需要更改node_modules 依赖包中的源码时，为了不更改后，别人或者自己重新install 时， 导致我们的更改丢失，我们需要用到patch-package。（魔改的同时，也局限了升级的能力，尽量还是去提issue）_vue修改nodemodule依赖插件源码

https://www.qianduange.cn//article/19559.html 分类：前端知识

2024-02-25欢迎阅读本篇文章，我们将带您深入探索Vue 2和Vue 3的路由配置。在现代前端开发中，路由是构建交互式Web应用程序不可或缺的一部分。Vue.js作为一种流行的JavaScript框架，在版本2和版本3之间进行了重大改进和升级。在这篇文章中，我们将比较Vue 2和Vue 3的路由配置，并介绍它们之间的主要区别和新特性。我们将探讨Vue Router的使用方法，包括路由的定义、嵌套路由的设置、路由守卫的应用等。我们还将深入研究Vue 3中的新特性，例如如何影响路由配置的方式。_vue路由配置在那个文件

https://www.qianduange.cn//article/2681.html 分类：前端知识