6 kai_l

尚未进行身份认证

我要认证

早日脱坑

等级
TA的排名 12w+

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

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

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

2016-11-28 09:35:04

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

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

2016-11-11 13:10:27

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

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

2016-11-05 08:18:01

jQuery里面$.fn和$.extend

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

2016-03-18 16:30:38

基于jQuery的自用滚动插件

基于jQuery的滚动插件

2016-03-17 23:16:53

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

ios微信浏览器动态修改title

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

2016-03-17 14:29:15

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

设置padding不增加宽度

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

2016-03-17 14:26:21

自用蒙板控件

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

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

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

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

字体大小自适应

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

height 100%的一个疑问

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

2014-10-30 16:01:43

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

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

2014-10-30 15:54:27

Handlebars辅助函数if的扩展

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

2014-10-30 15:30:38
勋章 我的勋章
    暂无奖章