PS: 感谢 Lainbo[1] 和 未觉雨声[2] 的指正,css 变量比之前统计的使用率更高。5月7日编辑。参考了如下组件库,因为有些设计是多个版本和框架的,这里只讨论 Vue3 版本。element-plus[3] - 经典中的经典,全面支持 Vue 3tdesign-vue-next[4] - 鹅厂优质 UI 组件,配套工具完满,设计工整,文档清晰arco-design-vue[5]- 字
转载
2024-05-31 01:45:28
299阅读
注:排名不分先后1. vue-admin-better 是一个后台管理系统,开源版本支持免费商用,有40多个单页,RBAC 模型 + JWT 权限控制,良好的类型定义,跨平台 PC、手机端、平板,后端路由动态渲染组件库,Vue2使用的是element-ui,Vue3有使用element-plus
转载
2024-04-28 11:24:44
90阅读
PS: 感谢 Lainbo[1] 和 未觉雨声[2] 的指正,css 变量比之前统计的使用率更高。5月7日编辑。参考了如下组件库,因为有些设计是多个版本和框架的,这里只讨论 Vue3 版本。element-plus[3] - 经典中的经典,全面支持 Vue 3tdesign-vue-next[4] - 鹅厂优质 UI 组件,配套工具完满,设计工整,文档清晰arco-design-vue[5]- 字
转载
2024-07-16 07:02:28
186阅读
一年的时间,每一个组件库都有了更多的发展,Ant Design 也出了vue版本的组件库。所以,在今年,我对目前发展比较稳定以及功能比较齐全的 Vue组件库做出了评测。?关于评测相信看这一篇文章的人,肯定也会对 “选择使用哪个组件库?” 这个问题感到烦恼。组件库的选择,对于前端系统的开发有着至关紧要的影响,而组件的丰富性以及健壮性是我们要考虑的重点。所以,本次比对,主要是从组件的多少,以及核心组件
教程目录 一:《【vue init】使用vue init搭建vue项目》 二:《【vue init】项目使用vue-router,引入ant-design-vue的UI框架,引入less》 三:《【vue init】项目引入axios、申明全局变量、设置跨域》根据前文《【vue init】使用vue init搭建vue项目》搭建好脚手架后使用1.vue-router2.引入UI框架ant desi
作者:江湖术士 其实这个文章早在16年左右有感于 ng 的学习就想写了,但是却发现,除了 ng 以外,当时的React 和 Vue 都缺乏简单有效的逻辑复用方案,不过这也引导我将 React 和 Vue 都学习了,对自己的职业也有了积极的意义一个 nger 找工作有多难,你们知道么?但是标榜 vuer/reactor 之后,真的是一投一个准,个中滋味可以自己体会,我当然还是建议 nger
1.7. 比较Maven和Ant -maven权威指南虽然上一节应该已经让你确信本书的作者没有兴趣挑起 Apache Ant 和 Apache Maven 之间的争执,但是我们认识到许多组织必须在 Apache Ant 和 Apache Maven 之间做一个选择。本节我们对比一下这两个工具。Ant 在构建过程方面十分优秀,它是一个基于任务和依赖的构建系统。每个任务包含一组由 XML 编码的指令
1. 项目中安装并引用 element-ui因为是初次使用,所以我这里先全部引用,并没有使用官网下面介绍的按需引用的方法安装npm i element-ui -S项目中 main.js 文件中引用import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
文章目录简介安装@vue/cli脚手架快速上手运行程序参考资料 简介全栈开发可视化后台管理系统,包括前端界面和后端服务。 开发框架:NodeJs(Express)+Vue+Element UI+Antd+AntvNode.js: Node.js是一个基于Chrome V8引擎的 Javascript 运行环境。Node.js 诞生以后,前端大爆发,类似 React/Vuejs 这样的前端框架的开
转载
2024-04-29 13:27:43
353阅读
Vue 3 发布后,各家第三方库开始陆续重构并支持 Vue 3 ,国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢?本文从多个纬度对两个框架进行对比和测评。
原创
2022-04-07 12:03:35
2617阅读
vue3+element+AntDesign(自动导入)+pina+vite+js+pnpm搭建项目框架 文章目录vue3+element+AntDesign(自动导入)+pina+vite+js+pnpm搭建项目框架1. 安装pnpm:通过以下命令安装pnpm,它是一个快速、零配置的包管理工具。2. 初始化项目:在命令行中执行以下命令,使用pnpm初始化一个新项目。3. 安装Vue 3:进入项目
转载
2024-09-06 06:01:20
108阅读
一. 什么是适合的框架?1. 所选的框架是否具有足够的人气? 更多的人气意味着更多的人参与项目,也意味着有更多的教程和社区文章、更多的实例和网站、更多的第三方扩展、更好的相关的Web产品可与其集成。受欢迎程度也意味着框架更具前瞻性,因为具有更大社区的框架不太可能被抛弃。2.&
体验Blazor使用UI组件偷懒屁话我的选择一个简单的教程第一步第二步修改一下SideBar的模样 屁话我不喜欢重复又重复抄那些项目简介,Blazor特性。时间 2020年5月5日突然给朋友写一个小工具(突然有个朋友) 开始的想法是.Net Core接口 + FreeSql的ORM + Sqlite的数据库 界面一直是我短板,也是不少后端的短板。开始考虑的是方案借口Vue + iView懒癌,不
转载
2024-06-18 14:00:01
427阅读
终于把书写完,接下来恢复之前的更文频率。这篇文章我们来谈谈移动端和PC端交互设计上的区别。经常遇到一些设计师,他们之前负责的都是pc端产品,突然改做移动端,会不自觉的把pc端的一些设计理念“移植”到移动端,出现了水土不服。有经验的设计师一看你设计的移动端页面就知道你之前做的都是pc端,这是一件非常尴尬的事情。就好像你说了一句“nice to meet you”,别人就知道你老家是哪里一样。那么移动
预览本文的实现效果:# gitee
git clone git@gitee.com:cloudyly/dscloudy-admin-single.git
# github
git clone git@github.com:cloudyly/dscloudy-admin-single.git
git checkout 02_SVGIcon本文主要描写如何让 Vue 工程支持 SVG 图标,以及如何
在做vue项目开发的时候遇到了一个问题,如何选择自己的技术栈?随着vue的开发者越来越多,各种框架也渐渐多起来,面对众多的框架,如何选择一款适合自己业务的框架,还是一件比较纠结的事情,今天总结了一下2020年GitHub上面比较受欢迎,star较高的几个UI框架。1:饿了么ElementUI推荐指数:star:45.2k适用:PC端介绍:element-ui中规中矩,上手挺快,大多数vue开发应该
转载
2024-05-25 13:56:42
573阅读
vue 和 react 的区别 设计理念上的区别: Vue使用的是可变数据,而React更强调数据的不可变,通过重新render去发现和更新自身。Vue更加简单,而React构建大型应用的时候更加棒Vue通过收集数据依赖去发现更新。 Vue首次渲染触发data的getter,从而触发依赖收集,为对应的数据创建watcher,当数据发生更改的时候,setter被触发,然后通知各个watcher在下
转载
2024-09-25 17:36:23
97阅读
(十二)前端UI:element-ui,ant-design-vue 文章目录(十二)前端UI:element-ui,ant-design-vue1-1基本数据绑定**1-2 v-html命令****1-3 v-on:click||@click指令****1-4 v-bind 属性绑定指令****1-5 v-show****1-6 v-text****1-7 v-for****1-8 v-mode
Sketch和Axure画原型,哪个好用? 最近换了一家公司,就换了一款设计软件。之前公司,同事之间的稿件交流,都是统一用Axure原型图。现在新公司,同事之间的稿件交流,都是统一用Sketch原型图。我把自己这段时间的Sketch使用感受,现在分享一下。 Sketch和Axure相比,有哪些特点?Sketch大部分功能和操作思路,和Axure是一样的,比如:按住空格键, &n
VUE快速上手(四)VUE中UI框架的使用Mint UI的使用Element UI的使用 VUE中UI框架的使用这里简单介绍2个UI框架在VUE中的使用,Mint UI和Element UI。Mint UI是饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。 官网:http://mint-ui.github.io/#!/zh-c