
移动开发
染蓝了天
这个作者很懒,什么都没留下…
展开
-
IScroll5 参数说明和调用方法
IScroll的DOM结构:<div id="wrapper"> <ul> <li>...</li> <li>...</li> ... </ul> </div>初始化Iscroll var myScroll = new ISc转载 2018-07-27 15:51:29 · 1256 阅读 · 0 评论 -
手机默认字体大小改变后页面布局错乱的处理方法
(function(doc, win) {// 用原生方法获取用户设置的浏览器的字体大小(兼容ie) if(doc.documentElement.currentStyle) { var user_webset_font=doc.documentElement.currentStyle['fontSize']; ...转载 2019-03-29 17:12:46 · 2986 阅读 · 2 评论 -
js 控制超出字数显示省略号
//多余显示省略号function wordlimit(cname, wordlength) { var cname = document.getElementsByClassName(cname); for (var i = 0; i < cname.length; i++) { var nowLength = cname[i].innerH...转载 2019-02-19 11:15:47 · 658 阅读 · 0 评论 -
html5 ios中忽略将数字变为电话号码
html5 ios中忽略将数字变为电话号码name 属性的 format-detection 值(忽略页面中的数字识别为电话号码)<meta name="format-detection" content="telephone=no" /> 说明:使设备浏览网页时对数字不启用电话功能(不同设备解释不同,iTouch 点击数字为存入联系人,iPhone 为拨打电话)...转载 2019-02-18 15:13:50 · 157 阅读 · 0 评论 -
基于 Vue.js 的移动端组件库的Mint UI
官方文档地址:http://mint-ui.github.io/#!/zh-cn原创 2019-02-22 10:44:22 · 183 阅读 · 0 评论 -
Echarts数据可视化全解注释
Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解6大公共组件详解(点击进入): title详解、 tooltip详解、toolbox详解、legend详解、dataZoom详解、visualMap全解5大坐标系详解(点击进入): 地理坐标系geo详解、grid直角坐标系(xAxis、yAxis)详解、parallel平行坐标系详解、polar极坐标系...原创 2019-02-15 17:02:16 · 245 阅读 · 0 评论 -
前端的优化方法
移动前端开发由于是在手机上使用,需要考虑到网络信号较差和为用户的流量着想,性能和加载速度就是前端开发人员需要认真考虑的,PC的优化手段同样使用在移动端上,下面一起看看腾讯ISUX这篇文章是如何从CSS、JavaScript、http请求和硬件渲染方面做出优化的。·概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首...转载 2018-10-31 16:04:26 · 214 阅读 · 0 评论 -
使用swiper出现样式错乱的问题,解决方法
正确的布局;打开页面是这样的;那么解决的办法是:在swiper初始化内添加这两个属性就可以了; observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper ...原创 2018-09-06 17:42:26 · 11978 阅读 · 6 评论 -
移动端使用rem布局
var fun = function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.client...转载 2018-05-04 18:15:17 · 114 阅读 · 0 评论 -
iscroll的应用
一、iscroll的注意事项1、iscroll4和iscroll5的共同点:最少实现三层嵌套,父级元素加定位;2、iscroll4在new 申明时iScroll中i要小些,只能使用id命名;3、iscroll5在new申明时IScroll中的I要大写,可以使用class和id,咋申明时要用“.class”或“#id”引入的文件: <link rel="styleshe...原创 2018-06-22 10:25:40 · 145 阅读 · 0 评论 -
移动端ios遇到的问题及解决办法
1.ios下margin失效的问题;(1)设置html,body为100%。(2)给底部div设置固定定位,top为0;(3)给上一个兄弟元素设置padding-bottom,就可以解决了。2.overflow:auto;在ios下出现卡顿的问题;(1)给滚动的元素 设置-webkit-overflow-scrolling: touch;(2)父级元素设置overflow-...原创 2018-07-13 15:59:49 · 536 阅读 · 0 评论 -
移动开发遇到的问题
一、关于滚动穿透的问题滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时,在屏幕上滑动能够滑动背景下面的内容;body.modal-open { position: fixed; width: 100%;}这种方式同样当弹出层弹出时滚动条会丢失,所以还需要使用js来保存滚动条的位置,在关闭弹出层时将滚动位置还原;var ModalHelper = (fu...原创 2018-07-23 15:47:02 · 216 阅读 · 0 评论 -
js实现移动端手势放大缩小图片
//手势事件var touchScale = function() { var startX, endX, scale, x1, x2, y1, y2, imgLeft, imgTop, imgWidth, imgHeight, one = false, $touch = $(".showDiv img"), //选择放大缩小的元素 ...原创 2019-05-14 18:38:36 · 12514 阅读 · 0 评论