随笔分类 -  移动端杂谈

video 适配通屏展示、针对不同分辨率 禁止变形处理
摘要:CSS object-fit 属性 object-fit: fill|contain|cover|scale-down|none|initial|inherit; 样式上 video{ height:100%; width:100% } 需求: 1、视频需要通屏展示,去掉上下黑边 object-fi 阅读全文

posted @ 2021-08-02 19:15 Mc525 阅读(1522) 评论(0) 推荐(0)

html2canvas 无法渲染网络图片及本地 解决方案
摘要:使用html2canvas插件可以无法渲染图片的情况 在使用html2canvas的时候。如果元素中还包含网络图片。那么有很大的几率渲染不出来。即时把html2canvas的允许跨域打开也无济于事。这次就从根源解决这个问题。而且即时渲染出来了。其实同一张图片已经请求了2次(初始渲染一次,html2c 阅读全文

posted @ 2020-05-23 15:56 Mc525

css 弹性盒子--“垂直居中”--兼容写法
摘要:使用弹性盒子兼容低端适配有时需要: display:flex 和 display:-webkit-box display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; display: flex; align-i 阅读全文

posted @ 2020-02-22 22:32 Mc525 阅读(2660) 评论(0) 推荐(0)

window.postMessage 在iframe父子页面数据传输
摘要:介绍 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage window.postMessage 发送方 接收方 示例:父页面(parentpage_copy.html)传值给子页面(subpage_copy.html 阅读全文

posted @ 2019-11-09 14:47 Mc525

css3 移动端页面全屏旋转,横屏显示。
摘要:css3旋转模拟手机横屏。 当手机不能自动旋转时,或有特殊需求。用css3 transform,实现横屏展示。 注意: 阅读全文

posted @ 2018-01-22 13:50 Mc525

html5移动端动画卡顿优化
摘要:前言 针对在移动设备执行HTML动画卡顿及缓慢,严重影响视觉及体验,很大一部分是在执行动画过程中一直渲染repaint(一直触发),减少触发改善流畅度。 造成卡顿原因 执行一个动画,采取Left ,Top(x, y)理解成坐标,一个物体从A >B 通过Left,Top 来指定物体的位置,通过chro 阅读全文

posted @ 2017-09-25 13:09 Mc525

移动网页动画卡顿之硬件加速
摘要:为什么要使用硬件加速 动画实现一个物体从a 到 b ,通常使用css(left, top)属性 @keyframes 控制百分比来执行动画或js 来控制。 在移动网页执行动画部分android手机,会出现卡顿现象。为了解决卡顿现象,可以使用css3 transform中的translate() 来代 阅读全文

posted @ 2017-09-02 22:27 Mc525

sentry 错误上报
摘要:官方文档地址 阅读全文

posted @ 2017-07-23 22:37 Mc525 阅读(537) 评论(0) 推荐(0)

chrome浏览器解决 跨域调试问题
摘要:1、关闭chrome浏览器(全部) 我们可以通过使用chrome命令行启动参数来改变chrome浏览器的设置,具体的启动参数说明参考这篇介绍。https://code.google.com/p/xiaody/wiki/ChromiumCommandLineSwitches 这里介绍的是--disab 阅读全文

posted @ 2017-06-20 13:36 Mc525 阅读(28656) 评论(0) 推荐(2)

使用postman 接口模拟测试
摘要:前言 在我们平时开发中,特别是需要与接口打交道时,无论是写接口还是用接口,拿到接口后肯定都得提前测试一下,这样的话就非常需要有一个比较给力的Http请求模拟工具,现在流行的这种工具也挺多的,像火狐浏览器插件-RESTClient,Chrom浏览器插件-Postman等等。这里主要介绍一下Postma 阅读全文

posted @ 2017-05-09 13:51 Mc525

解决移动端点击事件延迟300ms
摘要:FastClick是一个非常方便的库,在移动浏览器上发生介于轻敲及点击之间的指令时,能够让你摆脱300毫秒的延迟。FastClick可以让你的应用程序更加灵敏迅捷。支持各种移动浏览器,比如Safari、Chrome、Opera等。 FastClick 是一个简单,易于使用的JS库用于消除在移动浏览器 阅读全文

posted @ 2017-05-08 14:36 Mc525

Nginx proxy_pass 本地调试跨域接口
摘要:前言 Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器. Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,它已经在该站点运行超过两年半了. Igor 将源代码以类 阅读全文

posted @ 2017-05-04 12:26 Mc525

Charles移动端抓包工具
摘要:简介 Charles其实是一款代理服务器,通过成为电脑或者浏览器的代理,然后截取请求和请求结果达到分析抓包的目的。该软件是用Java写的,能够在Windows,Mac,Linux上使用。 Charles主要功能 支持SSL代理。可以截取分析SSL的请求。 支持流量控制。可以模拟慢速网络以及等待时间( 阅读全文

posted @ 2017-04-07 22:00 Mc525

导航