kai_l-CSDN博客

原创 react+react-router+react-redux全家桶小项目开发过程分享

react-ele-webapp项目地址：https://github.com/kliuj/react-ele-webapprun下载完项目npm install然后npm run dev 即可基于 react react-router redux 的项目，主要是为了学习实战react。数据都是固定的，从饿了么接口临时抓的，模拟了一个0-100ms的异步数据延迟，感谢饿了么。以下内容

2017-03-17 18:27:33 1314

原创纯css icons图标，只使用一个 i 标签，减少请求量

纯css图标，仅仅使用一个i标签就可以实现效果，降低手机端的请求数量

2016-11-28 09:35:04 3073

原创 JS原生一步步实现前端路由和单页面应用

简单分析前端路由hash的原理，并且实现一个基础班的路由系统

2016-11-11 13:10:27 14500 1

转载使用 NodeJs 实现一个本地接口数据系统，无需数据库，让前端独立于后台开发

使用 NodeJs 实现本地接口系统，解决前后台开发最后一公里无数据库的情况下，实现数据持久化，通过api url返回json 数据，只要数据格式，就可以本地模拟持久化数据，并可实现共享，无障碍调用，提高前端开发效率！

2016-11-05 08:18:01 14321 1

原创 jQuery里面$.fn和$.extend

jQuery源码里面fn的描述是这样的jQuery.fn = jQuery.prototype = { 　　　init: function( selector, context ) {//....　　　　//...... }; 通过这个可以看出来，这个里的fn和我们平时用的prototype是一样的，js里面没有类的概念，但是这里用类来理解会方便一点，jquery便是一个封装好的类

2016-03-18 16:30:38 576

原创基于jQuery的自用滚动插件

基于jQuery的滚动插件

2016-03-17 23:16:53 596

原创 JS原生追加子节点

var fragment = document.createDocumentFragment();li = document.createElement('li');li.className = "xxx";fragment.appendChild(li); document.getElementById("xx").appendChild(fragment);如上，需要先原生创

2016-03-17 14:39:16 19096

转载 ios微信浏览器动态修改title

平时使用JS修改title，直接document.title=新标题就好了这样在安卓的微信浏览器是正常运行，可在IOS中这样的确不起作用。微信浏览器的title在页面加载完成后就确定了，因此如果光使用document.title来修改，不会有效果。所以这里使用了黑科技。在微信浏览器中使用如下代码来动态修改浏览器上的title标题：var $body = $('body');docu

2016-03-17 14:29:15 2051

原创 JS中for循环变量作用域

var a=[];for(var i = 0;i<10;i++){ var q = i; a[i]=function(){console.log(q)}}a[0]() 其中，由于for循环并不是一个函数体，所以for循环中定义的变量q和i是作用域for循环所在的函数体，和a同级，i++ 和 q=i 并不是重新定义变量，只是重复赋值，最终循环结束，i = 10,q=9;

2016-03-17 14:27:23 22557 8

原创设置padding不增加宽度

根据w3c的描述值描述content-box这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内

2016-03-17 14:26:21 6204

原创自用蒙板控件

var Mask = (function(){ //私有方法，外面无法访问 var mask = document.createElement("div"); mask.style.width="100%"; mask.style.height="100%"; mask.style.position="absolute"; mask.style.le

2016-03-17 14:21:49 494

原创 ie7下table添加新元素的bug

有时候我们需要新创建一个新的元素//_setMask.setAttribute("class","c_mask c_area_select");//_setMask.setAttribute("style","width:530px;display:none");//$(_setMask).html(_setMaskhtml);_setMask.innerHTML=_set

2014-11-03 17:09:16 690

原创 border形状设置

.circle { width:0; height:0; border:39px solid #000; border-color:#FF0000 blue black transparent; border-style:solid dashed dashed dashed; line-height:0; font-s

2014-10-31 17:06:09 626

原创 js正则过滤特殊字符

小小整理一下//过滤特殊字符function stripscript(s) {var pattern = new RegExp("[`~!@#$^&*()%=|{}':;',\\[\\]var rs = "";for (var i = 0; i rs = rs + s.substr(i, 1).replace(pattern, '');}return rs;}

2014-10-31 16:10:54 1363

原创字体大小自适应

DOCTYPE HTML> html> head> meta charset="UTF-8"> title>Demotitle> style type="text/css"> #box { font-size: 4vw;} style>head>body> div id="box"> 标准五个字标准五

2014-10-30 16:12:39 746

原创 height 100%的一个疑问

body,html{ height:100%;} 你好

2014-10-30 16:01:43 516

原创 type =number 在火狐下面的样式问题

type =number 在火狐下面的样式问题 input[type="number"] { -moz-appearance: textfield;}谷歌同理 -webkit-appearance: textfield;

2014-10-30 15:54:27 717

转载 Handlebars辅助函数if的扩展

Js在渲染一段html的时候经常会用到一些模版插件，

2014-10-30 15:30:38 3202

kai_l的专栏