狐狸哩哩哩哩哩-CSDN博客

原创数组复制

ES6方法： let arr=[0,1,2]; let arr_=[...arr]; 深度复制（数组元素中有对象、数组） var deepCopy = function(obj) { // 只拷贝对象 if (typeof obj !== 'object') return; // 根据obj的类型判断是新建一个数组还是一个对象 var newObj = obj ins...

2018-10-11 17:48:58 240

原创函数防抖与节流

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> &amp

2018-10-10 10:03:08 87

原创 flex-box弹性布局

不定宽高盒子居中实现： div{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); } flex弹性布局实现： div{

2017-08-25 10:56:18 184

转载调试css层，一行代码学js

[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) 123 代码laycode - v1.1 现在，在你的Chrome浏览器的控制台中输入这段代码，你会发现不同HTML层都被使用不同的颜色添加了一个高亮的边框。是不

2017-07-26 17:18:20 207

转载图片加载

///////////////方法一：用CSS和JavaScript实现预加载单纯使用CSS，可容易、高效地预加载图片，代码如下： #preload-01 { background: url(-01.png) no-repeat -9999px -9999px; } #preload-02 { background: url(-02.png) no-repeat -9999px -9999

2017-07-20 14:13:15 177

转载 js继承

JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下： // 定义一个动物类 function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉！'); } } //

2017-07-18 23:25:24 137

转载 js判断类型--数组为例

1. typeof真的那么厉害吗？？ //首先看代码 var ary = [1,23,4]; console.log(typeof ary); //输出结果是Object 上面的办法并不能实时的检测出是否是数组，只能判断其类型，所以说typeof判断基本类型数据还是挺好的，但是不能准确测试出是否是数组（typeof的具体用法以后提及，现在回归正题） 2.instanceo

2017-07-18 10:32:59 255

原创 JQuery

事件委托 $('#wrap').on('click', 'li', function(ev) { // this 指向委托的对象 li $(this).css('background', '#D4DFE6'); // 找到父级 ul#wrap $(ev.delegateTarget).css('border', '2px s

2017-07-11 12:45:56 134

转载关于<!–[if lte IE ]>……<![endif]–>

对IE浏览器需要特殊处理，进行的条件注释。条件注释就是一些if判断，但这些判断不是在脚本里执行的，而是直接在html代码里执行的，常见的有： 1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别

2017-03-13 15:17:37 295

原创 js 笔记

JS ： ECMAScript：核心为不同环境提供脚本能力 DOM：文档对象模型，规定访问html和xml应用程序接口 BOM：浏览器对象模型提供了独立于内容而在浏览器窗口之间进行交互的对象和方法原始类型比较 ==比较值 ===比较属性加值对象的比较指针内存地址比较 null==

2017-02-23 16:12:48 322

原创 html+css笔记

HTML（结构） CSS（样式） JS（行为） API 图片：png透明背景 jpg不透明切图工具：Photoshop（滤镜） Fireworks（扁平）方便 Wamp：集成php环境的本地服务器 font-family:helvetica,"Microsoft Yahei",arial,sans-serif; font-size: px | em | rem

2017-02-23 16:11:31 268

hulizhuang的博客