问题的路太痛苦了首先需要解决低版本系统的移动端无法渲染页面，因为低版本浏览器只支持ES5语法
移动端适配相对于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
移动端导读移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题：1px 问题UI 图完美适配方案iPhoneX 适配方案高清屏图片模糊问题…接下来我们从移动端适配的基础概念出发，探究移动端适配各种问题的解决方案和实现原理一、英寸一般用英寸描述屏幕的物理大小，如电脑的 13、16，手机显示器的 4.8、5.7 等使用的单位都是英寸。需要注意，上面的尺寸都是屏幕对角线的长度： 英寸(i
开源项目下载地址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
我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npm run dev启动后，在根目录有一个 .postcssrc.js 文件，文件结构如下：vue-cli默认已经安装以上三个插件：postcss
移动端开发-旅游预约1. 第一章. 移动端开发1.1. 移动端开发方式【目标】
了解常见的移动端开发方式【路径】
基于手机API开发基于手机浏览器开发混合开发随着移动互联网的兴起和手机的普及，目前移动端应用变得愈发重要，成为了各个商家的必争之地。例如，我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等，以前只能通过PC端完成的事情，现在通过手机都能够实现，而且更加方便，而这些都需要移动端开发
转载
2024-05-11 20:56:28
96阅读
1.删除功能：需求：就是点击删除会弹出弹框--根据选择---删除相应的内容 实现的思路：1.利用element组件找到对话框或弹出层，然后进行相应的修改即可（注：这里需要传递id）代码展示：①布局忽略 只有js部分//删除是需要调用接口的 并且需要传递相应的id 如：
（具体操作参照接口文档）
// 删除权限
export function delPermission(id
转载
2024-08-30 11:32:28
478阅读
移动端适配相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。在移动端我们经常可以在head标签中看到这段代码：<meta name='viewport' content='width=device-width,initial-scale=1,user-scale=no' />通过meta标签对viewport
转载
2024-08-08 09:37:25
2906阅读
在移动端项目中的字体在随浏览端的窗口尺寸改变（响应式），在Vue项目中我们可以用过脚手架Vue-cli来安装相应的依赖类库来实现这个功能。首先来创建一个新的项目 vue init webpack vue-mobile 启动之后就看到初始的Vue项目的起始页面——Welcome to Your Vue.js App这个时候我们可以去看看项目的根目录下的文件 .postcssrc.js
互联网行业有别于传统行业，面临发布周期频繁、多端、多环境，多机型、多版本共存等问题。为了解决日益增长的快速迭代需求与落后的测试生产力之间的主要矛盾，任何公司都需要一套完备的测试体系，对软件质量进行多重保障。然而对于频繁回归的大量测试需求，人力不足以支撑，手动+自动化测试才是产品快速迭代的根基。本文将对移动端UI自动化测试展开介绍。UI自动化测试介绍 &nbs
转载
2024-07-10 22:41:10
190阅读
浏览器兼容性问题解决方案 · 总结普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。Normalize.css不同浏览器的默认样式存在差异，可以使用 Normalize.css 抹平这些差异。当然，你也可以定制属于自己业务的 reset.css<link href="https://cdn.bootcss.
转载
2024-09-08 20:55:30
104阅读
一种理想方案首先，无论换算方不方便，我都不想换算，我也不想去操心什么转换系数其次，有些属性或者类选择器我不想进行转换css代码要足够简洁，我只希望看到一种单位，那就是px第一种：lib-flexible+postcss-pxtorem第一种方案是lib-flexible+postcss-pxtorem，在相当长一段时间里，这两个插件搭配都是解决移动端布局的神器，lib-flexible是阿里手淘系
做web开发的童鞋们通常都会遇到移动端页面开发，而手机屏幕尺寸不一，因此页面适配是我们必须解决的问题。下面介绍一种简单又效果非常不错的解决方案--flexible方案。（注：这里以vue项目为例）一、搭建vue项目首先我们搭建一个vue项目，关于搭建vue项目步骤，这里不再介绍，可以参考本人前面写的vue+axios+element-ui实战（一）--使用Vue CLI 搭建项目。只是第五步安装e
转载
2024-05-27 15:34:07
2557阅读
文章目录前言一、使用插件① 纯wap项目效果：Demo：② pc&wap混合项目（我放弃了）二、老方案效果：Demo： 前言最近在给公司内部做一个BBS论坛，需要在电脑和手机上都可以操作，所以需要做移动端的适配，下面是我在开发后觉得不错的一些解决方案，分享给大家。一、使用插件在vue2的时候我们可以使用lib-flexible + postcss-pxtorem 去对移动端进行适配，不过
转载
2023-09-21 12:52:20
501阅读
这两天在做移动端首页，总结一下移动端相关的知识点。移动端基础viewport在未设置meta标签时，viewport一般为980px。 viewport主要有以下几个设置： width：数值（不带单位），device-width height：数值（不带单位），device-height initial-scale：初始缩放值 minimum-scale：最小缩放值 maximum-s
使用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阅读
记得最早写移动端都是在入口html页面头部中写上以下js，设置根字体大小为页面可见区域宽window.onload = function(){
init()
}
function init(){
var fontSize = document.documentElement.clientWidth
document.body.parentNode.style.fontSize = fo
如何快速的做到手机端的页面兼容 为什么要写这篇文章前段时间做了一个项目，客户要求最低兼容Iphone5S在线上运营的项目，客户总是提出兼容很差的问题，之前一直拖着，不曾解决，现在统计处理一下 学习重点 lib-flexible插件正文前端兼容的痛点 在实际项目开发过程中，作
