安装脚手架终端执行命令:npm install -g @vue/cli创建vue项目**方法一:**基于交互式命令行的方式,创建新版vue项目,执行命令:Vue create my-project //my-projec为项目名。按照提示内容选择创建方式。创建完成后cd到项目中可以执行npm run serve命令运行项目运行完成后可以访问生成的地址查看创建的项目**方法二:**图形化方式创建vu
转载 2024-04-14 21:01:30
54阅读
基于 vueui框架手机 电脑 兼容框架vuetifyjsvuetifyjs是比较流行的基于vue前端ui框架,作者John Leider来自国外,vuetifyjs组件众多,并且电脑端,移动端通用一套代码官网网址: https://vuetifyjs.com/zh-Hans/ 手册网址: https://vuetifyjs.com/zh-Hans/getting-started/quick
通过Vue CLI可以方便的创建一个Vue项目,但是对于实际项目来说还是不够的,所以一般都会根据业务的情况来在其基础上添加一些共性能力,减少创建新项目时的一些重复操作,本着学习和分享的目的,本文会介绍一下我们Vue项目的前端架构设计,当然,有些地方可能不是最好的方式,毕竟大家的业务不尽相同,适合你的就是最好的。除了介绍基本的架构设计,本文还会介绍如何开发一个Vue CLI插件和preset预设。p
转载 2024-03-12 17:09:43
38阅读
目录微前端是什么?背景核心价值目前微前端的几种解决方案iframe阿里乾坤 qiankun (阿里 14.2k)microApp (京东 4k)无界:(腾讯 2k)小结microApp基础示例1. 基座应用1. 依赖版本2. main.js引入3. router/index.js路由设置4. 各页面的内容4.1 Layout.vue页面4.2 my-page.vue页面4.3 parent1.v
因项目工作需要,目前在研究前端的一些知识。主要想实现一个类似于webstorm,可以实现对本地文件进行增删改查等操作的IDE。
原创 2022-08-11 12:01:05
542阅读
前言Vue旗下有很多衍生的UI框架,它们能够很好的提高前端工程师开发效率。今天在这里,笔者做一个整理。将UI框架分为PC和Mobile两大类,并逐一展示PC版UI库ElementElement
原创 2022-01-16 11:08:57
650阅读
大家好,我是漫步,之前我分享过一篇关于Vue性能优化的文章反响不错,今天分享一篇类似的,希望你看完有所收获。……已经好久好久没写过文章,上一次写应该是年前吧,可能是变懒了吧。最近都在看坑找坑,闲下来有点无聊,就想水一遍文章,打发一下时间...能让你首次加载更快的路由懒加载,怎么能忘?路由懒加载可以让我们的包不需要一次把所有的页面的加载进来,只加载当前页面的路由组件就行。举个????,如果这样写,加
转载 2024-09-29 12:30:35
905阅读
间的Vue.js,目前用它正在做自己的公...
转载 2023-01-05 11:02:30
131阅读
世界三大EDA厂商一般指的是Cadence, Synopsys, Mentor Graphics。数字IC前端设计以RTL设计为起点,以生成可以布局布线的网表为终点;主要是实现用设计的电路实现想法;前端设计主要包括:基本的RTL编程和仿真,IC系统设计、功能验证、综合、静态时序分析、逻辑等值验证。做IC前端设计常用的是Synopsys家的EDA工具:如仿真使用的VCS(verilog compil
转载 6月前
47阅读
前言本文介绍的是有关于vue方面的前端工程化实践,主要通过实践操作让开发人员更好的理解整个前端工程化的流程。本文通过开发准备阶段、开发阶段和开发完成三个阶段开介绍vue前端工程化的整体过程。准备阶段准备阶段我将其分为:框架选择、规范制定、脚手架搭建。框架选择vue的框架有很多,有脚手架框架例如vue提供脚手架、nuxt等,还有vue版本对应的版本;UI组件库可选择性更多,element、Ant D
https://zhuanlan.zhihu.com/p/21802181 先按装vue脚手架:vue-cli 安装mint-ui 安装 babel-plugin-component 然后在 .babelrc 中配置它: 引入方法1:【全部引入】 引入方法1:【局部引入】 插件会自动引入相应的 CS
转载 2017-11-09 22:28:00
234阅读
2评论
前言Vue旗下有很多衍生的UI框架,它们能够很好的提高前端工程师开发效率。今天在这里,笔者做一个整理。将UI框架分为PC和Mobile两大类,并逐一展示PC版UI库ElementElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库项目文档适合管理后台系统开发iViewiView,一套基于 Vue.js 的高质量 UI 组件库项目文档适合管理后台系统开发Ant Design VueAnt Design Vue是蚂蚁金服 Ant Design
vue-element-admin中table分页原理:根据currentPage与pageSize去后台精准查询,返回匹配的结果,然后前台currentPage与pageSize变化时,再去后台获取相应的结果值。这样的优点:前台存储的资源少,压力小。缺点:后端不断接收请求的次数多。我优化了一下,不能说优化,改造了一下,增加了另一种分页机制,后台全部获取数据,前台通过computed得到table
转载 2024-06-14 08:37:32
97阅读
VUE框架引入Element-UI实现前端效果------VUE框架
原创 7月前
74阅读
一、移动端MintCubeMUIVantVuxMuse-ui 二、PC 端Element UIiViewLayuiAnt DesignBootstrapvuetify 三、FrameWorksFlutterTaroFramework7 
转载 2023-07-26 20:29:33
111阅读
一.Mint UI官网:https://mint-ui.github.io/#!/zh-cnGithub: https://github.com/ElemeFE/mint-ui/由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug 并新增了部分组件,于本周发布了 0.2.0 版本。二.WeUI
转载 2023-12-21 20:17:01
47阅读
前端更新程序后,通知用户刷新UI 需要手动修改版本号 在 public 目录下 创建 version.json { "version": "1.0.0" } src
原创 1月前
53阅读
在这里我用到了一个插件,需要在在main.js中全局引入:import { export_excel_to_json, export_json_to_excel } from '@/api/operExcel'下载地址:不多说,上源码1.页面样式<div clas...
转载 2021-08-10 13:53:48
1916阅读
目录一、Vue概述二、Vue快速入门三、Vue指令3.1 v-bind和v-model3.2 v-on3.3 v-if和v-show3.4 v-for3.5综合案例四、Vue生命周期 一、Vue概述先来分析下页面的组成:一个完整的html页面包括了视图和数据,数据是通过请求从后台获取的,那么意味着我们需要将后台获取到的数据呈现到页面上,很明显, 这就需要我们使用DOM操作。正因为这种开发流程,所
1.Vue.js Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,V ...
转载 2021-09-22 00:48:00
541阅读
1点赞
3评论
  • 1
  • 2
  • 3
  • 4
  • 5