前端
  1. 首页
  2. IT互联网
  3. 前端

列表

vite + vue3多页面配置记录references,loadEnv等

vite + vue3多页面配置记录references,loadEnv等

目的：使用vite创建vue3项目记录细节点 上篇vue2/vue3 + webpack多页面遇到的问题和思考我们使用vue-cli搭建项目都是使用webpack打包的，现在对比一下vite感受一下极速开发体验 增：下一篇vite + vue3 多页面实战优化续集：eslint+lint-staged+husky+stylelint 第一部分：项目基础配置ts相关: lib, references
前端 2025年06月13日
可视化大屏项目适配 vue（方案一）

可视化大屏项目适配 vue（方案一）

选择的适配方案 设计稿是1920px flexible.js 把屏幕分为 10 等份 ( flexible.js 中可修改 ，默认为 10 ) image.png 新建 vue 项目，项目目录如下 image.png src / assets 文件下创建一个新的文件夹 css， css 文件夹下新建一个base.css文件用于定义全局样式 html, body,
前端 2025年07月15日
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug

vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug

vue中,我们有时候需要实现这种场景: 1.搜索页面到列表页面，需要刷新重新获取数据。 2.从详情页面返回列表页面需要记住上次浏览的状态。具体流程如下： 效果图 第一步:在路由配置文件中为列表页设置meta参数，里面包含useCatch和keepAlive { path: "/sportPrdtList", name: "sportPrdtList",
前端 2025年05月28日
uni-app开发指南

uni-app开发指南

如果你平时用Vue写H5项目比较多，然后突然有一天公司要你用uni-app来同时开发H5和小程序（甚至App），而你却对uni-app不熟悉，那么这篇文章或许适合你。 下面我将从以下几个维度出发，总结uni-app开发与Vue开发的不同之处。 ① 项目搭建 ② 配置文件 ③ 内置组件 ④ 数据请求 ⑤ 其他 一、项目搭建 uni-app项目搭建有两种方式，一种是通过vue-cli
前端 2025年04月23日
记录项目中遇到的坑（三）兼容IE浏览器

记录项目中遇到的坑（三）兼容IE浏览器

做PC端项目，有时候需要兼容IE浏览器，所以很多写法都要改变，以下是个人总结的一些写法（兼容到IE8） PS：项目是通过引入 vue.js 的vue项目，new Vue({ el:'#app' }）的形式，不使用脚手架。 1.为了保证引入的js文件不会因官网更新而导致页面出现问题，所以将使用的js和css等文件下载保存到项目中 2.方法都要写成 function：(){
前端 2025年05月18日
六十天前端强化训练之第三十天之深入解析Vue3电商项目：TechStore全栈实践（文结尾附有源代码）

六十天前端强化训练之第三十天之深入解析Vue3电商项目：TechStore全栈实践（文结尾附有源代码）

=====欢迎来到编程星辰海的博客讲解====== 看完可以给一个免费的三连吗，谢谢大佬！目录深入解析Vue3电商项目：TechStore全栈实践一、项目架构设计二、核心功能实现三、组合式API深度实践四、性能优化实践五、项目扩展方向六、开发经验总结完整实现代码模块1
前端 2025年04月25日
前端数据库 IndexedDB 详解：构建强大的离线Web应用

前端数据库 IndexedDB 详解：构建强大的离线Web应用

前端数据库 IndexedDB 详解：构建强大的离线Web应用 引言：为什么需要前端数据库？ IndexedDB核心概念解析 1. 数据库（Database） 2. 对象存储（Object Store） 3. 索引（Index） 4. 事务（Tr
前端 2025年08月24日