开源项目下载地址vue-element-admin https://github.com/PanJiaChen/vue-element-admin1.pc端的项目，最好的选择是ElementUI。（pc端）官网地址：http://element-cn.eleme.io/#/zh-CN github地址：https://github.com/ElemeFE/element
问题的路太痛苦了首先需要解决低版本系统的移动端无法渲染页面，因为低版本浏览器只支持ES5语法
1.删除功能：需求：就是点击删除会弹出弹框--根据选择---删除相应的内容 实现的思路：1.利用element组件找到对话框或弹出层，然后进行相应的修改即可（注：这里需要传递id）代码展示：①布局忽略 只有js部分//删除是需要调用接口的 并且需要传递相应的id 如：
（具体操作参照接口文档）
// 删除权限
export function delPermission(id
转载
2024-08-30 11:32:28
478阅读
互联网行业有别于传统行业，面临发布周期频繁、多端、多环境，多机型、多版本共存等问题。为了解决日益增长的快速迭代需求与落后的测试生产力之间的主要矛盾，任何公司都需要一套完备的测试体系，对软件质量进行多重保障。然而对于频繁回归的大量测试需求，人力不足以支撑，手动+自动化测试才是产品快速迭代的根基。本文将对移动端UI自动化测试展开介绍。UI自动化测试介绍 &nbs
转载
2024-07-10 22:41:10
190阅读
一种理想方案首先，无论换算方不方便，我都不想换算，我也不想去操心什么转换系数其次，有些属性或者类选择器我不想进行转换css代码要足够简洁，我只希望看到一种单位，那就是px第一种：lib-flexible+postcss-pxtorem第一种方案是lib-flexible+postcss-pxtorem，在相当长一段时间里，这两个插件搭配都是解决移动端布局的神器，lib-flexible是阿里手淘系
移动端适配相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。在移动端我们经常可以在head标签中看到这段代码：<meta name='viewport' content='width=device-width,initial-scale=1,user-scale=no' />通过meta标签对viewport
转载
2024-06-17 11:55:03
255阅读
使用Vonic UI 开发时如何将Vue.use的语法改为new Vue的语法？作者 stonemakers一般来说，使用vue-cli创建好一个项目的时候，在main.js中会有一个new Vue({ //*** }) .element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基. 库vuetify - 为移动而生的Vue JS
这两天在做移动端首页，总结一下移动端相关的知识点。移动端基础viewport在未设置meta标签时，viewport一般为980px。 viewport主要有以下几个设置： width：数值（不带单位），device-width height：数值（不带单位），device-height initial-scale：初始缩放值 minimum-scale：最小缩放值 maximum-s
vue-element-admin项目打包在uniapp并在移动端使用注意事项（主要是解决白屏问题）1）打包命令为npm run build:prod（需根据自己项目的package.json中的"vue-cli-service build"看其设置的命令是什么）打包后会生成dist文件夹2）修改vue.config.js内的publicPath: './',（没修改前为'/'）3）修改src/u
转载
2024-10-12 10:37:45
81阅读
如何快速的做到手机端的页面兼容 为什么要写这篇文章前段时间做了一个项目，客户要求最低兼容Iphone5S在线上运营的项目，客户总是提出兼容很差的问题，之前一直拖着，不曾解决，现在统计处理一下 学习重点 lib-flexible插件正文前端兼容的痛点 在实际项目开发过程中，作
记得最早写移动端都是在入口html页面头部中写上以下js，设置根字体大小为页面可见区域宽window.onload = function(){
init()
}
function init(){
var fontSize = document.documentElement.clientWidth
document.body.parentNode.style.fontSize = fo
1、form 下面只有一个 input 时回车键刷新页面原因是触发了表单默认的提交行为，给el-form 加上@submit.native.prevent就行了。<el-form inline @submit.native.prevent>
<el-form-item label="订单号">
<el-input
v-model="query.
转载
2024-06-07 12:57:04
498阅读
最近两个做了一个展示试卷信息，选项等,并在前端页面打分 把分数与选项传进数据库，并且可以点击回显。 页面功能：我的试卷是代表着用户已做完的试卷，点击会弹出组件展示已做完试卷的信息（测试数据就放了一个，他里面还集成了下拉加载） 在首页点击继续考试或者开始考试弹出做题组件 接下来上代码(后台返回的测试数据) 首页html代码<tem
移动端基础一、什么是移动Web？产品分类app（手机应用）H5app与H5的优劣势appH5二 、H5运行环境的分类为什么会出现这种模式？三、PC与移动web开发的区别四、移动端屏幕PPI像素分类:屏幕缩放PC端：移动端：DPR：设备像素比Retina屏幕五、移动端浏览器及内核分析PC端浏览器移动端浏览器类型内核六、视口1、布局视口：3、理想视口4、自定义用户代码片七、使用相对长度单位em布局网
前端组件库是一种用于构建 Web 应用程序用户界面的工具。它提供了一组可重用的组件，这些组件可以帮助开发者更快地构建出漂亮、功能强大的用户界面。 使用前端组件库有很多好处。首先，它可以提高开发效率，因为组件已
文章目录vue框架之前后台交互、element-uivuex（了解）前端存储数据库总汇cookielocalStoragesessionStoragevuex(store)前后台交互方式（重点）axios同源策略-跨域问题前后台分离项目交互流程异步请求细节element-uijq+bsDjango国际化配置小结 vue框架之前后台交互、element-uivuex（了解）注：可以完成任意间组件信
转载
2024-07-23 20:55:06
710阅读
移动端导读移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题：1px 问题UI 图完美适配方案iPhoneX 适配方案高清屏图片模糊问题…接下来我们从移动端适配的基础概念出发，探究移动端适配各种问题的解决方案和实现原理一、英寸一般用英寸描述屏幕的物理大小，如电脑的 13、16，手机显示器的 4.8、5.7 等使用的单位都是英寸。需要注意，上面的尺寸都是屏幕对角线的长度： 英寸(i
先来解释一下：移动端刚兴起那时，PC浏览器的布局视口宽度不适合移动端，因此浏览器厂商决定移动端的浏览器布局宽度和设备宽度不能一致（PC是一致的）否则会造成同一个20%宽度的div，一个196px 一个只有78px（只是举个例子，具体数字没仔细算），为什么要这么做？因为这样才能兼容已有的PC站点啊，这样子PC站点不就可以直接在移动设备访问了吗，虽然效果很差，例如iphone6的375物理像素 980
转载
2024-10-11 17:05:16
82阅读
导读移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题：1px问题UI图完美适配方案iPhoneX适配方案横屏适配高清屏图片模糊问题...上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的
转载
2024-08-27 08:54:40
237阅读
文章目录UI组件库下载安装配置UI组件库使用mint-ui组件库中组件短消息提示框iconfont确认框创建空组件实现提示框案例mint-ui表单组件输入框开关组件单选列表表单组件案例mint-ui组件库面板底部导航条面板底部导航条案例组件中数据传递(父组件传递数据子组件) 父组件在模板中调用子组件微信消息列表功能案例用户登录案例安装xampp 软件安装nodejs 软件创建服务器目录下载安装第
