使用Chrome调试(编辑)JavaScript、CSS、HTML

说起来Chrome的调试,可能大多数人都用过,用Chrome调试JavaScript、CSS的确是方便了前端开发人员,但这大多数人中,基本都是用它来调试,而非编辑,通常情况下,应该都是打开浏览器开发者工具,对JavaScript进行debug或者对CSS进行修改,完成后返回编辑器(IDE)修改源码,刷新并重试。这看似简单的过程,实际上已经在浏览器、编辑器(IDE)之间的切换中消耗了一倍以上的时间,事实上,我们并不需要如此,Chrome为开发者提供了更为方便的调试模式,可以让你在浏览器中调试的同时,一步到位、修改源码,下面我们就来简单介绍一下。

方法很简单,只需两个步骤。 查看更多...

简单处理,让AvalonJS支持cmd

AvalonJS是国内前端大神开发维护的一个迷你MVVM框架,它不像AngularJS大而全,但实现了常见业务逻辑中能用到的功能,这里就不再赘述,欲知详情,可前往官网了解

官网地址:http://avalonjs.github.io/

AvalonJS自带加载器,当然,如果是大的项目,我们可能在引入AvalonJS之前就在使用诸如RequireJS(AMD)、SeaJS(CMD)之类的加载器,而AvalonJS自带的加载器也是基于AMD的,对于我们使用SeaJS的来说,想引入AvalonJS看来只能是在源码上下功夫了。

分析发现,官方提供了关闭加载器的方式,同时也提供了不带加载器的版本,所以如果使用RequireJS作为项目加载器的话,直接关闭自带加载器或者下载无加载器版本(avalon.shim.js)即可,关闭方式如下 查看更多...

Window环境下Python不能卸载问题解决

近期整理电脑,想升级下Python环境(习惯性的卸载旧版安装新版,因为很多类似开发环境、SDK的安装是不会自动卸载的旧版覆盖的),发现旧版卸载不了,提示如下:

there is a problem with this windows installer package.A programe run as part of the setup
did not finish as expected.Contact your support personnel or package vendor.

网上查了下有的建议强制删除目录,清理注册表,感觉有点太暴力,故没有采纳。有些童鞋说是因为卸载文件损坏,建议使用修复功能,但实际情况发现卸载损坏的情况修复也会让你选镜像(安装包)的。最后抱着试试看的态度,下载了相同的版本,重新覆盖安装一下,再次卸载,果然OK了,看来思路没错,但要注意,需要是完全相同的版本(包括小版本),至于你原先安装的版本号是多少,可以到控制面板找到对应项来识别。
查看更多...

辞掉第一份工作了,发文纪念一下

在两年前的8月26号,曾发过这样一篇文章《找到第一份工作了,发文纪念一下》。

回忆起来,那时候刚毕业,真是什么都不懂,总觉得自己很牛,得到同学、朋友哪怕是那么一点点赞许,就高兴地找不到方向,也就是这样,摸爬滚打折腾了两个多月,最后找到了一家创业公司,也在那儿一待就是将近三年,大概就像网上说的那样,因为80后归属感比较强,再加上大部分人对自己的第一份工作比较看重的缘故,很多人觉得这样很正常,自然我也不例外。

不过,终究还是离职了,没有太多的不满与抱怨,只是觉得近一年的情况来看,对于自身能力已经没有太多可提升空间了,至少在我看来是这样 查看更多...

合理使用Intellij Idea,提高开发效率,避免内存溢出

最近使用Intellij idea(phpstorm、webstorm、pycharm、rubymine等类似)开发的时候,经常遇到内存被占满,导致异常卡顿,一开始总以为是自己程序内存泄露,后面发现即使不启动自己的项目,只是单纯的开发,依然会出现内存占满甚至溢出的情况。

最后,实在受不了,在各大技术网站上搜罗相关文章,都说修改Intellij idea默认的vm配置文件即可增大使用内存,比如,将bin目录下的idea.exe.vmoptions文件内由
-server
-Xms128m
-Xmx512m
-XX:MaxPermSize=250m
-XX:ReservedCodeCacheSize=150m
-ea
-Dsun.io.useCanonCaches=false
-Djava.net.preferIPv4Stack=true
-Djsse.enableSNIExtension=false
-XX:+UseConcMarkSweepGC
-XX:SoftRefLRUPolicyMSPerMB=50
修改为 查看更多...

Intellij Idea下打包JavaWeb项目忽略外部依赖包(Tomcat为例)

使用Intellij Idea有一段时间了(将近一年),从一开始的不习惯,到现在的高效开发,一切都显得是那么的自然而然。

由于前段时间一直做的项目并非传统Web项目,而是纯Restful风格的WebService,故而没有使用到基本的Servlet Api(Restful采用封装好的框架——Jersey,开发时不涉及Servlet Api的调用),也没有直接引入诸如Tomcat之类中间件自带的Jar包,所以一直没有发现问题。

直到最近,一个小项目的兄弟神奇的采用了Tomcat6的工具类实现文件上传,他开发使用的是eclipse,切换到我的Intellij Idea上面,发现编译不通过,就顺手在Libraries里面添加了Tomcat的Lib目录,自以为完美解决了,不料Tomcat6、Tomcat7启动时均会报错,有一段时间甚至引入Tomcat6的Lib,运行在Tomcat7下,由于关键API改动不大,而用到的Tomcat6文件上传工具类在Tomcat7更名或移除了,所以这样奇葩的开发了近一周时间,通过查看编译后的输出文件,了解到,Intellij Idea是吧Tomcat的Jar包也同时输出了,当然,打包的时候也会包含在War包内,不过由于项目紧张,一时没来得及找方法,后面实在不爽,就留意了一下网友们的说法: 查看更多...

IE8及以下浏览器js中日期字符串格式化问题解决

最近一个小项目上涉及日期字符串格式化的问题,由于之前大部分工作中使用现有js框架自带的组件库,并没有注意此类兼容性问题,直到最近才发现,原来在IE8及以下IE版本中,JavaScript的Date函数是不支持new Date("2013-12-31")、new Date("2013-12-31 00:00:00")或者new Date("2013-12-31T00:00:00Z")这样的构造方式的。

网上关于字符串格式化的函数一般都雷同,如下

function dateFormat(dateString,format) {
            if(!dateString)return "";
            var time = new Date(dateString);
            var o = {
                "M+": time.getMonth() + 1, //月份
                "d+": time.getDate(), //日
                "h+": time.getHours(), //小时
                "m+": time.getMinutes(), //分
                "s+": time.getSeconds(), //秒
                "q+": Math.floor((time.getMonth() + 3) / 3), //季度
                "S": time.getMilliseconds() //毫秒
            };
            if (/(y+)/.test(format)) format = format.replace(RegExp.$1, (time.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(format)) format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return format;
        }

查看更多...

迟到的羊年祝福

开始上班一周了,发现博客缺了篇每年必发的新年祝福,索性这里补上。

新的一年里,祝大家天天开心“喜羊羊”;事事如意“美羊羊”;工作愉快“懒羊羊”;合家幸福“暖羊羊”,总之愿大家一切都好羊年喜气“羊羊”

Grails one to many情况下子对象排序

Grails是一套用于快速Web应用开发的开源框架,它基于Groovy编程语言,并构建于Spring、Hibernate等开源框架之上,是一个高生产力一站式框架。

近期因团队需要使用Grails做开发,临时学习、熟悉一下Grails,以便快速投入开发,熟悉过程中发现,在Grails的 one-to-many 关系中,自动为你添加java.util.set,因此many端的数据顺序是不一定的,看了官方说是可以用SortedSet,也可以用List,List这里我没测试成功(可能是新接触,配置得不对),SortedSet的方式测试可用,这里记录一下。

假设有文章domain Post,评论domain Comment,Post配置hasMany=[comments:Comment],Comment配置belongTo=[post:Post],如下:
Post

package test

class Post {
    String title
    String content
    Date time=new Date()
    SortedSet comments
    static hasMany = [comments:Comment]
    static constraints = {
    }
}

查看更多...

自适应高度div内嵌iframe高度被撑开问题解决

标题有点长,就想表达一个意思,div自适应的情况下,内部嵌入iframe,iframe边框什么的全部设置0,本以为外层div可以完美自适应,结果div在不同浏览器却生生多出3-5个像素的高度。

找了下相关文章,发现确有此问题,有人说用负的margin值,可终究不完美,终极完美解决方案竟然是给iframe加display: block,或者vertical-align: bottom。

效果如图所示:
iframe_div_1
查看更多...