一些案例防止自己忘记
作者: admin
-
bootstrap初始化样式
css初始化样式
直接使用bootstrap的样式可能由于习惯的问题会影响效率,所以必须需要初始化一下原来的样式
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta content="telephone=no" name="format-detection" /> //禁用苹果智能识别数字为号码功能
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;} input[type="checkbox"]{ transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);} textarea{-webkit-appearance:none;} a{ text-decoration:none;} a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:none;} a:active {text-decoration:none;} .container-fluid,h2,.row,p,.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {margin:0;padding:0;} .form-control{ border:0; background:none; box-shadow:none;padding:0 12px;}手机微信开发细节:https://sdeno.com/?p=4607
-
禁用缓存
禁止页面缓存
只要在网站头面前面加上
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0">
组合使用就能达到禁用浏览器缓存的作用
-
国产版本jQuery-minggeJS
minggeJS具有以下优点
1:选择器执行速度胜出JQUERY,
以十万个DIV节点测试,分别用minggeJS与JQUERY选择器取出指定节点测试:
JQUERY结果 : IE7以上:花时1800毫秒 IE7 花时 8135毫秒 IE6 花时超过30-40秒之间,浏览器随机卡死。
minggeJS结果: IE7以上:花时1500毫秒 IE7花时 5132毫秒 IE6花时 23-35秒之间 浏览器也有卡死现象,但次数少。
花时越少,选择器性能越强,从结果来看,minggeJS大获全胜。 司徒正美也开发了一个号称世界最快的选择器,我也测试了下,从结果来看和我不分上下的!
还有一点值得提提,居闻JQUERY的选择器不是自己公司原创的,是用第三方选择器改出来的!minggeJS的选择器问心无愧地说全部是我原创开发的2:众所周之,JQUERY的动画原理是采用定时器方原理,minggeJS原理不同,minggeJS的动画采用的是CSS3过渡原理,遗含的是minggeJS的动画不支持IE678。
minggeJS并不是第一个采用CSS3过渡动画,zepto的动画也是采用这个原理,可惜zepto动画做得真心差,zepto是不支持串联式动画的,用zepto做复杂动画,简直是一大败笔。 minggeJS则支持动画串联,支持高效准确回调,支持接口查询是否正在动画等,可以告诉大家用minggeJS做手机动画,绝对是最佳的选择!
3:语法,函数用法,函数名称,都与JQUERY一致,只要会JQUERY,你就会更用minggeJS,易学易用,马上上手。部份函数用法稍有不同,例如mingge新建节点是用$(XX).createNode(),比JQUERY方便很多!
minggeJS不单单是山寨JQUERY,更多的是融入了自己的思想,想法!4:文件体积20K左右,后期升级可能会维持在40K左右,我自己的想法就是希望不超过40K。
5: minggeJS后期的发展,更多是想往手机端发展,即管战不胜JQUERY,能战胜zepto也是赏心悦目的事。再者就是动画方面,打算采用两种模式供用户选择,1种是CSS3,另一种CSS2定时器方式,定时器方式,估计以插件方式发布!
-
jquery 光标定位
js光标获取位置
$.fn.selectRange = function(start, end) { return this.each(function() { if (this.setSelectionRange) { this.focus(); this.setSelectionRange(start, end); } else if (this.createTextRange) { var range = this.createTextRange(); range.collapse(true); range.moveEnd('character', end); range.moveStart('character', start); range.select(); } }); }; $('#shownum').selectRange(3,5); //开始位置,结束位置
