1、概述Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。2、基础使用1、安装node.jsnodejs.cn/download2、安装vue-cli 快速生成项目模板
转载
2024-05-16 23:26:51
367阅读
vue项目实战笔记目标目录1.项目概述1.1电商项目基本业务概述1.2电商后台管理系统的功能1.3电商后台管理系统的开发模式（前后端分离）1.4电商后台管理系统的技术选型1.前端项目技术栈2.后端项目技术栈（了解即可）2.项目初始化2.1前端项目初始化步骤2.2后台项目的环境安装配置3.登录/退出功能3.1登录概述1.登录业务流程2.登录业务的相关技术点3.2登录——token原理分析3.3登录功
前端代码规范一、命名规范市面上常用的命名规范：
camelCase（小驼峰式命名法 —— 首字母小写）
PascalCase（大驼峰式命名法 —— 首字母大写）
kebab-case（短横线连接式）
Snake（下划线连接式）1.1 项目文件命名1.1.1 项目名全部采用小写方式， 以短横线分隔。 例：my-project-name。1.1.2 目录名参照项目命名规则，有复数结构时，要采用复数命名
vue项目开发 文章目录vue项目开发前言一、前端1、登录功能2、整体布局3、菜单模块4、角色模块4、用户管理 前言前后端分离项目一、前端1、登录功能1.新建登录页面和首页，并配置路由{
path: '/',
name: 'Index',
component: Index
},
{
path: '/login',
name: 'Login',
本文小编为大家详细介绍“Vue的新型前端构建工具Vite怎么用”，内容详细，步骤清晰，细节处理妥当，希望这篇“Vue的新型前端构建工具Vite怎么用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。从 Vite 开始先来看看 Vite 的官方介绍吧。可以看出，在本地开发时，Vite 使用了 原生 ES 模块：现代浏览器（比如最新版谷歌
为什么选Vite
当我们开始构建越来越大型的应用时，需要处理的 JavaScript 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。基于 JavaScript 开发的工具就会开始遇到性能瓶颈：通常需要很长时间（甚至是几分钟！）才能启动开发服务器，即使使用模块热替换（HMR），文件修改后的效果也需要几秒钟才能在浏览器中反映出来。如此循环往复，迟钝的反馈会极大地影响开发者的开发效率和幸福感。
转载
2024-06-04 05:03:19
149阅读
在vue2的时代，PC端的ui框架可以说elementUI独步天下，至少我在面试及工作过程中遇到的都是使用elementUI的，但是该开源项目随着核心成员的离职，更新进度似乎越来越缓慢，似乎印证了那句“开源工作一旦功成身退，再也没有动力和精力去持续维护下去”的言论了。随着vue3的时代的到来，未来前端框架翻云覆雨，走势如何还不知道，但是各大UI框架已经开始卯足了劲开发适配vue3的版本，这其中当属
转载
2024-09-24 19:45:06
235阅读
最近做项目要用到cesium，然后参照网上的一些步骤，最后发现报错了，其中有两种错比较多： ① This dependency was not found: * cesium/Cesium in ./src/main.js.&nb
很小白刚学习前端的时候不太清楚该去哪里找到合适的资料入门,而且学习的方向很乱,这样学习很久也没有效率,很难找到合适的工作,今天小编就给大家分享几个新手web前端常用到的几个入门学习的网站,希望大家收藏.（如果还有其他学习网站可以在评论区分享哦！）一、http://www.w3school.com.cn 2.慕课网 很多免费的教程,而且会有一些项目案例的教程,可以去观看.&nbs
文章目录1、开发环境搭建1.1、服务端环境搭建1.2、前端环境搭建1.2.1、后台管理系统（PC端后台）1.2.2、WebAPP应用（移动端前台）2、服务端接口开发2.1、服务端项目结构设计2.1.1、设计路由2.1.2、设计数据库模块3、后台管理系统开发（PC）4、WebAPP开发（移动端）5、服务端部署上线6、打包APP（Android） 1、开发环境搭建1.1、服务端环境搭建服务端技术栈：N
转载
2024-03-22 12:53:15
158阅读
该代码特点：
1. 所见即所得，前端展示什么样，导出的表格内容就是什么样。
2. 支持多工作簿，可以一次导出同页面的多份数据。
3. 缺点：如果数据有后端分页，请不要使用。
原创
2020-10-22 16:31:34
7791阅读
在不使用服务端渲染的情况下，Vue 单页应用(SPA)仍然可以通过以下方法优化 SEO：1. 预渲染 (Prerendering) - 最佳替代方案适用于内容变化不频繁的网站：# 安装 prerender-spa-plugin
npm install prerender-spa-plugin -D// vue.config.js
const path = require('path')
const
由于项目需求需要采取
前端分页方式，最后找到解决方式 <a-table size="default" bordered :columns="columns" :dataSource="dataSource" :loading="loading" :pagination="false" > ...此处省
转载
2021-07-09 09:33:00
1702阅读
2评论
先看一下拖拽相关的事件：dragover、dragenter drop和dragleave 。dragover事件：当被拖动的元素在一个可放置目标上方时，该事件会被触发。通常，我们会使用event.preventDefault()方法来取消浏览器默认的拖放行为，以便可以自定义拖拽行为。这个事件在拖拽过程中会持续触发，可以用于实现一些特殊的样式效果，如显示拖拽目标的悬浮效果。drop事件：当拖动的元
原创
2024-03-11 16:10:06
291阅读
现在许多新颖的模拟前端(AFE-Analog Front End)瞄准了各种不同应用：有线和无线通信、工业电子、消费类产品，出现了专用和通用AFE来满足多种市场需求。一般AFE为通用单元。AFE可以是少数为数字电路、多数为模拟电路器件，用一个简单的状态机控制多路转换器，将信号传输给一个或多个数据转换器。AFE也可以是多数为数字电路、少数为模拟电路器件，包括一个或多个数据转换器并带有其他微控制器外设
转载
2024-05-19 17:54:35
48阅读
通过前面的学习，我们可以顺利的在Vue中将数据源渲染到HTML的DOM元素中，但很多时候我们希望能控制数据源。也就是数据绑定，并且与其通讯。简单的说，怎么在Vue中实现数据的双向绑定。这种场景一般都是在表单的操作情景中。在Vue中可以使用v-model的指令来实现。不过这篇文章我们只是来学习v-model指令的使用，但不探究Vue数据双向绑定的原理。如果你对原理方面感兴趣，可以阅读这篇文章。基础用
一、vue简介是一种js框架简化DOM操作响应式数据驱动二、vue入门1.第一个vue程序<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initia
为了前后端分离，我们在前端和api层中间，架构了一层node层，用来做服务端渲染，来加快用户的首屏可用和对搜索引擎的友好。项目一开始放置在同一个git仓库里面，分别放在client目录和server目录中（或者类似于vue 官方例子中的一样，node服务可能只有一个sever.js。因为server中可能需要client中的一些资源，所以不得不将他们放在一起。后来通过配置中心驱动之后，client
背景在企数保项目开发前期，由于项目紧急，需要先做一个独立于后端的纯前端演示项目，即不依赖于后端打包纯前端静态资源。现有的项目代码和打包配置，需要基于以上需求进行修改，本文章是对修改过程中遇到的问题进行记录和总结。解决方案修改 VueRouter 的路由模式为默认的 hash 模式修改 src/router/index.js 文件，把 mode: 'history' 这一行注释掉就行 修改 Webp
转载
2021-03-16 21:35:05
1766阅读
2评论
前言好久没有更新博客了，今天就写一下vue脚手架+antd如何架构一个后台管理系统页面，本来是想弄微前端的但是想想还是算了，不过你熟了的话，可以使用微前端进行架
原创
2022-07-25 16:28:56
344阅读
