bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数 $( " a ").bind( " click ",function(){alert( " ok ");}); live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的 $( " a ").live( " click ",function(){aler...

2018-06-24 00:59:46

前段时间，访问大疆官网的时候发现有个效果很不错的预加载动画，就不要脸的顺手拿过来了。有兴趣的童鞋可以拷走，记得要感谢大疆的前端工程师傅。 用的时候得注意下兼容性，现代浏览器chrome、ff、edge以及移动端都是可以的，ie 9以下的就不行了。 代码如下： css样式...

2018-06-24 00:59:42

UI： iview：https://www.iviewui.com/ 基于Vue.js框架开发的UI框架 nfine：http://www.nfine.cn 基于asp.net mvc bootstrap 现成cms系统...

2018-06-24 00:59:36

1.querySelector 返回文档中匹配指定css选择器的一个元素. 注意：uerySelector() 方法仅仅返回匹配指定选择器的第一个元素 如果你需要返回所有的元素，请使用 querySelectorAll() 语法：document.querySelector(CSS selectors) 2.getElementsByClassName() 方法返回文...

2018-06-24 00:59:38

浏览器兼容问题是指，不同厂商开发的浏览器针对同一段代码的不同解析，造成页面展示效果出现差异的情况，很多时候为了追求显示效果的一直，前端开发人员就要针对不同兼容问题应用相应的方法处理，达到效果一致的目的。 下面这些是平时开发过程中遇到的，做个汇总，方便...

2018-06-24 00:59:37

需求：需要实现纵向列表左边的一条时间轴，时间轴中间除穿插具体的时间节点外不可间断，单击右边信息盒子里的图标，向下弹出子盒子并撑开列表，时间轴相应的延长。再单击图标，子盒子隐藏，时间轴收缩。看图来直观的了解一下这个需求，为便于观察，使用了醒目的红色线...

2018-06-24 00:59:28

!DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" title绘制饼形图。/title style canvas{ border: 1px solid green; } /style/headbody !-- 绘制饼形图 -- canvas width="500" height="500" id="canvas"/canvas/bodyscript var canvas = document.getElementByI...

2018-06-24 00:59:34

笔者花业余时间，学习了CSS内容，主要是参考了王福朋博客（http://www.cnblogs.com/wangfupeng1988/tag/css/）及张鑫旭的博客中CSS部分的内容，由于笔者非前端专业人士，不能像张鑫旭大神一样剖析CSS的属性机制，目前只能以查看及学习后，将自己理解的总结进行系列的记...

2018-06-24 00:59:31

! DOCTYPE html html head lang ="en" meta charset ="UTF-8" title / title link rel ="stylesheet" href ="css/common.css" / link rel ="stylesheet" href ="css/index.css" / script src ="js/common.js" / script / head body div class ="pictures" id ="pic" ul...

2018-06-24 00:59:28

/* * * Framework7初始化 * 需引用jQuery * author stumpx */ /* ---------------------------函数--------------------------- */ /* * * 为空判断 * @param s * @returns {boolean} */ function isEmpty(s) { switch ( typeof (s)) { case 'string' : return ! s.len...

2018-06-24 00:59:18