文章目录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、移动端增加导入历史流程、公告的查阅情况、车辆管理菜单等功能。2、移动端明细字段过多时，支持分段加载。3、资产管理模块，可实时统计每个用户以及部门领用的资产情况4、 永中插件在线阅读增加是否允许复制选项。5、 表单建模支持动态信息字段及字段显示条件。一
1. element-plus安装：cnpm install element-plus --save安装完成之后，在package.json文件里可以看到 element-plus，如下图2. 探索中间遇到的知识点** 定义数组的方法 **//对象的实例创建
var aList = new Array(1,2,3);
//直接量创建
var aList2 = [1,2,3,'asd'];** 操
转载
2024-09-30 07:30:54
191阅读
一.css部分1.meta标签<metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=no"/>移动端加上这个标签才是真正的自适应，不加的话，假如你把一个980px宽度(手机端常规是980)的PC网页 放在手机上显示，倒也能正常显示不出现滚动条，不过是移动设备对页面 做了缩小优化，所以字
我们在使用目前最主流的前端框架vue在开发过程中，组件是一个非常重要的组成部分，可以这么说，所有的vue应用，都是由一个一个的小组件拼装而成的。正是由于vue组件如此重要，所以vue的生态中，也非常多的UI组件库，其中最著名的非Element-UI莫属，里面有非常多的封装完善的组件提供给我们使用，大大的增强了我们的开发效率。那么，这些UI框架的组件，究竟是如何封装的呢？如何动手从零开始封装自己的组
上一篇文章完成了Router4.0的集成，已经页面的切换。那么就应该开始对每个页面的内容做设计了，vue有很很多支持的第三方UI库，其中使用最广泛的就是 elementUI 。这次 elementUI 的集成为了适配我们Vue3.0特地选择了官方对应的版本 element-plus 。安装首先进行依赖的安装，这里直接使用npm方式：npm install element-plus --save然后
转载
2024-04-19 19:14:05
2841阅读
1.删除功能：需求：就是点击删除会弹出弹框--根据选择---删除相应的内容 实现的思路：1.利用element组件找到对话框或弹出层，然后进行相应的修改即可（注：这里需要传递id）代码展示：①布局忽略 只有js部分//删除是需要调用接口的 并且需要传递相应的id 如：
（具体操作参照接口文档）
// 删除权限
export function delPermission(id
转载
2024-08-30 11:32:28
481阅读
一、Element (UI 组件）Element 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。Element 官方文档：https://element.eleme.cn/#/zh-CN/component/installation1、安装Elementnpm i element-ui -S2、配置 Element （main.js
转载
2024-06-19 13:28:39
2157阅读
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bette
目录方式一 element ui自己搞了一个 这种方式二 使用插件方式一 element ui自己搞了一个 这种方式二 使用插件先看效果图吧，这是单张图片的。放大缩小支持鼠标滚轴操作。具体的操作首先Vue需要安装插件npm install v-viewer --save 或者 cnpm install v-
转载
2024-10-02 11:27:26
695阅读
1. 导语本文是主要记录的是我在使用Vue 3.x+ Element-plus开发时遇到的各种问题，会持续更新。2. 导入Axios2.1. 下载插件按下图中的顺序安装Axios。2.2. 在main.js进行如下操作import axios from 'axios'
// 创建 Axios 实例
const http = axios.create({
baseURL: 'http://l
转载
2024-08-07 21:29:36
77阅读
在移动端虽然整体来说大部分浏览器内核都是 webkit，而且大部分都支持 css3 的所有语法。但是，由于手机屏幕尺寸不一样，分辨率不一样，或者你需要考虑横竖屏的问题，或者考虑到各式各样的移动端兼容性问题。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移动端适配方案。一、基本知识点工欲善其事必先利其器，在具体介绍适配方案前，在本章我们会学习下适配相关
关于Element UI响应式布局问题一、对于屏幕尺寸的定义二、Element UI提供的两种解决方案（一）在标签中指定元素所占大小（二）使用样式类指定元素是否显示三、不该被忘记的CSS语法 一、对于屏幕尺寸的定义element UI参照Bootstrap的解决方案提供了五种屏幕大小尺寸：xs、sm、md、lg 和 xl。并对这五种尺寸提供了两种解决方案。名称尺寸常用设备xs<768px超
转载
2024-05-28 13:52:59
203阅读
解决Vue项目的移动端适配问题移动端适配有很多种方案，如flex布局，百分比布局，响应式布局，vw布局；我个人比较喜欢的是rem和vw，当然最喜欢的是rem适配方案，因为它的兼容性更佳！参考：一、基础知识在进入正文之前，先简单了解一下什么是手机适配？什么是rem?什么是vw？1.什么是手机适配？答：设计狮制作效果图，程序猿把效果图应用到不同的手机，对不同的屏幕进行界面调整的过程，确保界面不变形，呈
转载
2024-09-11 17:49:14
266阅读
随着我国交通事业的发展，在城市和乡村内的短途交通工具还是属电动车最为便利，但是很多时候会遇到电动车没电的情况，这个时候电动车充电桩就显的非常重要了 我们生活的各个领域都涉及到计算机的应用，其中包括电动车智能充电服务平台的网络应用，在外国电动车智能充电服务平台已经是很普遍的方式，不过国内的电动车智能充电服务平台可能还处于起步阶段。电动车智能充电服务平台具有电动车智能充电管理功能的选择 电动车智能充电
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
转载
2024-03-29 10:47:00
924阅读
文章目录1. Nginx是什么?2. Nginx的安装2.1 下载2.2 安装2.3 目录结构3. Nginx的简单使用启动: `start nginx.exe`停止: `nginx.exe -s stop`重新加载: `nginx.exe -s reload`4.反向代理4.2 解释4.2 配置一：配置映射通过工具测试是否映射成功二：配置nginx步骤一: 编辑该文件步骤二: 解释server
转载
2024-10-10 14:07:49
82阅读
# jQuery 手机端适配指南
在移动互联网迅速发展的今天，手机端适配已成为网页设计中必不可少的一部分。为确保良好的用户体验，开发者需要优化网页的样式和功能，使其能够在不同尺寸的手机屏幕上无障碍运行。本文将介绍如何使用 jQuery 来实现手机端的适配，包括如何选择合适的布局、动态调整元素尺寸以及有效处理触控事件。
## 1. 移动端适配的重要性
随着智能手机的普及，越来越多的用户通过手机
原创
2024-08-26 07:38:40
31阅读
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bette
# 使用jQuery适配手机端的步骤
---
为了在手机端使用jQuery，我们需要进行一系列的适配操作。下面是整个过程的步骤概览：
| 步骤 | 操作 |
| --- | --- |
| 步骤一 | 引入jQuery库 |
| 步骤二 | 编写适配手机端的代码 |
| 步骤三 | 添加响应式布局 |
| 步骤四 | 进行测试和调试 |
现在我们来逐步了解每个步骤需要做什么以及相应的代码。
原创
2023-07-31 13:45:33
154阅读
