如何使用CSS绘制一个响应式的矩形
背景:最近因为需要用到绘制类似九宫格的需求,所以研究了一下响应式矩形的实现方案。 有如下几种方案: 使用js来设置元素的高度 使用vw单位 div {width: 50vw; height: 50vw;} 使用伪元素设置padding的方式来实现正方形(也就是本次使用的方式)
如何在小程序中调用本地接口
背景:随着微信小程序开始公测,我司也拿到了AppID,所以开始了微信小程序的趟坑之旅。 由于现在网上已经有很多的《微信小程序从精通到入门》的教程了,所以就不再重复那些,只是讲一下,在开发的过程中,如何使用本地(开发环境)的接口。
co源码解读
背景:闲来无事,翻了下co的源码来看,源码短小精悍,算上注释,一共240行左右; 决定写一篇博客来记录下学习的心得。 TJ大神的co:https://github.com/tj/co
学习zpeto.js(对象方法)[6]
first:获取当前对象集合中的第一个dom元素。 $("div").first();// 返回第一个div对象(zepto对象) //相当于 $("div").eq(0); 与之对应的是last
学习zpeto.js(对象方法)[5]
clone:该方法不接收任何参数,会返回对象中的所有元素集合,但不会对象绑定的事件. var $temp =$("div").clone();//并不接收任何参数. 方法的实现就是循环调用方法对象.然后将所有的dom元素克隆并返回 而且使用的深度克隆,就是说,会将节点下方的子节点统统克隆过来.
学习zpeto.js(对象方法)[4]
今天说说那一套获取元素集合的一些方法: ["children", "clone", "closest", "contents", "empty", "eq", "filter", "find", "first", "get", "has", "last", "not", "parent", "parents", "siblings"] children:获取对象的所有匹配的直接子元素. 参数为可选的一个选择器.如果不填则是所有子节点,否则为匹配的所有子节点; $("#demo").children();//-->所有的子节点 $("#demo").children("li");//-->所有的li子节点
学习zpeto.js(对象方法)[3]
继续说zepto里attributes的相关操作. attr,removeAttr,prop这三个方法.
学习zpeto.js(对象方法)[2]
今天来说下zepto那一套dom操作方法, ['prepend', 'append', 'prependTo', 'appendTo', 'before', 'after', 'insertBefore', 'insertAfter'] 按着从内到外,从主到从,从前到后的顺序来说这八个方法. 这些方法的参数可以是一个dom节点,也可是是一个html片段,或者Zepto对象;
学习zpeto.js(对象方法)[1]
zepto也是使用的链式操作,链式操作:函数返回调用函数的对象. 但并不是所有的对象方法都可以进行链式操作,举几个例子:.size(),.html()|.text()//不传参数的情况下; 若非特殊说明,下边介绍的方法都会返回zepto对象;
学习zpeto.js(原型方法)[2]
接着昨天的来,继续说原型方法,昨天的传送阵(昨天出了点小意外,博文经过WP手机的UC浏览器进行编辑后标签就露出来了- -,现已修复); $.grep():作用与Array.filter类似(其实就是调用的filter方法- -) 通过传入两个参数,第一个为类数组的对象,第二个为用来执行判断的函数;