- 博客(79)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 同一台电脑，用两个版本的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
315
原创 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
288
原创 mac 配置环境变量
环境变量还和自己终端用的shell有关如果终端用的是 zshvim ~/.zshrcexport PATH=/usr/local/mongodb/bin:$PATHsource ~/.zshrc之前一直在改 ~/.bash_profile 毫无效果
2016-02-26 16:31:55
318
原创 gulp-cache的一个小坑
之前用项目用gulp进行前端的构建，用到压缩图片插件gulp-imagemin, 后来发现每次发布图片每次都压缩一遍，太慢了 ，所以用了gulp-cache，原来10来分钟的事情，几十秒就搞定了。用了小半年，一直也没什么问题。gulp-cache的原理是 监控到图片被改变了，替换了，才去压缩。在一般的使用场景都不会有问题，但如果仅仅是改变了图片名字，则不会被替换。eg： 把2016
2015-11-19 17:33:13
2108
原创 css重绘和重排会iphone微信浏览器闪退
1.项目背景图1图2用js做一个响应式网站，在桌面端打开的时候是图1效果，在手机端打开的时候是图2效果，原理是：根据屏幕宽度计算一个缩放比z，然后用js去遍历DOM页面元素，去缩放其宽高。2.问题当图片内容很少的时候，没出现什么问题，当内容变多（大概一个页面长到差不多100屏左右的时候），iphone端会出现闪退bug，andorid端则正常显示，桌面端也没
2015-10-19 20:39:57
1264
原创 雪碧图背景自适应，大小随便缩放（用百分比实现）
1.使用场景（项目得做移动端的适配）项目中要用到表示日期的图片共31张如现在想通过雪碧图来减少http请求，提升网站的性能。2.思路：用了个插件gulp-css-spriter(能够合并css上的图片，并且自动重写css的background)得到以下图片和一堆css，如下：.date-22 { background: url("../../imag
2015-10-15 16:38:25
7072
1
原创 ftp上传目录到虚拟主机脚本
阿里云搞了个虚拟主机，嫌每次发布的时候往上面用filezilla托文件麻烦，想弄个脚本，一键部署。gulpftp -i -n <<- EOFopen ftpIpuser ftpUsername ftpPasswordbinchmod -R 777 /htdocscd htdocsmput DistFile/**/*.*byegulp命令属于自己项目发布前做的一些压缩混淆代码
2015-10-13 15:46:17
377
原创 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
839
原创 IOS web点击事件的一个坑
问题描述：动态绑定一个事件，因为点击部分是后来append上去的，所以用jquery的 $(document).on("click",".class",function(){});来绑定其表现在桌面端，android端都完好，但iphone微信浏览器用点击没有反应。期间尝试了各种方法，改jquery版本，改绑定事件写法.....不得其解。 后来在腾讯浏览器的一个开发群里，交流了
2015-09-24 22:31:48
901
原创 微信浏览器下拉样式
在web中使用select标签，用微信浏览器打开会发现样式和在web中不一样。 微信很贴心的为下拉选项做了个可以滑动的效果，体验不错，不过标签的样式在iphone或android中都显得不一样用 -webkit-appearance: none; 可以消除浏览器默认样式
2015-09-23 16:18:15
903
原创 $(window).load和$(document).ready区别
$(window).load 等页面内的所有元素都加载完毕后开始执行$(document).ready 等DOM解析完毕后开始执行 。所以$(document).ready(function(){// 在这里去取图片的宽高可能会取不到 h有一定的几率出现0var h=$("#img").height();});
2015-08-27 15:34:02
371
原创 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
630
16
原创 图片或者行内元素垂直居中的几种方法
方法1：父元素 定义：height=*px，line-height=*px子元素：vertical-align:middle
2015-08-10 15:45:29
964
原创 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
1064
原创 微信长按识别图中二维码功能tips
1.首先要是img元素，如果是用background 作为背景的div是不行的。2.图片中二维码要足够大，尺寸小了，不识别。
2015-08-03 15:18:43
2040
原创 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
1003
原创 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
1122
1
原创 $.getJSON毁掉函数不执行的一个原因
$.getJSON('../json/a.json',function(){//回调函数不执行})当a.json文件里面有注释的时候，回调不会执行
2015-07-26 13:39:23
1098
原创 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
526
原创 javascript module模式的一个细节
在javascript中，定义这样的模块模式可以减少变量对全局的污染var moduleA=(function(){ var init=function(){ //代码片段 }; var bindings=function(){ //代码片段 }; return { init:function(){
2015-07-15 13:23:14
403
原创 html5离线存储 manifest中的 NETWORK配置项
如果NETWORK里的有内容，又不是 * 的话，不在缓存列表里内容会报404。所以一般写成：NETWORK:*
2015-06-27 20:14:36
1027
原创 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
912
原创 css3 nth-child(n) 的一个坑
css匹配选择第n个子元素可以使用:nth-child(n) 选择器，其匹配属于其父元素的第N个子元素，不论元素的类型 hahaah hahaah xixi1 xixi2 xixi3 xixi4
2015-06-18 22:24:51
1724
3
原创 $(window).width()=0原因
页面初始化加载东西时候 用$(window).width()来取得屏幕宽度，发现本页面刷新取值准确。但从其他页面跳过来，经常取到$(window).width()=0，原因就是代码执行的时候，浏览器窗口还没有完全开启。 只需要把$(window).width()放在$(document).ready(function(){});里执行即可
2015-05-05 20:18:46
1434
原创 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
506
原创 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
798
原创 相对路径和绝对路径
以前的理解有点误差，绝对路径是包括服务器协议（在本例中为http协议）的完全路径，比如“洪恩在线——电脑乐园”，完全路径为：http://www.hongen.com/pc/index.htm，如果所要链接当前站点之外的文档，就必须使用绝对路径。相对路径包括根相对路径（Site Root）和文档相对路径（Document）两种。"/"来表示根目录，/img/photo.jp
2014-03-05 13:28:42
515
原创 jquery 滑动到顶部效果
$(document).ready(function(){ $(".up").click(function(){ $("html,body").animate({scrollTop:"0px"},200); }); }); 就是想要的效果，和大家分享，嘿嘿
2014-03-04 15:57:07
701
原创 android自动生成.apk文件
一般直接在bin目录下有，没有的话 配置一下 window---preference---build----skip skackging ********* 把后面的勾去掉 ，在 project--clean 下项目 ，就有啦~！~
2014-02-20 17:00:27
490
原创 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
1275
原创 BitmapFactory.decodeStream 报错OUT OF MEMORY ERROR
软件做的差不多了，在点来点去的时候发现系统会奔溃。 报错就是Caused by: java.lang.OutOfMemoryError 错误定位于tmpBitmap = BitmapFactory.decodeStream(is); 这一行。开始以为和其他人一样是 bitmap忘记回收了，所以加了recyle，还是会报错。继续测试发现报错是报在特定的图片上，一打开图片url ，忽然就豁然开朗
2014-01-22 14:05:13
768
原创 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
808
原创 调用android系统相机,按返回键返回和拍照成功返回的resultCode也一样
用此方法调用android系统相机后，若按返回键会报空指针错误，原因是拍照不成功，没有返回图片。 Intent imageCaptureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); startActivityForResult(imageCaptureIntent, REQ_CAPTURE_IMAGE);所以
2014-01-08 14:22:53
3104
原创 android百度地图取得屏幕中心点的坐标
开始网上搜了，好多方式显得有点复杂，后来自己研究了下百度地图android的API，，发现了两个方法getcenterpixel和fromPixels，组合了下，发现就能取到屏幕中心点的坐标了 //取得屏幕中心点的屏幕坐标偏移. Point p=mMapView.getCenterPixel(); System.out.println(p.x+"---y:"+p.y); //取得屏
2014-01-02 14:32:57
3217
原创 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
750
原创 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
2202
原创 百度LBS云端数据库数据导入几个注意的地方
进入数据管理后台可视化界面后1.创建数据库2.根据项目需要在字段增加自定义字段，（注意，要选择发布到检索，否则在编程中取不到改字段）3.点击批量模式--上传数据--数据模板， 这时候下载下来的模板为含有自定义字段的.csv格式模板，和excel差不多，把自己的数据放上面，然后就上传成功了！
2013-12-22 21:35:51
692
零基础学习JavaScript电子教程
2013-07-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人