随笔 - 随笔分类 - JS小灰童鞋

拖拽对象

摘要：<!DOCTYPE html> <head> <meta charset="utf-8" /> <title></title> <style> * { padding: 0; margin: 0; } .box { position: absolute; width: 100px; height: 阅读全文

posted @ 2016-06-08 18:03 JS小灰童鞋阅读(122) 评论(0) 推荐(0)

冒泡排序

摘要：<script> function bubbleSort(array) { var i, j, temp, len = array.length; for (i = 0; i < len; i++) { for (j = 0; j < len; j++) { if (array[i] < array 阅读全文

posted @ 2016-02-16 17:37 JS小灰童鞋阅读(102) 评论(0) 推荐(0)

活动倒计时,精确到毫秒

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>活动倒计时代码（精确到毫秒）</title></head> <body> <script type="text/javascript" src="http://code.jquery 阅读全文

posted @ 2016-02-01 13:36 JS小灰童鞋阅读(522) 评论(0) 推荐(0)

判断数据类型

摘要：Object.prototype.toString.call([]); Object.prototype.toString.call({}); // toLowerCase() 转化成小写与 typeof 返回值同步阅读全文

posted @ 2016-01-29 15:50 JS小灰童鞋阅读(120) 评论(0) 推荐(0)

ECMAScript数据类型

摘要：【基本数据类型】-->5种 Undefined Null Boolean Number String 【复杂数据类型】-->1种 Object 【 typeof 返回值】 -->6种 "undefined" "boolean" "string" "number" "object" "func 阅读全文

posted @ 2016-01-29 15:34 JS小灰童鞋阅读(168) 评论(0) 推荐(0)

小结1

摘要：<script> var name = "jack"; age = "18"; //console.log(name,age); //不报错但不推荐 function test(){ gender = "man"; //全局变量但必须调用一次该函数 } test(); console.log(g 阅读全文

posted @ 2016-01-29 15:25 JS小灰童鞋阅读(105) 评论(0) 推荐(0)

原生的on事件代理

摘要：<script> // jQuery $('.el').on('event', function() { }); // 原生方法 [].forEach.call(document.querySelectorAll('.el'), function(el) { el.addEventListener( 阅读全文

posted @ 2016-01-29 11:28 JS小灰童鞋阅读(320) 评论(0) 推荐(0)

原生的切换类

摘要：<script> $('.el').addClass('class'); $('.el').removeClass('class'); $('.el').toggleClass('class'); // 原生方法 document.querySelector('.el').classList.add 阅读全文

posted @ 2016-01-29 11:25 JS小灰童鞋阅读(200) 评论(0) 推荐(0)

倒计时

摘要：<script> function timerOver(year, month, day) { window.setInterval(function() { var now = new Date(), endDate = new Date(year, month - 1, day), leftTi 阅读全文

posted @ 2016-01-29 10:35 JS小灰童鞋阅读(146) 评论(0) 推荐(0)

随机色

摘要：<script> function randomColor() { var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"]; var colo 阅读全文

posted @ 2016-01-28 18:11 JS小灰童鞋阅读(141) 评论(0) 推荐(0)

叮当猫

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wrapper{ margin: 50px 0 0 500px; } .doraemon{ position: 阅读全文

posted @ 2016-01-28 11:49 JS小灰童鞋阅读(183) 评论(0) 推荐(0)

翘边阴影

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; list-style: none; } .wrap{ widt 阅读全文

posted @ 2016-01-28 11:43 JS小灰童鞋阅读(150) 评论(0) 推荐(0)

九九乘法表

摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>boke</title> <style> table { width: 800px; height: 300px; border-collapse: collap 阅读全文

posted @ 2016-01-28 11:34 JS小灰童鞋阅读(99) 评论(0) 推荐(0)

监听设备翻转,自动刷新页面

摘要：<script> var supportsOrientationChange = "onorientationchange" in window, orientationEvent = supportsOrientationChange ? "orientationchange" : "resize 阅读全文

posted @ 2016-01-28 11:07 JS小灰童鞋阅读(341) 评论(0) 推荐(0)

each实现原理

摘要：<script> function isEach(arr, callback) { for (var i in arr) { callback(i, arr[i]); } }; function each(arr) { isEach(arr, function(k, v) { console.log 阅读全文

posted @ 2016-01-28 11:03 JS小灰童鞋阅读(214) 评论(0) 推荐(0)

判断是否存在于数组中

摘要：<script> function inArray(val, arr) { for (var i = 0, len = arr.length; i < len; i++) { if (arr[i] === val) return i; } return -1; } console.log(inArr 阅读全文

posted @ 2016-01-28 10:46 JS小灰童鞋阅读(108) 评论(0) 推荐(0)

去掉字符串中的空格 JS JQ 正则三种不同写法

摘要：<script> function trim(str) { return str.replace(/(^\s*|\s*$)/g, "") } console.log(trim(" 256 ")); console.log(" 123 ".trim()); /* JS str.trim(); JQ $ 阅读全文

posted @ 2016-01-28 10:42 JS小灰童鞋阅读(526) 评论(0) 推荐(0)

数组排序

摘要：<script> function sort(arr) { return arr.sort(function(a, b) { return a > b; }) }; console.log(sort([1, 3, 8, 9, 6, 2, 4])); </script> 阅读全文

posted @ 2016-01-28 10:38 JS小灰童鞋阅读(122) 评论(0) 推荐(0)

实时显示时间

摘要：<script> function timer() { setInterval(function() { var date = new Date(), y = date.toLocaleDateString().split("/"), h = date.toLocaleTimeString().su 阅读全文

posted @ 2016-01-28 10:34 JS小灰童鞋阅读(139) 评论(0) 推荐(0)

两个数组找不同

摘要：<script> function subArr(a, b) { return a.filter(function(i) { return b.indexOf(i) == -1 }) } console.log(subArr([1,2,3,4],[3,4,5])); </script> 阅读全文

posted @ 2016-01-28 10:27 JS小灰童鞋阅读(518) 评论(0) 推荐(0)

随笔分类 - 随笔