2017年02月_song_zhiyin

原创 ECMAScript6（一）

let特性: 不能重复声明没有预解析有块儿级作用域（变量或者函数只有在该区域才起作用）暂存死区（从块儿的开始到声明这段的区域） { let b = 3; console.log(b);//3}{ let b = 3;} console.log(b);//b is not defined选项卡实例<input type

2017-02-27 18:23:08 154

原创闭包

什么是闭包函数嵌套函数,内部函数可以引用外部函数的参数或者变量，外部函数不能引用内部函数的参数或者变量 function aaa(a) { var a = 5; function bbb() { alert(a); } return bbb;}var c = aaa ();c();垃圾回收机制函数中的变量在函数调用完后，会被垃圾回收机制收

2017-02-26 17:17:07 299

原创事件委托

事件委托原理：利用冒泡的原理，把事件加到父级上，触发执行效果。好处： 1. 提高性能 2. 新添加的元素，还会有之前的事件event对象事件源: 不管在哪个事件中，只要操作的那个元素就是事件源兼容性： IE window.event.srcElement 标准下 event.target

2017-02-25 18:43:19 387

原创快排

var arr = [1,8,9,3,7,5]; function quickSort(obj) { if (obj.length <= 1) { return obj; } var num = Math.floor(obj.length/2), nu

2017-02-25 17:04:14 295

原创 DOM优化

减少dom操作var str = ''; for (var i = 0; i < 5000; i++) { str += 'a'; }oDiv.innerHTML = str;innerHTML与DOM对比 chrome ： dom要比innerHTMl性能要好 var oUl = document.getElementById('list'); f

2017-02-24 23:41:49 194

原创 js技巧

定时器setTimeout(function(num) { alert(num) }, 1000, 123);字符串的拼接window.onload = function() { document.body.innerHTML = '<div>div</div>\ <span>span</span>\ <p>p</p>\

2017-02-24 19:55:26 240

原创解析url

/** * 解析url参数 * @example ?id=123&a=b * @return Object {id:123,a:b} */ export function urlParse() { let url = window.location.search; let obj = {}; let reg = /[?&][^?&]+=[^?&]+/g;

2017-02-15 16:52:46 434

原创 CSS sticky footer

<div class="detail" v-show='detailShow'> <div class="detailWrap clearfix"> <div class="detailMain"> <h1>{{seller.name}}</h1> </div>

2017-02-11 12:54:39 237

原创 IcoMoon图标字体

https://icomoon.io/app/#/select导入自己的SVG图标Import Icons上传自己的SVG图标Generate Font生成图标字体Preferereces更改图标字体名称

2017-02-09 11:39:27 376

原创 Vue学习笔记（一）

MVVM框架主要应用场景：复杂交互逻辑的前端应用提供基础的架构抽象通过Ajax数据持久化，保证前端用户体验常见MVVM框架对比：AngularReactVue 在MVVM架构下，视图层和数据层是不能直接通讯的，需要一个中间件ViewModel。能够监测到数据的改变，通知视图层更新。同时也能监测视图层的改变，同时数据更新。从而达到数据的双向绑定。View 视图 DO

2017-02-08 15:57:08 292

object