互联网行业有别于传统行业，面临发布周期频繁、多端、多环境，多机型、多版本共存等问题。为了解决日益增长的快速迭代需求与落后的测试生产力之间的主要矛盾，任何公司都需要一套完备的测试体系，对软件质量进行多重保障。然而对于频繁回归的大量测试需求，人力不足以支撑，手动+自动化测试才是产品快速迭代的根基。本文将对移动端UI自动化测试展开介绍。UI自动化测试介绍 &nbs
转载
2024-07-10 22:41:10
190阅读
移动端适配相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。在移动端我们经常可以在head标签中看到这段代码：<meta name='viewport' content='width=device-width,initial-scale=1,user-scale=no' />通过meta标签对viewport
转载
2024-06-17 11:55:03
255阅读
最近两个做了一个展示试卷信息，选项等,并在前端页面打分 把分数与选项传进数据库，并且可以点击回显。 页面功能：我的试卷是代表着用户已做完的试卷，点击会弹出组件展示已做完试卷的信息（测试数据就放了一个，他里面还集成了下拉加载） 在首页点击继续考试或者开始考试弹出做题组件 接下来上代码(后台返回的测试数据) 首页html代码<tem
文章目录vue框架之前后台交互、element-uivuex（了解）前端存储数据库总汇cookielocalStoragesessionStoragevuex(store)前后台交互方式（重点）axios同源策略-跨域问题前后台分离项目交互流程异步请求细节element-uijq+bsDjango国际化配置小结 vue框架之前后台交互、element-uivuex（了解）注：可以完成任意间组件信
转载
2024-07-23 20:55:06
715阅读
文章目录UI组件库下载安装配置UI组件库使用mint-ui组件库中组件短消息提示框iconfont确认框创建空组件实现提示框案例mint-ui表单组件输入框开关组件单选列表表单组件案例mint-ui组件库面板底部导航条面板底部导航条案例组件中数据传递(父组件传递数据子组件) 父组件在模板中调用子组件微信消息列表功能案例用户登录案例安装xampp 软件安装nodejs 软件创建服务器目录下载安装第
最近一直在做移动端微信公众号项目的开发，也是我首次用vue来开发移动端项目，前期积累的移动端开发经验较少。经过这个项目的锻炼，加深了对vue相关知识点的理解和运用，同时，在项目中所涉及到的微信api(微信分享，微信支付)，百度地图api(如何实例化地图，给地图添加自定义覆盖物，给地图添加自定义标注，对地图进行缩放，拖拽等)的相关使用，开阔了自己的知识眼界；现将我开发过程中积累的相关经验与大家进行分
转载
2024-09-01 16:27:43
125阅读
导读移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题：1px问题UI图完美适配方案iPhoneX适配方案横屏适配高清屏图片模糊问题...上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的
转载
2024-08-27 08:54:40
239阅读
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bette
移动端开发-旅游预约1. 第一章. 移动端开发1.1. 移动端开发方式【目标】
了解常见的移动端开发方式【路径】
基于手机API开发基于手机浏览器开发混合开发随着移动互联网的兴起和手机的普及，目前移动端应用变得愈发重要，成为了各个商家的必争之地。例如，我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等，以前只能通过PC端完成的事情，现在通过手机都能够实现，而且更加方便，而这些都需要移动端开发
转载
2024-05-11 20:56:28
96阅读
移动端开发-旅游预约学习目标：1：了解旅游预约流程业务2：能够基于阿里云短信服务实现短信发送3：掌握旅游预约的实现过程4：掌握预约成功页面展示的实现过程1. 第一章. 旅游预约流程需求用户可以通过如下操作流程进行旅游预约：1、在移动端首页点击旅游预约，页面跳转到套餐列表页面2、在套餐列表页面点击要预约的套餐，页面跳转到套餐详情页面3、在套餐详情页面点击立即预约，页面跳转到预约页4、在预约页面录入旅
转载
2024-11-01 12:04:57
68阅读
今天我们来聊聊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阅读
使用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
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阅读
这两天在做移动端首页，总结一下移动端相关的知识点。移动端基础viewport在未设置meta标签时，viewport一般为980px。 viewport主要有以下几个设置： width：数值（不带单位），device-width height：数值（不带单位），device-height initial-scale：初始缩放值 minimum-scale：最小缩放值 maximum-s
如何快速的做到手机端的页面兼容 为什么要写这篇文章前段时间做了一个项目，客户要求最低兼容Iphone5S在线上运营的项目，客户总是提出兼容很差的问题，之前一直拖着，不曾解决，现在统计处理一下 学习重点 lib-flexible插件正文前端兼容的痛点 在实际项目开发过程中，作
记得最早写移动端都是在入口html页面头部中写上以下js，设置根字体大小为页面可见区域宽window.onload = function(){
init()
}
function init(){
var fontSize = document.documentElement.clientWidth
document.body.parentNode.style.fontSize = fo
文章目录移动端基础浏览器现状手机屏幕的现状移动端调试方法视口布局视口视觉视口理想视口meta视口标签二倍图物理像素&物理像素比多倍图背景缩放background-size二倍精灵图做法移动端开发选择单独制作移动端页面（主流）响应式兼容PC移动端移动端技术解决方案移动端浏览器CSS初始化 normalize.cssCSS3盒子模型box-sizing特殊样式移动端常见布局 移动端基础浏览器
转载
2024-06-24 19:14:43
247阅读
移动端开发技巧<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>文本的处理1、关闭iOS键盘首字母自动大写<input type="text" autocapitalize="of
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阅读
