前端组件库是一种用于构建 Web 应用程序用户界面的工具。它提供了一组可重用的组件，这些组件可以帮助开发者更快地构建出漂亮、功能强大的用户界面。 使用前端组件库有很多好处。首先，它可以提高开发效率，因为组件已
上一篇文章完成了Router4.0的集成，已经页面的切换。那么就应该开始对每个页面的内容做设计了，vue有很很多支持的第三方UI库，其中使用最广泛的就是 elementUI 。这次 elementUI 的集成为了适配我们Vue3.0特地选择了官方对应的版本 element-plus 。安装首先进行依赖的安装，这里直接使用npm方式：npm install element-plus --save然后
转载
2024-04-19 19:14:05
2841阅读
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bette
整合ElementUI（实现登录） ElementUI官方网址： https://element-plus.gitee.io/#/zh-CN 提示：以下是本篇文章正文内容，下面案例可供参考 文章目录整合ElementUI（实现登录）一、创建工程1.创建一个名为 vue-elementui 的工程2.安装依赖3.启动工程二、编写ElementUI页面1.目录结构2.创建视图(1)创建路由创建首页
转载
2024-10-11 21:34:52
394阅读
移动办公时代，在手机端处理信息、查阅资料越来越普遍。本次更新围绕流程、公告、用车、资产等模块，实现更丰富的移动端功能。 新功能亮点一览1、移动端增加导入历史流程、公告的查阅情况、车辆管理菜单等功能。2、移动端明细字段过多时，支持分段加载。3、资产管理模块，可实时统计每个用户以及部门领用的资产情况4、 永中插件在线阅读增加是否允许复制选项。5、 表单建模支持动态信息字段及字段显示条件。一
今天我们来聊聊elemen-ui组件库Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库最近我做的项目几乎都是管理系统，所以，为了节省时间，开始使用---element-ui。一个简单的管理系统来说，这套ui框架足够使用了，而且对样式的自定义来说，这套ui框架相对于比较灵活。为什么我说管理系统适合这套ui呢？因为管理系统中使用到的组件这上面都能找到。eleme
移动端适配相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。在移动端我们经常可以在head标签中看到这段代码：<meta name='viewport' content='width=device-width,initial-scale=1,user-scale=no' />通过meta标签对viewport
转载
2024-08-08 09:37:25
2920阅读
前言： 进入正题之前请确保你已经学会element中的表单基本验证方法，如果不，这篇文章可能会让你感觉到有点吃力。 首先先讲明白思路第一，把验证规则的trigger选项置空，防止它重复触发验证， 我们需要在我们自己的函数内手动触发验证。第二，了解一点、关于动态标签的生成时，handlerInputConfirm与handlerClose 都会 触发一遍，这个是不可避免的。第三，我们需要标签的长度，
转载
2024-04-24 16:11:15
277阅读
目录一、前言二、管理后台1.登录2.登录成功，进入欢迎页编辑 3.视频分类管理4. 视频标签管理5.视频管理 6.评论管理编辑 7.用户管理8.字典管理 （类似于后端的枚举） 9.参数管理（富文本录入） 10.管理员管理 三、移动端 1.首页 2.视频详情3.视频评论 4.我的
前言重新整理自己的东西，最后干脆是想着要重装一遍系统了，灵光一现，想到一件事，既然我都要重装系统了，难道我还要再继续使用Windows么?虽然我使用过了MacOS，但是还没喜欢到要去买个硬件，干脆就找找linux里面的类似主题好了，最后把目光放到了ElementoryOS上……准备环境下载VMware我下载的虚拟机软件是VMware，试用版本为16。因为15版本在加载U盘的时候会导致我的win10
Vue是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文档丰富
展示 element-ui 项目中移动端适配组件及代码修改页面布局组件通过col和row实现对页面进行24栏栅格布局，但在移动端，栅格会出现过小的现象，因此限制span和gutter以及flex等属性在pc端有效。分栏偏移会使得移动端布局超出屏幕，因此也限制了offset以及响应式布局的属性等在pc端有效。// row.js 修改内容
export default {
computed: {
转载
2024-02-27 10:36:35
1964阅读
一、HttpServlet我们写 Servlet 代码的时候, 首先第⼀步就是先创建类, 继承⾃ HttpServlet, 并重写其中的某些方法.1.1核心方法1.2处理GET或POST请求1.3数据的两种提交方式数据提交有两种方式：form 表单提交ajax 提交1.3.1form 表单提交form表单提交的是整个页面，当数据进行提交之后，页面就消失了。1.3.2 ajax提交使用ajax请求不
1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app 管理员使用的业务服务：PC后台管理端。 PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计 电商后台管理系统采用前后端分离的开发模式 前端项目是基于Vue的SPA（单页应用程序）项目前端技术栈:Vue,Vue-Router,Vuex,Element
转载
2024-09-26 19:12:06
169阅读
我们在开发中，有势会接到一种关于表单验证的需求，在对整体表单验证的同时也希望对单个表单进行验证，虽然官网都有api，但是为了让大家更为直观，这里小杰为了更为直观的理解做了总结。本次涉及到的核心点validate（callback）参数为回调函数validateField（arr,callback）第一个参数为数组，第二个参数为回调函数--额外两个--resetFields（）表单
转载
2024-03-21 10:17:26
1446阅读
文章目录202006081. 移动端组件库：`Vant`2. `postcss-px-to-viewport`3. `nprogress`页面加载进度条4. `SCSS`比CSS好用5. `flex`布局的强大之处6. 注意页面中组件的复用7. 单行文字超长时的冒泡处理8. 移动端1px线202006281. 组件props中的数据2. CSS3：`object-fit`属性3. mockjs语
文章目录1. ElementUI简介2. 弹窗基本使用3. 实现拖拽移动功能4. 拓展与分析 在Web应用中，弹窗是常见的交互组件之一，ElementUI 是 Vue.js 非常流行的 UI 框架之一，提供了丰富的组件库，其中的 Dialog 弹窗组件功能强大。但是，在某些场景下，我们可能需要自定义一些交互行为，比如实现 Dialog 弹窗的拖拽移动功能。本文将介绍如何在 ElementUI 的
转载
2024-09-07 20:47:03
127阅读
从我工作以来，开发的一直都是移动端的页面，只有偶尔去开发几个PC端的页面，现在是一个移动端的时代，移动先行已经深入骨髓，作为一个web前端开发，如果你还在为如何开发移动端页面而迷茫，或者你还在为开发出了一个在你手机上“完美”的移动页面而沾沾自喜却不知移动的世界有多“残酷”的时候，那你应该看看这篇文章了。希望这能给你帮助，同时也能给我帮助，有不合理的地方，欢迎评论支持，必将改正。这里是基础，你了解否
转载
2024-10-09 17:47:16
33阅读
这里主要介绍Element组件中的Form表单，它是由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。典型表单：在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker。行内表单：设置 inline&
转载
2024-02-10 15:59:58
993阅读
在移动端虽然整体来说大部分浏览器内核都是 webkit，而且大部分都支持 css3 的所有语法。但是，由于手机屏幕尺寸不一样，分辨率不一样，或者你需要考虑横竖屏的问题，或者考虑到各式各样的移动端兼容性问题。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移动端适配方案。一、基本知识点工欲善其事必先利其器，在具体介绍适配方案前，在本章我们会学习下适配相关
