10 2016 档案

摘要：一、Flex布局是什么？ Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上-webkit前缀。 注意，设为Flex布局以后，子元素的float、c 阅读全文

摘要：HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。 浏览器支持程度：IE8+，firefox4+，chrome8+ opera10+ 1. 首先，要想接收从其他的窗口发 阅读全文

摘要：不久之前我向大家展示了非常有用的classList API，它是一种HTML5里提供的原生的对页面元素的CSS类进行增、删改的接口，完全可以替代jQuery里的那些CSS类操作方法。而另外一个非常有用的API就是 element.dataset API，从火狐6和Chrome8起就开始对它有了支持。 阅读全文

摘要：比如说，你想跟踪 DOM 树里的一个元素，当它进入可见窗口时得到通知。 也许想实现即时延迟加载图片功能，或者你需要知道用户是否真的在看一个广告 banner。 你可以通过绑定 scroll 事件或者用一个周期性的定时器，然后再回调函数中调用元素的 getBoundingClientRect() 获取 阅读全文

摘要：一. 获取光标位置： // 获取光标位置 function getCursortPosition (textDom) { var cursorPos = 0; if (document.selection) { // IE Support textDom.focus (); var selectRa 阅读全文

摘要：在看这篇文章之前你可能会觉得border只是简单的绘制边框，看了这篇文章，我相信你也会跟我一样说一句“我靠，原来css中的border还可以这样玩”。这篇文章主要是很早以前看了别人用纯CSS绘制三角形后自己的一些思路的整理，文中会介绍几种小图标的效果。 用css中的border绘制鸡蛋形状： 是的你 阅读全文

摘要：常常有这样的场景，咱们开发出来的APP需要进行推广，比如在页面顶部来一张大Banner图片，亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接（App Store中的）。所以咱们来模拟一下用户的操作步骤： 1、用户第一次访问宣传页面 a、点击Banner，进入到APP Store中对应的A 阅读全文