摘要: 一、Flex布局是什么? Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器,必须加上-webkit前缀。 注意,设为Flex布局以后,子元素的float、c 阅读全文
posted @ 2016-10-21 19:01 唸随爱 阅读(260) 评论(0) 推荐(0) 编辑
摘要: HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能,只要获取到网页所在窗口对象的实例,不仅仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信。 浏览器支持程度:IE8+,firefox4+,chrome8+ opera10+ 1. 首先,要想接收从其他的窗口发 阅读全文
posted @ 2016-10-21 18:44 唸随爱 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 不久之前我向大家展示了非常有用的classList API,它是一种HTML5里提供的原生的对页面元素的CSS类进行增、删改的接口,完全可以替代jQuery里的那些CSS类操作方法。而另外一个非常有用的API就是 element.dataset API,从火狐6和Chrome8起就开始对它有了支持。 阅读全文
posted @ 2016-10-21 18:22 唸随爱 阅读(1893) 评论(0) 推荐(0) 编辑
摘要: 比如说,你想跟踪 DOM 树里的一个元素,当它进入可见窗口时得到通知。 也许想实现即时延迟加载图片功能,或者你需要知道用户是否真的在看一个广告 banner。 你可以通过绑定 scroll 事件或者用一个周期性的定时器,然后再回调函数中调用元素的 getBoundingClientRect() 获取 阅读全文
posted @ 2016-10-21 18:10 唸随爱 阅读(4672) 评论(0) 推荐(1) 编辑
摘要: 一. 获取光标位置: // 获取光标位置 function getCursortPosition (textDom) { var cursorPos = 0; if (document.selection) { // IE Support textDom.focus (); var selectRa 阅读全文
posted @ 2016-10-21 17:55 唸随爱 阅读(23772) 评论(0) 推荐(0) 编辑
摘要: 在看这篇文章之前你可能会觉得border只是简单的绘制边框,看了这篇文章,我相信你也会跟我一样说一句“我靠,原来css中的border还可以这样玩”。这篇文章主要是很早以前看了别人用纯CSS绘制三角形后自己的一些思路的整理,文中会介绍几种小图标的效果。 用css中的border绘制鸡蛋形状: 是的你 阅读全文
posted @ 2016-10-21 17:35 唸随爱 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用户的操作步骤: 1、用户第一次访问宣传页面 a、点击Banner,进入到APP Store中对应的A 阅读全文
posted @ 2016-10-18 18:58 唸随爱 阅读(1376) 评论(0) 推荐(0) 编辑
摘要: function toTxt(str) { var RexStr = /\|\"|\'|\&/g str = str.replace(RexStr, function(MatchStr) { switch (MatchStr) { case "": return ">"; br... 阅读全文
posted @ 2016-07-05 17:14 唸随爱 阅读(13135) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2016-05-11 18:36 唸随爱 阅读(726) 评论(0) 推荐(0) 编辑
摘要: 如何使用: (1)CheckOrientation.get_orientation() //返回的是“portrait”:表示竖屏,返回的是“landscape”表示横屏 (2)$(window).on('orientation:change',function(e,type){//其中type值是 阅读全文
posted @ 2016-04-21 16:22 唸随爱 阅读(325) 评论(0) 推荐(0) 编辑