摘要: 前言 最近太忙一直没时间认真的写博客(哈哈哈),最近pm提一个需求,移动端需要一个上传图片的功能,允许多选、删除、预览、点击查看大图并可以滑动。虽然听起来很多,但是这个功能在web上实现过啊,使用webuploader妥妥的,然后就拍着胸口答应了下来,并让B同事做。 开发完成后,后端说同一次上传多张 阅读全文
posted @ 2016-07-29 11:24 jesse-li 阅读(61951) 评论(5) 推荐(6) 编辑
摘要: 关于移动端的适配方案,现在其实已经有很多了,什么百分比、font-size+rem、视窗单位(vw、vh)等等,在介绍懒适配之前,先说说我常用的百分比吧。 百分比布局 元素的size:页面上的元素的width都使用百分比来实现,比如一行三列,每列就是33.33%,高度可以基于padding-bott 阅读全文
posted @ 2017-06-20 14:48 jesse-li 阅读(998) 评论(5) 推荐(1) 编辑
摘要: 在项目的开发中难免遇到各种各样的bug,我觉得还是有必要记录一下的,方便日后查询。 safari window resize 为满足日常轮播需求,做一个符合当前业务的轮播插件,其中需要考虑window变化的情况,所以绑定了resize事件用来做相应的处理。safari中scroll(上下滑动)操作会 阅读全文
posted @ 2016-08-19 17:32 jesse-li 阅读(798) 评论(0) 推荐(0) 编辑
摘要: 本篇文章主要讲查找并分析bug的思路,相关的函数不是本文的重点。 众所周知,setTimeout和setInterval是用来做延迟调用以及周期性调用的方法,他们支持的参数都差不多。 setTimeout/setInterval的第一个参数为回调函数,可以是一个方法名,也可以是一个匿名函数。第二个参 阅读全文
posted @ 2016-08-05 17:53 jesse-li 阅读(3012) 评论(0) 推荐(0) 编辑
摘要: 相信大家在项目的开发中都遇到过这样的需求,一行放X(X>1)个块且相邻块之间的间距相同。 大概就是上面这个样子,下面介绍几种实现的方式。 1.负margin大法 设置好元素的宽度和留白占满父级的宽度,然后设置父级的margin-left为留白的负留白的宽度 *{ margin: 0; padding 阅读全文
posted @ 2016-07-07 15:19 jesse-li 阅读(1083) 评论(0) 推荐(2) 编辑
摘要: 什么是事件委托 事件委托是Jquery中一种事件绑定的方式,不同于常见的事件绑定方式将事件绑定在目标元素上,而是将事件绑定在父级元素上通过事件冒泡来执行绑定函数。 事件委托的原理 事件委托将事件监听绑定在目标元素的父级上,当目标元素响应事件时冒泡到绑定事件的父级上,进行判断该事件的目标元素是否是传入 阅读全文
posted @ 2016-07-05 16:27 jesse-li 阅读(1697) 评论(6) 推荐(2) 编辑
摘要: 在项目开发中遇到跨域的问题,一般都是通过JSONP来解决的。但是JSONP到底是个什么东西呢,实现的原理又是什么呢。在项目的空闲时间可以好好的来研究一下了。 JSONP的产生 1.众所周知,Ajax请求资源受同域的限制,不管是静态资源,动态页面,web服务都不行 2.同时我们发现web页面上调用JS 阅读全文
posted @ 2016-07-04 14:44 jesse-li 阅读(5785) 评论(2) 推荐(0) 编辑
摘要: 在js中this的指向对于新手来说一定是个难题,但是如果你真正理解了的话,也就没什么问题啦,下面就来讲讲this吧。 JS中,this的值取决于调用的模式(调用对象),而JS中共有4种调用模式: 1.函数调用模式 当一个函数不是一个对象的属性时,当作函数俩调用,这时函数内的this指向全局对象(大对 阅读全文
posted @ 2016-06-30 11:07 jesse-li 阅读(639) 评论(0) 推荐(2) 编辑
摘要: 关于line-height大家应该非常熟悉了吧,就是用来做垂直居中的,屡试不爽,基本上没有什么问题,但是最近一个项目,测试提了一个bug,看图吧。 从别处窃的图,这个问题只有安卓上才能复现,做了demo,发现应该是font-size的问题,你们可以自己试试,font-size为13px或者奇数时,l 阅读全文
posted @ 2016-06-29 17:21 jesse-li 阅读(2853) 评论(3) 推荐(1) 编辑
摘要: 在项目的开发过程中,相信大家都处理过监听用户输入的事情,一般我们会用到onkeyup、onkeydown、onkeypress、onchange、oninput事件,虽然都很熟悉了,但是还是有必要巩固一下。 onkeyup 在当前元素上释放键盘按键时触发 onkeydown 当用户按下键盘是会触发 阅读全文
posted @ 2016-06-29 15:54 jesse-li 阅读(27920) 评论(1) 推荐(1) 编辑