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

列表

关于优化Vue-router优化import引入过多导致index文件过于臃肿

关于优化Vue-router优化import引入过多导致index文件过于臃肿

1.需求 当我们在开发过程中，需要引入很多的文件，但是又不想每个文件都依次导入的时候 就会想有没有一个方法可以批量导入 require.context方法就可以解决这个问题.(仅限于webpack） function importAll (require) { console.log(require.keys(),'keys') // 此处是由多个文件路径组成的数组 require
前端 2025年05月16日
Vue 的单项数据流

Vue 的单项数据流

数据总是从父组件传到子组件，子组件没有权利修改父组件传过来的数据，只能请求父组件对原始数据进行修改。这样会防止从子组件意外改变父组件的状态，从而导致应用的数据流向难以理解。 注意：在子组件直接用 v-model 绑定父组件传过来的 props 这样是不规范的写法，开发环境会报警告。 如果实在要改变父组件的 props 值可以再data里面定义一个变量，并用 prop 的值初始化它，之后用$emit
前端 2025年05月16日
Vue WanAndroid项目

Vue WanAndroid项目

基于Vue 搭建的WanAndroid项目 供参考 项目中API均来源于：www.wanandroid.com 项目运行： 1.克隆项目至本地 2.npm install 3.npm run dev 项目架构： Vue版本： V2.5.2 UI：html5 + css3 + vant2 列表刷新：vuejs-loadmore 网络请求： axios 数据持久化：js-cookie 屏幕适配：f
前端 2025年05月16日
【JS 】SharedWorker 优化前端轮询请求

【JS 】SharedWorker 优化前端轮询请求

1. 背景 目前公司系统首页存在一个定时的轮询请求/Admin/Dashboard/GetAppRelaseNotice，包含一些需要实时反映在前端的操作（如：页面版本，站内信，页面配置更新等） 问题很明显，单个页面的情况下，每分钟会发送一次请求； 但如果同时打开多个tab，每个tab每分钟都会发送一次请求 2. 思路 针对这个情况，可以使用 SharedWorker
前端 2025年05月16日
关于 Safari 100vh 的问题与解决方案

关于 Safari 100vh 的问题与解决方案

配图源自 Freepik 一、背景 最近在做一个移动端的 H5 项目，遇到了一个「有趣」的问题。假设有一页面布局如下： 下方 50px 悬浮于底部，采用 fixed 布局，示例如下： <div class="container"> <!-- height: 100vh - 50px --> <div class="page">&
前端 2025年05月16日
vue中使用axios请求post接口，请求会发送两次

vue中使用axios请求post接口，请求会发送两次

在vue中使用axios请求post接口，请求会发送两次 image.png image.png 所有跨域的js在提交post请求的时候，如果服务端设置了可跨域访问都会默认发送两次请求，第一次是预检请求，查询是否支持跨域，第二次才是真正的post提交。JS中出现这个现象原因在于你发送了一个非简单请求。 浏览器分为简单请求以及非简单请求： 跨域请求需要先发一次Option预
前端 2025年05月16日
Vite中使用Ant Design Vue3.x框架

Vite中使用Ant Design Vue3.x框架

官网: 文档选择vue3版本，也是官网当前推荐的 安装 ant-design-vue npm i --save ant-design-vue main.js引入，全局使用 import { createApp } from 'vue' import App from './App.v
前端 2025年05月16日
Vite+vue3+Ts+pinia开发（三：父子通讯、兄弟通讯、数组清空、ref、reactive的使用）

Vite+vue3+Ts+pinia开发（三：父子通讯、兄弟通讯、数组清空、ref、reactive的使用）

首先你完成了如下： Vite+vue3+Ts+pinia实战（一：初始、基础安装、踩坑） Vite+vue3+Ts+pinia开发（二：路由、pinia、UI库安装） 今天就讲讲父子通讯、兄弟通讯，以及ref、reactive的简单使用吧。 父传子Ref基础的HelloWorle.vue就有就不多说了。 初始目录： image.png 一、在components下建一个组件，我这里叫h
前端 2025年05月16日
SpringCloud微服务实战——搭建企业级开发框架（四十八）：【移动开发】整合uni-app搭建移动端快速开发框架-使用第三方UI框架

SpringCloud微服务实战——搭建企业级开发框架（四十八）：【移动开发】整合uni-app搭建移动端快速开发框架-使用第三方UI框架

  uni-app默认使用uni-ui全端兼容的、高性能UI框架，在我们开发过程中可以满足大部分的需求了，并且如果是为了兼容性，还是强烈建议使用uni-ui作为UI框架使用。   如果作为初创公司，自身又不想费太多精力去自己设计一套UI框架，那么DCloud插件市场提供了很多优秀的UI框架，最重要的是有些UI框架能够提供一整套行业的页面模板，比如，前几年电商项目比较火，Vant、ColorUI等提
前端 2025年05月16日
组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry

组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry

组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry 背景 近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。 组件基本信息 组件：ferry 开源协议：LGPL-3.0 license 官网：
前端 2025年05月16日