自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(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 250

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

原创 mac 配置环境变量

环境变量还和自己终端用的shell有关如果终端用的是 zshvim ~/.zshrcexport PATH=/usr/local/mongodb/bin:$PATHsource ~/.zshrc之前一直在改 ~/.bash_profile   毫无效果

2016-02-26 16:31:55 271

原创 gulp-cache的一个小坑

之前用项目用gulp进行前端的构建,用到压缩图片插件gulp-imagemin, 后来发现每次发布图片每次都压缩一遍,太慢了 ,所以用了gulp-cache,原来10来分钟的事情,几十秒就搞定了。用了小半年,一直也没什么问题。gulp-cache的原理是 监控到图片被改变了,替换了,才去压缩。在一般的使用场景都不会有问题,但如果仅仅是改变了图片名字,则不会被替换。eg: 把2016

2015-11-19 17:33:13 2045

原创 css重绘和重排会iphone微信浏览器闪退

1.项目背景图1图2用js做一个响应式网站,在桌面端打开的时候是图1效果,在手机端打开的时候是图2效果,原理是:根据屏幕宽度计算一个缩放比z,然后用js去遍历DOM页面元素,去缩放其宽高。2.问题当图片内容很少的时候,没出现什么问题,当内容变多(大概一个页面长到差不多100屏左右的时候),iphone端会出现闪退bug,andorid端则正常显示,桌面端也没

2015-10-19 20:39:57 1201

原创 雪碧图背景自适应,大小随便缩放(用百分比实现)

1.使用场景(项目得做移动端的适配)项目中要用到表示日期的图片共31张如现在想通过雪碧图来减少http请求,提升网站的性能。2.思路:用了个插件gulp-css-spriter(能够合并css上的图片,并且自动重写css的background)得到以下图片和一堆css,如下:.date-22 { background: url("../../imag

2015-10-15 16:38:25 6805 1

原创 ftp上传目录到虚拟主机脚本

阿里云搞了个虚拟主机,嫌每次发布的时候往上面用filezilla托文件麻烦,想弄个脚本,一键部署。gulpftp -i -n <<- EOFopen ftpIpuser ftpUsername ftpPasswordbinchmod -R 777 /htdocscd htdocsmput DistFile/**/*.*byegulp命令属于自己项目发布前做的一些压缩混淆代码

2015-10-13 15:46:17 329

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

原创 IOS web点击事件的一个坑

问题描述:动态绑定一个事件,因为点击部分是后来append上去的,所以用jquery的 $(document).on("click",".class",function(){});来绑定其表现在桌面端,android端都完好,但iphone微信浏览器用点击没有反应。期间尝试了各种方法,改jquery版本,改绑定事件写法.....不得其解。 后来在腾讯浏览器的一个开发群里,交流了

2015-09-24 22:31:48 840

原创 微信浏览器下拉样式

在web中使用select标签,用微信浏览器打开会发现样式和在web中不一样。    微信很贴心的为下拉选项做了个可以滑动的效果,体验不错,不过标签的样式在iphone或android中都显得不一样用            -webkit-appearance: none;  可以消除浏览器默认样式

2015-09-23 16:18:15 822

原创 $(window).load和$(document).ready区别

$(window).load  等页面内的所有元素都加载完毕后开始执行$(document).ready 等DOM解析完毕后开始执行  。所以$(document).ready(function(){// 在这里去取图片的宽高可能会取不到    h有一定的几率出现0var h=$("#img").height();});

2015-08-27 15:34:02 336

原创 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 593 16

原创 图片或者行内元素垂直居中的几种方法

方法1:父元素 定义:height=*px,line-height=*px子元素:vertical-align:middle

2015-08-10 15:45:29 916

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

原创 微信长按识别图中二维码功能tips

1.首先要是img元素,如果是用background 作为背景的div是不行的。2.图片中二维码要足够大,尺寸小了,不识别。

2015-08-03 15:18:43 1953

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

原创 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 1033 1

原创 $.getJSON毁掉函数不执行的一个原因

$.getJSON('../json/a.json',function(){//回调函数不执行})当a.json文件里面有注释的时候,回调不会执行

2015-07-26 13:39:23 1042

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

原创 javascript module模式的一个细节

在javascript中,定义这样的模块模式可以减少变量对全局的污染var moduleA=(function(){ var init=function(){ //代码片段 }; var bindings=function(){ //代码片段 }; return { init:function(){

2015-07-15 13:23:14 359

原创 html5离线存储 manifest中的 NETWORK配置项

如果NETWORK里的有内容,又不是 * 的话,不在缓存列表里内容会报404。所以一般写成:NETWORK:*

2015-06-27 20:14:36 982

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

原创 css3 nth-child(n) 的一个坑

css匹配选择第n个子元素可以使用:nth-child(n) 选择器,其匹配属于其父元素的第N个子元素,不论元素的类型 hahaah hahaah xixi1 xixi2 xixi3 xixi4

2015-06-18 22:24:51 1668 4

原创 $(window).width()=0原因

页面初始化加载东西时候 用$(window).width()来取得屏幕宽度,发现本页面刷新取值准确。但从其他页面跳过来,经常取到$(window).width()=0,原因就是代码执行的时候,浏览器窗口还没有完全开启。   只需要把$(window).width()放在$(document).ready(function(){});里执行即可

2015-05-05 20:18:46 1310

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

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

原创 相对路径和绝对路径

以前的理解有点误差,绝对路径是包括服务器协议(在本例中为http协议)的完全路径,比如“洪恩在线——电脑乐园”,完全路径为:http://www.hongen.com/pc/index.htm,如果所要链接当前站点之外的文档,就必须使用绝对路径。相对路径包括根相对路径(Site Root)和文档相对路径(Document)两种。"/"来表示根目录,/img/photo.jp

2014-03-05 13:28:42 471

原创 jquery 滑动到顶部效果

$(document).ready(function(){ $(".up").click(function(){ $("html,body").animate({scrollTop:"0px"},200); }); }); 就是想要的效果,和大家分享,嘿嘿

2014-03-04 15:57:07 661

原创 android实现进入百度地图后自动显示兴趣点

android实现进入百度地图后自动显示兴趣点

2014-02-28 10:13:25 1339 1

原创 android自动生成.apk文件

一般直接在bin目录下有,没有的话  配置一下 window---preference---build----skip skackging *********   把后面的勾去掉 ,在 project--clean 下项目 ,就有啦~!~

2014-02-20 17:00:27 446

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

原创 BitmapFactory.decodeStream 报错OUT OF MEMORY ERROR

软件做的差不多了,在点来点去的时候发现系统会奔溃。 报错就是Caused by: java.lang.OutOfMemoryError  错误定位于tmpBitmap = BitmapFactory.decodeStream(is); 这一行。开始以为和其他人一样是 bitmap忘记回收了,所以加了recyle,还是会报错。继续测试发现报错是报在特定的图片上,一打开图片url ,忽然就豁然开朗

2014-01-22 14:05:13 710

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

原创 调用android系统相机,按返回键返回和拍照成功返回的resultCode也一样

用此方法调用android系统相机后,若按返回键会报空指针错误,原因是拍照不成功,没有返回图片。 Intent imageCaptureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); startActivityForResult(imageCaptureIntent, REQ_CAPTURE_IMAGE);所以

2014-01-08 14:22:53 3027

原创 android百度地图取得屏幕中心点的坐标

开始网上搜了,好多方式显得有点复杂,后来自己研究了下百度地图android的API,,发现了两个方法getcenterpixel和fromPixels,组合了下,发现就能取到屏幕中心点的坐标了 //取得屏幕中心点的屏幕坐标偏移. Point p=mMapView.getCenterPixel(); System.out.println(p.x+"---y:"+p.y); //取得屏

2014-01-02 14:32:57 3132

原创 android 相对布局,代码创建imageview,布局居中问题

android 相对布局,代码创建imageview,布局居中问题

2013-12-27 14:40:32 1747

原创 android通过url读取网络图片

android通过url读取网络图片

2013-12-26 10:53:10 818

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

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

原创 百度LBS云端数据库数据导入几个注意的地方

进入数据管理后台可视化界面后1.创建数据库2.根据项目需要在字段增加自定义字段,(注意,要选择发布到检索,否则在编程中取不到改字段)3.点击批量模式--上传数据--数据模板,   这时候下载下来的模板为含有自定义字段的.csv格式模板,和excel差不多,把自己的数据放上面,然后就上传成功了!

2013-12-22 21:35:51 651

零基础学习JavaScript电子教程

我面试了一个有五年 Web 应用程序开发经验的软件开发人员。四年半来她一直在从事 JavaScript 相关的工作,她 自认为 JavaScript 技能非常好,但在不久之后我就发现实际上她对 JavaScript 知之甚少。话虽这样说,但我确实没有责备 她的意思。JavaScript 真的是很有趣。很多人(包括我自己,直到最近!)都认为自己很擅长 JavaScript 语言,因为他们 都知道 C/C++/C#,或者有一些以前的编程经验。

2013-07-19

空空如也

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

TA关注的人

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