自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 资源 (1)
  • 收藏
  • 关注

原创 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 1265

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

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

2016-11-28 09:35:04 2985

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

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

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

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

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

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

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

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

2016-03-18 16:30:38 555

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

基于jQuery的滚动插件

2016-03-17 23:16:53 548

原创 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 19014

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

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

2016-03-17 14:29:15 1983

原创 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 22367 8

原创 设置padding不增加宽度

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

2016-03-17 14:26:21 6100

原创 自用蒙板控件

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 476

原创 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 645

原创 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 589

原创 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 1315

原创 字体大小自适应

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 718

原创 height 100%的一个疑问

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

2014-10-30 16:01:43 478

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

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

2014-10-30 15:54:27 659

转载 Handlebars辅助函数if的扩展

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

2014-10-30 15:30:38 3145

js编程高性能

高性能的javascript,像这种书,一定要要做笔记,划线、高亮,用各种颜色mark。     讲得很全面详细,例子也很给力,由浅入深,推荐。      总之前端必备吧

2015-03-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除