随笔分类 -  项目总结

摘要:时间太晚。。。。 阅读全文
posted @ 2016-09-01 00:47 黑客PK 阅读(228) 评论(0) 推荐(0)
摘要:后面的项目发现,还有两个坑,需要注意下: ·本文的解决方案的核心是利用了 微信/易信 在ready的时候会有个 WeixinJSBridgeReady/YixinJSBridgeReady事件,通过监听这个事件来触发的。那有个坑就是 如果微信已经ready了,但还没执行到你监听这个ready事件的代 阅读全文
posted @ 2016-08-29 17:48 黑客PK 阅读(2877) 评论(0) 推荐(0)
摘要:待解决。测试对于图片之类的没有影响。但是文字在手机上看起来比较模糊。 阅读全文
posted @ 2016-08-29 12:03 黑客PK 阅读(720) 评论(0) 推荐(0)
摘要:支持的程度不咋的,暂时收不到相关的信息。can i use也没有这方面的消息 阅读全文
posted @ 2016-08-17 11:38 黑客PK 阅读(168) 评论(0) 推荐(0)
摘要:https://segmentfault.com/q/1010000000318831 在URL最后面加“ #mp.weixin.qq.com ”,应该加其他qq.com的二级域名都行,估计是微信的安卓内置浏览器是根据域名判断是否屏蔽tel:的。 在URL最后面加“ #mp.weixin.qq.co 阅读全文
posted @ 2016-07-27 09:41 黑客PK 阅读(2700) 评论(0) 推荐(0)
摘要:首先是什么情况下会发生zepto(tap)的事件穿透: 当一个弹出层用tap点击之后这个层隐藏或者是移走,都会触发下面对应位置的点击事件(click)和一些标签的默认行为(a标签的跳转、input获取焦点)。 原因: zepto的tap通过兼听绑定在document上的touch事件来完成tap事件 阅读全文
posted @ 2016-07-19 16:51 黑客PK 阅读(1129) 评论(0) 推荐(0)
摘要:进度条样式地址:http://sandbox.runjs.cn/show/6vxbxjrf SVG圆环样式地址:http://sandbox.runjs.cn/show/3ho1qpe9 原理:由于H5页面中大多都是图片占空间,所以可以给img加一个onload事件,让每一张图片去处理的时候就触发一 阅读全文
posted @ 2016-06-22 12:50 黑客PK 阅读(1860) 评论(0) 推荐(0)
摘要:1、给所有的元素添加outline(不影响布局): 2、获取元素的样式: 3、比typeof运算符更准确的类型判断函数 4、在上面这个type函数的基础上,还可以加上专门判断某种类型数据的方法(Firefox 和Chrome 的Array 类型都有forEach的函数): 显示FPS: 各种浏览器版 阅读全文
posted @ 2016-05-31 10:46 黑客PK 阅读(689) 评论(0) 推荐(0)
摘要:说是工具其实只是一段 Javascript 代码,但非常实用,它会给页面里所有的 DOM 元素添加一个 1px 的描边(outline),方便我们在调试 CSS 过程中分析、排查问题。 先来看看代码,它有两个版本,一个是使用的$$选择器,代码量更少(浏览器控制台支持 $$ 选择器);另一种就是传统的 阅读全文
posted @ 2016-05-28 20:47 黑客PK 阅读(467) 评论(0) 推荐(0)
摘要:A useful tools or tips list for mobile web application developing 这个项目收集移动端开发所需要的一些资源与小技巧 工具类网站 HTML5 与 CSS3 技术应用评估 各种奇妙的hack 几乎所有设备的屏幕尺寸与像素密度表 移动设备参数 阅读全文
posted @ 2016-05-25 12:49 黑客PK 阅读(339) 评论(0) 推荐(0)
摘要:html: css: 阅读全文
posted @ 2016-05-16 21:27 黑客PK 阅读(667) 评论(0) 推荐(0)
摘要:1、图片的宽度固定。不然出现各种问题。当用户上传大的图片时易出现问题。 2、PC端需要兼容手机端的页面,如果<P>标签的字体大小不受设置的控制,在手机端往往会偏大很多,需要设置P标签的高度为百分比高度,外面的<div>容器的高度伸缩,所以也可以达到伸缩的效果。 3、在P标签中,该断行的时候就断行。不 阅读全文
posted @ 2016-05-08 21:05 黑客PK 阅读(896) 评论(0) 推荐(1)
摘要:http://itakeo.com/blog/2015/11/16/allhack/?none=123 Android Selector Hacks .selector:not(*:root) {} Chrome* Safari* Opera≥ 14 Android* JavaScript Hack 阅读全文
posted @ 2016-05-07 10:59 黑客PK 阅读(521) 评论(0) 推荐(0)
摘要:发表留言或者微博的时候,对输入文字个数的限制,下面分两种情况,每种分别介绍两种实现方式: 第一种:一个汉字算一位,两个字母或符号算一位。 通过ASCII编码来判断 通过charCodeAt编码来判断 另一种:是一个汉字算两位,一个字母或者符号算一位 通过ASCII编码来判断 通过charCodeAt 阅读全文
posted @ 2016-05-03 15:16 黑客PK 阅读(2855) 评论(0) 推荐(0)
摘要:利用label来写: HTML: css: javascript: 阅读全文
posted @ 2016-04-27 22:39 黑客PK 阅读(312) 评论(0) 推荐(0)
摘要:在做一屏滚动的H5页面的时候,必须移除touchmove事件,如果不移除,在安卓机上会触发微信原生的向下滚动拉出刷新。在IOS上出现上下都可以继续滑动,所以需要移除document的touchmove事件。 阅读全文
posted @ 2016-04-21 11:18 黑客PK 阅读(1478) 评论(0) 推荐(0)
摘要:互联网上的自适应方案到底有几种呢?就我个人实践所知,有这么几种方案: 淘宝最近开源的一个框架和网易的框架有同工之异。都是采用rem实现一稿解决所有设置自适应。在没出来这种方案之前,第一种做法的人数也不少。类似以下说到的拉钩网。看一下流云诸葛的文章。 以下摘自:从网易与淘宝的font-size思考前端 阅读全文
posted @ 2016-04-19 22:22 黑客PK 阅读(436) 评论(0) 推荐(0)
摘要:rem 无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所有无忧工作网版权所... 阅读全文
posted @ 2016-04-18 15:37 黑客PK 阅读(198) 评论(0) 推荐(0)
摘要:“真机远程调试”(remote inspect web on real device),是指用桌面电脑(PC或MAC)远程连接上移动设备,通过类似Chrome浏览器开发人员工具的界面,来调试移动设备上运行的网页 “真机远程调试”的方法总是在发展,日新月异,有必要在每次更新本文档时标注当前时间及当前相 阅读全文
posted @ 2016-03-22 11:31 黑客PK 阅读(827) 评论(0) 推荐(0)
摘要:在此次项目中,使用的是高度百分比。对于适配这一块确实少了很多。 1、如果是用高度百分比的话。则img需要写成这样的样式。 如果需要居中的话,可以对外层的div设置一个类名class:比如是setwidth,然后通过js去获取第一张图片的宽度赋给这个外层的div. 不过要注意的是如果其他页面是隐藏的话 阅读全文
posted @ 2016-03-17 15:15 黑客PK 阅读(738) 评论(0) 推荐(1)