如何使用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方法- -)
通过传入两个参数,第一个为类数组的对象,第二个为用来执行判断的函数;