- 博客(79)
- 资源 (1)
- 收藏
- 关注
原创 同一台电脑,用两个版本的phantom
背景用casperjs做了个自动打印程序 ,用的是 casper 1.1.0 beta3和 phantomjs 1.9.8,使用比较稳定。现在一个小伙伴用现在的casperjs 1.1.0 beta5和phantomjs2.2.1开发了,现在要求在同一台电脑同时使用者两个程序。开搞. 建一个目录 ,用npm安装 最新版casperjs1.1.0 bt5和phantomjs2.2.1,用于该目录
2016-03-18 15:03:30
271
原创 casperjs配置指定phantomjs版本
1.用casperjs做了个自动打印程序 ,用的是 casper 1.1.0 beta3和 phantomjs 1.9.8,使用比较稳定。 现在一个小伙伴用现在的casperjs 1.1.0 beta5和phantomjs2.2.1开发了,现在要求在同一台电脑同时使用者两个程序。
2016-03-18 13:58:42
254
原创 mac 配置环境变量
环境变量还和自己终端用的shell有关如果终端用的是 zshvim ~/.zshrcexport PATH=/usr/local/mongodb/bin:$PATHsource ~/.zshrc之前一直在改 ~/.bash_profile 毫无效果
2016-02-26 16:31:55
286
原创 gulp-cache的一个小坑
之前用项目用gulp进行前端的构建,用到压缩图片插件gulp-imagemin, 后来发现每次发布图片每次都压缩一遍,太慢了 ,所以用了gulp-cache,原来10来分钟的事情,几十秒就搞定了。用了小半年,一直也没什么问题。gulp-cache的原理是 监控到图片被改变了,替换了,才去压缩。在一般的使用场景都不会有问题,但如果仅仅是改变了图片名字,则不会被替换。eg: 把2016
2015-11-19 17:33:13
2065
原创 css重绘和重排会iphone微信浏览器闪退
1.项目背景图1图2用js做一个响应式网站,在桌面端打开的时候是图1效果,在手机端打开的时候是图2效果,原理是:根据屏幕宽度计算一个缩放比z,然后用js去遍历DOM页面元素,去缩放其宽高。2.问题当图片内容很少的时候,没出现什么问题,当内容变多(大概一个页面长到差不多100屏左右的时候),iphone端会出现闪退bug,andorid端则正常显示,桌面端也没
2015-10-19 20:39:57
1219
原创 雪碧图背景自适应,大小随便缩放(用百分比实现)
1.使用场景(项目得做移动端的适配)项目中要用到表示日期的图片共31张如现在想通过雪碧图来减少http请求,提升网站的性能。2.思路:用了个插件gulp-css-spriter(能够合并css上的图片,并且自动重写css的background)得到以下图片和一堆css,如下:.date-22 { background: url("../../imag
2015-10-15 16:38:25
6889
1
原创 ftp上传目录到虚拟主机脚本
阿里云搞了个虚拟主机,嫌每次发布的时候往上面用filezilla托文件麻烦,想弄个脚本,一键部署。gulpftp -i -n <<- EOFopen ftpIpuser ftpUsername ftpPasswordbinchmod -R 777 /htdocscd htdocsmput DistFile/**/*.*byegulp命令属于自己项目发布前做的一些压缩混淆代码
2015-10-13 15:46:17
336
原创 DOM渲染的时机
DOM的渲染不是执行到改变DOM的js代码后立即执行的,如for(var i=0;i //操作DOM $("#num").text(i); console.log(i); }这行上面的代码是看不到num从0到10000的过程的,能大致看到console.log一点一点变大DOM操作会引起浏览器的一系列操作,如重绘,重新排版。(这两项会占
2015-10-12 16:49:19
785
原创 IOS web点击事件的一个坑
问题描述:动态绑定一个事件,因为点击部分是后来append上去的,所以用jquery的 $(document).on("click",".class",function(){});来绑定其表现在桌面端,android端都完好,但iphone微信浏览器用点击没有反应。期间尝试了各种方法,改jquery版本,改绑定事件写法.....不得其解。 后来在腾讯浏览器的一个开发群里,交流了
2015-09-24 22:31:48
853
原创 微信浏览器下拉样式
在web中使用select标签,用微信浏览器打开会发现样式和在web中不一样。 微信很贴心的为下拉选项做了个可以滑动的效果,体验不错,不过标签的样式在iphone或android中都显得不一样用 -webkit-appearance: none; 可以消除浏览器默认样式
2015-09-23 16:18:15
852
原创 $(window).load和$(document).ready区别
$(window).load 等页面内的所有元素都加载完毕后开始执行$(document).ready 等DOM解析完毕后开始执行 。所以$(document).ready(function(){// 在这里去取图片的宽高可能会取不到 h有一定的几率出现0var h=$("#img").height();});
2015-08-27 15:34:02
343
原创 unslide插件幻灯片最后一项不显示
插件地址:http://www.bootcss.com/p/unslider/插件实现的的原理是:把ul li中的每一项都设置成float:left。 假设有x个li,每一项的宽度为屏幕的宽度w,ul的宽度为x*w,然后隔一段时间就设置ul的的显示位置(position:relative;left:200%;)。配置起来后,发现滚动想最后一项没显示。仔细研究后,发现是默认样式在作怪
2015-08-27 11:04:49
605
16
原创 图片或者行内元素垂直居中的几种方法
方法1:父元素 定义:height=*px,line-height=*px子元素:vertical-align:middle
2015-08-10 15:45:29
924
原创 unslide轮播插件触屏功能集成
bootstrap官方推荐的滑动轮播插件。http://www.bootcss.com/p/unslider/官网上对其触屏功能说的含糊其辞,说只要引入swipe插件就行了。支持触摸屏If you want to add mobile/touch/swipe/whatever support to Unslider, you’ll need to include the
2015-08-08 15:32:23
1034
原创 微信长按识别图中二维码功能tips
1.首先要是img元素,如果是用background 作为背景的div是不行的。2.图片中二维码要足够大,尺寸小了,不识别。
2015-08-03 15:18:43
1981
原创 browser-sync配合gulp-less使用
开发前端一直用gulp来做自动化构建。browser-sync插件用的很舒服,开发的时候用一个外接屏幕,把要调试的网页放在外接屏幕上,你只要写完代码(js,css)后,按一下 cmd+s ,就可以直接看见页面效果了。gulp-less,想用less的一些动态语言特性,对css做预处理。思路是这样子的 :用gulp-watch监控less文件目录,一旦文件发生改变,就进行le
2015-07-30 22:31:23
970
原创 css把元素放在一行 width: 33% ,结果却是两行的原因
.inline-block { display: inline-block;}.width33 { text-align: center; width: 33%; box-sizing: border-box; border-left: 1px solid white;}.bottom-bar { position: fixed;
2015-07-30 13:37:03
1059
1
原创 $.getJSON毁掉函数不执行的一个原因
$.getJSON('../json/a.json',function(){//回调函数不执行})当a.json文件里面有注释的时候,回调不会执行
2015-07-26 13:39:23
1057
原创 phonegap 跑 android的几个tips
1.cordova platform add android 一直不成功报错Unable to fetch platform android@~4.0.2: Error: shasum check failed for /var/folders/r8/w3j6pf610bv8jgff0v493tp80000gn/T/npm-99478-s2k4gV4Z/1437108699603-0.9
2015-07-17 19:34:15
490
原创 javascript module模式的一个细节
在javascript中,定义这样的模块模式可以减少变量对全局的污染var moduleA=(function(){ var init=function(){ //代码片段 }; var bindings=function(){ //代码片段 }; return { init:function(){
2015-07-15 13:23:14
367
原创 html5离线存储 manifest中的 NETWORK配置项
如果NETWORK里的有内容,又不是 * 的话,不在缓存列表里内容会报404。所以一般写成:NETWORK:*
2015-06-27 20:14:36
993
原创 lazyload 加载中图片使用的一点技巧
插件git地址: https://github.com/vvo/lazyload lazyload <img data-src="real/image/src.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAA
2015-06-24 16:17:47
875
原创 css3 nth-child(n) 的一个坑
css匹配选择第n个子元素可以使用:nth-child(n) 选择器,其匹配属于其父元素的第N个子元素,不论元素的类型 hahaah hahaah xixi1 xixi2 xixi3 xixi4
2015-06-18 22:24:51
1693
4
原创 $(window).width()=0原因
页面初始化加载东西时候 用$(window).width()来取得屏幕宽度,发现本页面刷新取值准确。但从其他页面跳过来,经常取到$(window).width()=0,原因就是代码执行的时候,浏览器窗口还没有完全开启。 只需要把$(window).width()放在$(document).ready(function(){});里执行即可
2015-05-05 20:18:46
1358
原创 gulp压缩代码集成
一个grunt项目需要两个文件:package.json和gulpfile.js,前者用于nodejs包管理,比如插件安装,后者是gulp配置文件,配置任务或者自定义任务。1.先生成一个package.json文件,在grunt项目的目录下运行npm init就可以生成一个空的package.json。2.sudo npm install gulp gulp-clean gul
2015-04-19 15:40:16
483
原创 grunt配置grunt-contrib-requirejs配置多任务(同时压缩css和js,或多个js)
requirejs: { js: { options: { baseUrl: "js", name: "requireConfig", // assumes a production build using almond
2014-12-24 14:04:24
765
原创 相对路径和绝对路径
以前的理解有点误差,绝对路径是包括服务器协议(在本例中为http协议)的完全路径,比如“洪恩在线——电脑乐园”,完全路径为:http://www.hongen.com/pc/index.htm,如果所要链接当前站点之外的文档,就必须使用绝对路径。相对路径包括根相对路径(Site Root)和文档相对路径(Document)两种。"/"来表示根目录,/img/photo.jp
2014-03-05 13:28:42
484
原创 jquery 滑动到顶部效果
$(document).ready(function(){ $(".up").click(function(){ $("html,body").animate({scrollTop:"0px"},200); }); }); 就是想要的效果,和大家分享,嘿嘿
2014-03-04 15:57:07
668
原创 android自动生成.apk文件
一般直接在bin目录下有,没有的话 配置一下 window---preference---build----skip skackging ********* 把后面的勾去掉 ,在 project--clean 下项目 ,就有啦~!~
2014-02-20 17:00:27
454
原创 10步完成在百度开放云平台上托管网站(思路)
1.打开百度开放云平台http://developer.baidu.com/2.进入管理控制台---选择“开发者服务管理”3.创建工程---应用引擎4. 申请一定的 执行单元(虚拟机资源)5.添加部署6.选用 svn或者git进行代码管理(我选用的是git)7. 安装git工具msysGit,TortoiseGit8.根据百度提供的git地址 ,把文件(分配给你的虚拟
2014-02-14 10:06:01
1229
原创 BitmapFactory.decodeStream 报错OUT OF MEMORY ERROR
软件做的差不多了,在点来点去的时候发现系统会奔溃。 报错就是Caused by: java.lang.OutOfMemoryError 错误定位于tmpBitmap = BitmapFactory.decodeStream(is); 这一行。开始以为和其他人一样是 bitmap忘记回收了,所以加了recyle,还是会报错。继续测试发现报错是报在特定的图片上,一打开图片url ,忽然就豁然开朗
2014-01-22 14:05:13
725
原创 andorid 报错bindertransation
原因是 官方规定intent传递时,数据不能超过1MThe Binder transaction buffer has a limited fixed size, currently 1Mb, which is shared by all transactions in progress for the process. (http://developer.android.com/intl
2014-01-08 16:51:50
781
原创 调用android系统相机,按返回键返回和拍照成功返回的resultCode也一样
用此方法调用android系统相机后,若按返回键会报空指针错误,原因是拍照不成功,没有返回图片。 Intent imageCaptureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); startActivityForResult(imageCaptureIntent, REQ_CAPTURE_IMAGE);所以
2014-01-08 14:22:53
3051
原创 android百度地图取得屏幕中心点的坐标
开始网上搜了,好多方式显得有点复杂,后来自己研究了下百度地图android的API,,发现了两个方法getcenterpixel和fromPixels,组合了下,发现就能取到屏幕中心点的坐标了 //取得屏幕中心点的屏幕坐标偏移. Point p=mMapView.getCenterPixel(); System.out.println(p.x+"---y:"+p.y); //取得屏
2014-01-02 14:32:57
3178
原创 andorid控制代码new 出的 imageview宽高
用xml很好实现,但是项目中要用到动态new出Imageview,所以用代码直接new Imageview。用了好多方法没有实现,如: ImageView photo=new ImageView(mContext); RelativeLayout.LayoutParams param = new RelativeLayout.LayoutParams(100,200);
2013-12-25 14:12:53
715
原创 android 代码new出ImageView
用xml很好实现,但是项目中要用到动态new出Imageview,所以用代码直接new Imageview。用了好多方法没有实现,如: ImageView photo=new ImageView(mContext); RelativeLayout.LayoutParams param = new RelativeLayout.LayoutParams(100,200);
2013-12-25 14:04:06
2122
原创 百度LBS云端数据库数据导入几个注意的地方
进入数据管理后台可视化界面后1.创建数据库2.根据项目需要在字段增加自定义字段,(注意,要选择发布到检索,否则在编程中取不到改字段)3.点击批量模式--上传数据--数据模板, 这时候下载下来的模板为含有自定义字段的.csv格式模板,和excel差不多,把自己的数据放上面,然后就上传成功了!
2013-12-22 21:35:51
657
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人