javascript
文章平均质量分 54
kai_l
早日脱坑
展开
-
Handlebars辅助函数if的扩展
Js在渲染一段html的时候经常会用到一些模版插件,转载 2014-10-30 15:30:38 · 3185 阅读 · 0 评论 -
JS原生一步步实现前端路由和单页面应用
简单分析前端路由hash的原理,并且实现一个基础班的路由系统原创 2016-11-11 13:10:27 · 14472 阅读 · 1 评论 -
使用 NodeJs 实现一个本地接口数据系统,无需数据库,让前端独立于后台开发
使用 NodeJs 实现本地接口系统,解决前后台开发最后一公里无数据库的情况下,实现数据持久化,通过api url返回json 数据,只要数据格式,就可以本地模拟持久化数据,并可实现共享,无障碍调用,提高前端开发效率!转载 2016-11-05 08:18:01 · 14274 阅读 · 1 评论 -
jQuery里面$.fn和$.extend
jQuery源码里面fn的描述是这样的jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//.... //...... }; 通过这个可以看出来,这个里的fn和我们平时用的prototype是一样的,js里面没有类的概念,但是这里用类来理解会方便一点,jquery便是一个封装好的类原创 2016-03-18 16:30:38 · 568 阅读 · 0 评论 -
基于jQuery的自用滚动插件
基于jQuery的滚动插件原创 2016-03-17 23:16:53 · 585 阅读 · 0 评论 -
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 · 19081 阅读 · 0 评论 -
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 · 22537 阅读 · 8 评论 -
ios微信浏览器动态修改title
平时使用JS修改title,直接document.title=新标题就好了 这样在安卓的微信浏览器是正常运行,可在IOS中这样的确不起作用。微信浏览器的title在页面加载完成后就确定了,因此如果光使用document.title来修改,不会有效果。所以这里使用了黑科技。在微信浏览器中使用如下代码来动态修改浏览器上的title标题:var $body = $('body');docu转载 2016-03-17 14:29:15 · 2028 阅读 · 0 评论 -
自用蒙板控件
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 · 486 阅读 · 0 评论 -
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 · 1350 阅读 · 0 评论 -
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 · 680 阅读 · 0 评论 -
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 · 619 阅读 · 0 评论 -
type =number 在火狐下面的样式问题
type =number 在火狐下面的样式问题 input[type="number"] { -moz-appearance: textfield;}谷歌同理 -webkit-appearance: textfield;原创 2014-10-30 15:54:27 · 710 阅读 · 0 评论 -
字体大小自适应
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 · 733 阅读 · 0 评论 -
height 100%的一个疑问
body,html{ height:100%;} 你好原创 2014-10-30 16:01:43 · 506 阅读 · 0 评论 -
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 · 1301 阅读 · 0 评论