
移动web
foreverling_ling
求索
展开
-
css data:image/svg+xml 不显示
原因:新版chrome不支持 # , 需要改成%23如: .toggle:after { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="40" fill="none" stroke="#ededed" stroke-wi原创 2021-10-06 20:47:00 · 5078 阅读 · 0 评论 -
JSSDK微信分享功能实现,有坑==||
花了几天时间研究“网页中分享到微信”功能,发现现在能做到的只有,间接调用浏览器的分享接口,如搜狐新闻(UC手机浏览器可用)。网上说JSSDK可以实现该功能,研究了N久。发现被大大地坑了!JSSDK是供微信公众号网页开发的工具,早前已经关闭了在微信外分享功能 。现只能提供在微信浏览器中,修改网页分享配置。注意:只能修改分享的配置!如:分享的连接,分享标题,分享图片。分享弹出框,还是只能手动 点击右上角原创 2017-08-10 14:12:44 · 1617 阅读 · 0 评论 -
微信清除缓存的两种方法
网址清除微信浏览器打开网址“http://debugx5.qq.com”,勾选如下设置:点击“清除”按钮即可。代码清除如果是自己写的网页,在调试阶段希望不要缓存,可以在html页面的head中加入如下代码:<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /><meta http-equiv原创 2017-06-07 23:05:43 · 35651 阅读 · 0 评论 -
ARC forbids explicit message send of 'retainCount'
遇到这种错误是因为没有打开ARC。 解决方案有两种:方案一方案二:原创 2017-04-13 13:39:17 · 857 阅读 · 0 评论 -
ionic2 ios input foucus事件
最近用ionic2写input autofocus事件,发现无论是autofocus还是focus()事件,在浏览器中测试,都没有效果,更别说在真机上了。纠结了一天,终于找到了解决方案。解决方案在ngAfterViewInit事件后执行setTimeout事件,比如这样:ngAfterViewInit(){ let input = this.myInput.nativeElement;原创 2017-04-01 17:16:19 · 4466 阅读 · 0 评论 -
ionic 真机无故弹出keybord键盘
在开发ionic App的时候,有时会碰到这样怪异的情形:分明没有点击input键,但是却在真机(或模拟器)上弹出了键盘,这并不是我们想要的。我们希望input focus事件是受自己控制的。触发事件情形分析这是怎么回事呢?一直百思不得其解。但是发现了这样的规律,无故弹出软键盘的情形,一般是这样的: 拇指点击区域和input框的位置存在重叠。不管input和拇指点击区域是不是在同一页面,只要两原创 2017-03-30 09:46:18 · 1899 阅读 · 0 评论 -
IOS webview 引入iframe无显示
在IOS web view 引入iframe,在真机上页面空白,加载不了外部页面。<iframe src="http://www.baidu.com"></iframe>需要在config.xml中添加如下两段代码来允许访问外部链接:<allow-navigation href="*" /><allow-intent href="*" />原创 2017-03-15 18:08:21 · 6919 阅读 · 5 评论 -
IOS webview iframe 宽度超出屏幕解决方案
最近在项目中,需要打开外部网页。于是将网页嵌在了iframe标签里面,在PC测试没有问题,自适应良好,但是转入IOS 真机webview中,iframe 却不能很好地适应屏幕大小,总是超出屏幕尺寸,需要左右滚动才能看到完整页面。 谷歌了一天,各种解决方案都试了,都没有用,最后发现综合几种解决方案,有效。代码如下:<div style="overflow: auto;-webkit-overflow原创 2017-03-15 18:02:12 · 8846 阅读 · 2 评论 -
SVG动态创建image失败解决方案
在用JS动态创建SVG标签的时候,像g标签,circle标签,rect标签等都可以正确创建并显示,但是image标签却总是不能显示。我的初始代码如下:var svgNS = 'http://www.w3.org/2000/svg';var oImg = document.createElementNS(svgNS, 'image');oImg.setAttribute('xlink:href',原创 2016-12-14 12:35:27 · 2646 阅读 · 0 评论 -
SVG和Canvas的区别
在HTML5时代,Canvas被提及的次数越来越多,但是你对SVG了解么?SVG和Canvas一样,可以在html文件里面描绘出各种各样的图形。区别1)SVG是矢量图,放大不失真,而Canvas是位图,由像素点组成,放大会失真 2)Canvas相较于SVG,支持的颜色数更多,更便于绘制色彩丰富的图像 3)Canvas基于HTML,而SVG基于XML兼容性SVG和Canvas都只能在IE8(不包含原创 2016-12-12 13:31:14 · 1835 阅读 · 0 评论 -
.*? 和 .*的区别
在看js代码的时候,有时候会遇到 .*? 这样的写法,那么连续两个限制符是什么意思呢?我们先来回顾一下正则表达式的基本知识。基本语法 符号 用法 . 匹配除“\r\n”之外的任何单个字符。要匹配包括“\r\n”在内的任何字符,请使用像“[\s\S]”的模式。 ? 匹配前面的子表达式0到1次 * 匹配前面的子表达式人任意次 + 匹配前面的子表达式一次或多次(大于等原创 2016-11-09 17:23:56 · 33214 阅读 · 12 评论 -
Windows环境下安装React Native踩的那些坑
前段日子,开始学习React Native,在公司和自己家的电脑上都分别装上了环境,遇到的坑各种各样,现在进行总结,供大家参考一下。以下仅为windows环境下的问题,mac环境也可以参考一下。1.SDK必须是Android 6.0 API23刚开始新装了一个Android Studio,将SDK更新至最新版本Android 7.0 API24,心想用的最新的SDK总没有问题吧,结果最后运原创 2016-08-16 09:39:25 · 900 阅读 · 0 评论