![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
备忘
jiaqi2016
很高兴和大家一起交流学习!
展开
-
倒计时
代码简洁的倒计时效果,备忘: 倒计时 * { margin: 0; padding: 0; } #box { width: 200px; height: 200px; text-align: center; background-color: purple; } #box h3 { font-size: 25px;原创 2016-09-23 17:25:20 · 188 阅读 · 0 评论 -
数组求和
1.var c=[1,2,3,4,5]; var sum=0; for(var i in c){ sum+=c[i]; } document.write(sum);2.var e=eval(d=[1,2,3,4,5].join('+')); document.write(e);原创 2016-09-28 13:00:47 · 252 阅读 · 0 评论 -
angularJS入门学习
angularJS *{ margin: 0; padding:0; } {{ x1 }}{{ x2 }} {{a}} {{b}} {{a}} {{b}} {{c}} {{d}}//将字符串转换为小写。var app = angular.modul原创 2016-09-28 17:34:57 · 149 阅读 · 0 评论 -
轮播图(小栗子)
备忘: 轮播图 > var imgArr=["images/banner-1.jpg","images/banner-2.jpg","images/banner-3.jpg","images/b原创 2016-09-29 21:30:28 · 289 阅读 · 0 评论 -
滚动页面scrollTop()
滚动页面scrollTop() *{ margin: 0; padding:0; } .div1,.div2,.div3,.div4,.div5,.div6,.div7,.div8,.div9{ width: 100%; height: 600px; font-size: 5原创 2016-09-29 23:28:34 · 1484 阅读 · 0 评论 -
Array 数组的常用方法
Array var arr1=[1,2,3,'a','b','c']; var arr2=['aaa','bbb','ccc']; var d=[]; var a=arr1.concat(arr2);//合并数组 document.write(a); document.write(''); var b=arr1.join('--原创 2016-10-01 18:07:37 · 208 阅读 · 0 评论 -
String 字符串的常用方法
备忘: String var str="abbdfdsffdsfdsfs"; var str2=" abcdefg "; var b=str.split('d'); document.write(b); document.write(' '); document.write(typeof原创 2016-09-30 16:55:38 · 203 阅读 · 0 评论 -
随机数排序
随机数排序 //生成10个1~100内的随机数 //count为生成个数 //使用排序函数可以升序也可以降序。 function rand(count){ var arr=[]; for(var i=0; i<count;){ rand=Math.ceil(Math原创 2016-10-01 18:28:17 · 797 阅读 · 0 评论 -
返回顶部
备忘: 返回顶部 body{ height: 1880px; } .box1{ width: 100%; height: 800px; background: #f00; } .box2{ width: 100%; height原创 2016-10-01 18:50:32 · 248 阅读 · 0 评论 -
把数组中的数字从大到小排序,不包括非数
把数组中的数字从大到小排序,不包括非数 var arr=[1,2,3,4,5,'d','ee',66,10,7,888,'a','b','cc']; var arr2=[]; for(var i=0; i<arr.length; i++){ if(typeof arr[i] === 'number' && !is原创 2016-10-02 11:51:10 · 931 阅读 · 0 评论 -
关于sublime默认打开浏览器的问题
{ "keys": ["alt+f12"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files/Internet Explorer/iexplore.exe", "extensions": ".*" } }, { "keys": ["f12"], "comma转载 2017-01-01 22:43:13 · 4492 阅读 · 0 评论 -
tab切换效果(小栗子)
Document a{ text-decoration:none !important; color:#000; } .tab-list li{ float: left; width:80px; hei原创 2016-09-28 10:24:08 · 301 阅读 · 0 评论 -
求出数组中相同的元素出现的次数
var arr = ["apple","orange","apple","orange","pear","orange"]; function get(){ return arr.reduce(function(prev,next){ prev[next] = (prev[next] + 1) || 1; retu原创 2016-09-27 20:03:48 · 582 阅读 · 0 评论 -
将所有单词首字母替换成大写
备忘:document.write(str.replace(/(^|\s+)\w/g,function(s){return s.toUpperCase();}));原创 2016-09-24 10:39:02 · 855 阅读 · 0 评论 -
判断一个变量类型是数组还是对象
var arr = [1, 2, 3]; var obj = { name: 'lyl', age: 18, 1: 'name' } console.log(Object.prototype.toString.call(arr) === '[object Array]'); //原创 2016-09-24 17:09:38 · 213 阅读 · 0 评论 -
数组去重
有时一些简单的代码总是过一段时间就忘了,特此记下: var arr1=[1,2,3,3,3,4,5,6,6,6,7,8,8,8],arr2=[]; for(var i=0; i<arr1.length; i++){ if(arr2.indexOf(arr1[i])<0){ arr2.push(arr1[i]);原创 2016-09-23 16:48:15 · 217 阅读 · 0 评论 -
数组和字符串之间的相互转换
1.数组 转 字符串var a, b; a = new Array('a','b','c','d','e'); b = a.join("-"); document.write(b); document.write(typeof a); document.write(typeof b);join() 方法用于把数组中的所有元素放入一个原创 2016-09-24 20:47:16 · 314 阅读 · 0 评论 -
CSS display:none和visibility:hidden的区别
visibility和display两个属性都有隐藏元素的功能,display:none和visibility:hidden的区别,简单的总结一句话就是:visibility:hidden隐藏,但在浏览时保留位置;而display:none视为不存在,且不加载!1、visibility:hidden--为隐藏的对象保留其物理空间HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的原创 2016-09-24 21:45:32 · 254 阅读 · 0 评论 -
jsonp 小栗子
菜鸟教程(runoob.com)点我 产品1 产品2 产品3 产品4 function Ajax(){ $.ajax({ url:"https://suggest.taobao.com/sug?q=%E5%85%85%E7%94%B5%E5%AE%9D&code=utf-8&area=c2c&nick=&sid原创 2016-10-11 21:34:30 · 223 阅读 · 0 评论 -
flexslider轮播图
flexslider$(window).load(function() { $('.flexslider').flexslider({ animation: "slide", slideshowSpeed: 2000 });});原创 2016-10-11 22:13:31 · 1278 阅读 · 0 评论 -
验证码 小栗子
验证码 .yzm { font-family: "微软雅黑"; font-size: 14px; color: #000; } #input-box { width: 80px; height: 16px; line-height: 16px; } #ch原创 2016-10-11 22:39:59 · 341 阅读 · 0 评论 -
动态上涨
动态上涨 #parentBox{ width: 200px; height: 200px; border: 1px dashed #666; margin: 0 auto; overflow: hidden; /*让文本超出隐藏*原创 2016-10-11 23:10:36 · 234 阅读 · 0 评论 -
自适应屏幕宽高的div
备忘:JS 实现方法function responsive(){ var a=document.documentElement.clientWidth; var b=document.documentElement.clientHeight; //div宽高相对于屏幕的80%; var c=a*0.8; var d=b原创 2016-09-26 21:15:58 · 399 阅读 · 0 评论 -
水平垂直居中
第三中方法是比较成熟的不是固定高宽div的垂直居中的方法!但是方法是css3的写法,想兼容IE8的童鞋们,建议用上面的方法!html lang="en">head>meta charset="UTF-8">meta name="viewport"content="width=device-width, initial-scale=1.0">meta http-e原创 2017-05-07 17:40:12 · 263 阅读 · 0 评论