随笔分类 -  移动端

摘要:https://github.com/MrXujiang/h5-Dooring/wiki/H5%E5%8F%AF%E8%A7%86%E5%8C%96%E7%BC%96%E8%BE%91%E5%99%A8(H5-Dooring)%E4%BB%8B%E7%BB%8D 阅读全文
posted @ 2020-10-12 11:23 zhaobao1830 阅读(2198) 评论(0) 推荐(0) 编辑
摘要:解决方案 方法1: 方法2: //在IOS下,input 和textarea表单默认会有个内阴影,一定程度上影响视觉一致,可通过设置下面代码去掉: 阅读全文
posted @ 2018-12-20 15:02 zhaobao1830 阅读(491) 评论(0) 推荐(0) 编辑
摘要:转载地址:https://www.cnblogs.com/xzzzys/p/7526761.html 1 用定位为题来解决var oHeight = $(document).height(); //浏览器当前的高度 $(window).resize(function(){ if($(document 阅读全文
posted @ 2018-12-20 14:51 zhaobao1830 阅读(515) 评论(0) 推荐(0) 编辑
摘要:1、 _loadData 输出值为空 原因是:getBannerData里返回的数据是异步的,所以这样是获取不到数据的 2、修改 1 _loadData:function(){ 2 $data = home.getBannerData(id, this.callback); 4 }, 5 6 cal 阅读全文
posted @ 2018-10-17 15:33 zhaobao1830 阅读(206) 评论(0) 推荐(0) 编辑
摘要:在做项目的时候,我们测试的时候有时需要限制网速 阅读全文
posted @ 2018-10-17 10:24 zhaobao1830 阅读(1592) 评论(0) 推荐(0) 编辑
摘要:转载地址:https://www.cnblogs.com/yexiaochai/p/4921635.html 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了 阅读全文
posted @ 2018-10-12 09:10 zhaobao1830 阅读(278) 评论(0) 推荐(0) 编辑
摘要:项目中要实现分享功能,现在各种接口都关闭了,而且不同的浏览器要使用不同的代码,最后决定直接复制url,然后手动分享 Vue中使用了vue-clipboard2 github地址:https://github.com/Inndy/vue-clipboard2 例子: main.js引入 组件中的代码: 阅读全文
posted @ 2018-09-29 17:08 zhaobao1830 阅读(8805) 评论(0) 推荐(0) 编辑
摘要:https://www.w3cplus.com/mobile/vw-layout-in-vue.html 有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众 阅读全文
posted @ 2018-08-06 17:22 zhaobao1830 阅读(3487) 评论(0) 推荐(1) 编辑
摘要:https://v-charts.js.org/#/ 在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格 阅读全文
posted @ 2018-06-20 08:53 zhaobao1830 阅读(456) 评论(0) 推荐(0) 编辑
摘要:在项目中遇到的,要实现tab切换,我用的是swiper.js 官网:http://www.swiper.com.cn/api/start/new.html 阅读全文
posted @ 2018-06-19 09:16 zhaobao1830 阅读(1008) 评论(0) 推荐(0) 编辑
摘要:地址:http://jspang.com/ https://github.com/shenghy/SmileVue 1、vant https://www.youzanyun.com/zanui/vant#/zh-CN/intro 2、使用vant按需引入想要的组件,import { Button } 阅读全文
posted @ 2018-05-15 15:22 zhaobao1830 阅读(1275) 评论(0) 推荐(0) 编辑
摘要:第一种、参考网易的 (我现在用这个多) https://www.cnblogs.com/well-nice/p/5509589.html 备注:body要加个样式:width:7.5rem 这是针对设计图为750的,如果是640,就/640 (1)先拿设计稿竖着的横向分辨率除以100得到body元素 阅读全文
posted @ 2018-05-06 18:47 zhaobao1830 阅读(395) 评论(0) 推荐(0) 编辑
摘要:需要下载的js是:swipe.js文件,http://www.swiper.com.cn/download/index.html 代码: 阅读全文
posted @ 2018-01-30 11:30 zhaobao1830 阅读(317) 评论(0) 推荐(0) 编辑
摘要:这个demo在浏览器模拟的时候会有底部滚动条,当在真机上时,滚动条会消失 阅读全文
posted @ 2018-01-30 09:42 zhaobao1830 阅读(2738) 评论(0) 推荐(0) 编辑
摘要:vConsole:https://github.com/Tencent/vConsole/blob/dev/README_CN.md 使用方法: 使用npm进行安装: npm install --save vConsole 在main.js写下面代码: 这样就可以使用vConsole了 阅读全文
posted @ 2018-01-23 14:14 zhaobao1830 阅读(204) 评论(0) 推荐(0) 编辑
摘要:案例1: 案例2: 阅读全文
posted @ 2017-09-23 17:25 zhaobao1830 阅读(239) 评论(0) 推荐(0) 编辑
摘要:地址:http://www.imooc.com/video/9578 一、300ms 移动web页面上的click事件响应都要慢上300ms 解决办法: 第一种,使用Tap事件代替click事件 例子: Tap事件的问题,“点透”BUG 阅读全文
posted @ 2017-09-23 17:01 zhaobao1830 阅读(160) 评论(0) 推荐(0) 编辑
摘要:一、高清图片 二、一像素边框 还有一种解决办法: 三、字体大小,rem 这只是一种解决方法,有时候也用 px 默认设置 html的font-size:62.5% 页面默认的font-size为16px 62.5% = 10/16 这样的话 1rem=10px 1.2rem=12px 四、多行文本溢出 阅读全文
posted @ 2017-09-23 16:02 zhaobao1830 阅读(127) 评论(0) 推荐(0) 编辑
摘要:转:http://www.cnblogs.com/chris-oil/p/5367106.html 移动端尺寸基础知识 初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细 阅读全文
posted @ 2017-09-23 12:59 zhaobao1830 阅读(451) 评论(0) 推荐(0) 编辑
摘要:地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 例子::运行后看效果 阅读全文
posted @ 2017-09-23 12:35 zhaobao1830 阅读(169) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示