1.删除功能：需求：就是点击删除会弹出弹框--根据选择---删除相应的内容 实现的思路：1.利用element组件找到对话框或弹出层，然后进行相应的修改即可（注：这里需要传递id）代码展示：①布局忽略 只有js部分//删除是需要调用接口的 并且需要传递相应的id 如：
（具体操作参照接口文档）
// 删除权限
export function delPermission(id
转载
2024-08-30 11:32:28
481阅读
文章目录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语
解决Vue项目的移动端适配问题移动端适配有很多种方案，如flex布局，百分比布局，响应式布局，vw布局；我个人比较喜欢的是rem和vw，当然最喜欢的是rem适配方案，因为它的兼容性更佳！参考：一、基础知识在进入正文之前，先简单了解一下什么是手机适配？什么是rem?什么是vw？1.什么是手机适配？答：设计狮制作效果图，程序猿把效果图应用到不同的手机，对不同的屏幕进行界面调整的过程，确保界面不变形，呈
转载
2024-09-11 17:49:14
266阅读
一.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框架的组件，究竟是如何封装的呢？如何动手从零开始封装自己的组
参考文档vant组件库移动适配方案vue项目移动端适配解决方法使用 rem 单位进行适配，推荐使用以下两个工具：lib-flexiblepostcss-pxtorem注意：因为lib-flexible主要用于手机自适应，当屏幕尺寸大于540px时，它设置html标签的font-size固定为54px，并不能根据屏幕尺寸调整html标签的font-size的大小，所以如果还想适配电脑端可以修改源码v
转载
2024-06-04 06:09:56
625阅读
2018-4-19日更新适配到安卓低版本的插件buggyfill(是我疏忽导致大家以为vw解决方案兼容范围过小，原第六步css-modules改为buggyfill，css-modules顺延为第七步)2018-4-16日更新css-modules配置，前面步骤不变，可直接跳到第七步。写在前面的话在接触到大漠先生牵头开发的vw解决方案之前，我使用的是阿里的第一代适配解决方案 lib-flexibl
手淘适配解决方案阿里巴巴淘宝团队出品的amfe-flexible是一个用于解决移动端不同机型适配的包。在其源码中，通过不同屏幕的像素比来设置scale值，保证当前窗口的device-width始终等于物理像素设备的宽度。从而达到不同机型的适配效果。当然，要达到完全适配，我们不仅仅只用到amfe-flexible还需要用到postcss-pxtorem。postcss-pxtorem是将我们在css
转载
2024-09-21 08:50:02
145阅读
另外2种自适应方式请阅读 前端简单实现移动端，web端自适应的写法1，安装 flexible和 postcss-px2rem（命令行安装）npm install lib-flexible --savenpm install postcss-px2rem --save简要介绍这两个包的用途：例如在Galaxy S III:例如在iphone6/7/8:flexible会为页面根据屏幕自动添
转载
2023-08-27 10:57:12
438阅读
1、前言 通常而言，系统审计是指记录谁，什么时间，干了什么事儿，具体到本项目中，着重两个方面：一是记录重点业务记录的创建人、创建时间、修改人、修改时间；二是记录重点操作的流水记录，如谁什么时间新增了个什么订单。本篇讲上半部分，既重点业务对象记录的创建人、创建时间，修改人、修改时间，或者准确讲是最后修改人、最后修改时间。 见过也维护过不少系统，这类审计字段，直接跟业务字段赋值或业务逻辑融合在一起
一、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
我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npm run dev启动后，在根目录有一个 .postcssrc.js 文件，文件结构如下：vue-cli默认已经安装以上三个插件：po
关于Element UI响应式布局问题一、对于屏幕尺寸的定义二、Element UI提供的两种解决方案（一）在标签中指定元素所占大小（二）使用样式类指定元素是否显示三、不该被忘记的CSS语法 一、对于屏幕尺寸的定义element UI参照Bootstrap的解决方案提供了五种屏幕大小尺寸：xs、sm、md、lg 和 xl。并对这五种尺寸提供了两种解决方案。名称尺寸常用设备xs<768px超
转载
2024-05-28 13:52:59
203阅读
vue3-h5-table介绍适用于 vue3 + ts 的 h5 移动端项目 table 组件支持 左侧固定 滑动 每行点击回调 支持 指定列排序链接 ：https://github.com/duKD/vue3-h5-table效果props说明minTableHeight表格最小高度 可选 默认600rowNum表格显示几行 可选 默认 6headerHeight头部默认高度 可选 默认 60
<!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阅读
效果图： web
端 手机端 iphon5 小屏
手机上效果如下：代码：<template>
<div>
<div class="cart-header">
<div class="cart-header-contain">
<div class="cart-title">购物车</div>
转载
2024-04-25 13:42:06
137阅读
vue3.0 + ts 项目实现pc端和移动端的适配写在前面：最近写前端项目需要做移动设配和PC端的适配，移动端适配包括了平板和各式各样的手机。之前都是直接使用自己做的rem换算单位来进行适配，但是，现在发现没法适配平台。最近一直在查资料，可算是让我找着了一款适合的了。"postcss-pxtorem": "^5.1.1"就是这个插件，它可以自动将px转化成rem, 也就意味着我们可以不再使用之前
转载
2024-09-13 11:15:59
1157阅读
文章目录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，我们需要进行一系列的适配操作。下面是整个过程的步骤概览：
| 步骤 | 操作 |
| --- | --- |
| 步骤一 | 引入jQuery库 |
| 步骤二 | 编写适配手机端的代码 |
| 步骤三 | 添加响应式布局 |
| 步骤四 | 进行测试和调试 |
现在我们来逐步了解每个步骤需要做什么以及相应的代码。
原创
2023-07-31 13:45:33
154阅读
