`
文章列表
近期做前端单元测试,因为用了seajs,项目中很多定义了匿名的cmd(根据文件名、路径加载),但在用karma测试的过程中遇到了点麻烦,这个blog就总结下解决的问题。   1. 首先要先了解下karma的script加载方式     在karma.conf.js ...
工作中遇到的业务场景,和同事一起研究了下,主要是为了兼容IE版本 其实就是一些琐碎的知识点在网上搜集下解决方式,然后集成了下,主要有以下点:   1. IE input type=file的图片预览要用IE的filter css     progid:DXImageTransform.Microsoft.AlphaImageLoader      chrome/firefox则用File api的file reader   2. 图片旋转,IE用progid:DXImageTransform.Microsoft.Matrix的filter(filter可以组合用,用空格隔开) ...
很简单的功能,工作中需要,因为不够懒,每次都运行ant的target   后来开发web写js/html越来越多,根本不用编译的,再不写这样的工具。用动态语言都很容易实现 分享下   class DeployWatchDogTask extends TimerTask { String srcDir String distDir List extList = ['.js', '.css', '.html', '.tpl', '.ftl'] def ant = new AntBuilder() public DeployWatchDogTask(String ...
关于这条“军规”,我们就不要浪费口舌了,angular-strap等很多库扩展的做法,都没有一下子舍弃jquery的生态圈 Don't even use jQuery. Don't even include it    我这篇blog主要是以一个示例呼应下另外一些朋友的blog——angularjs与其他类库的协作   lhgdialog是一个很优秀的对话框的js库,提供jquery插件形式,我们项目上用起来很方便。如果用angular纯模型控制的方式去做dialog,需要大量的css控制属性,其中drop/resize等比起现有的jquery都算从头重写,当然费时费力,所以我们还是 ...
一. 团购网叫做“朝夕购”,是之前帮一个朋友做一团购网,后来各种原因不再用。在开发过程中发现groovy做这种crud的网站特别适用,就是部署麻烦些。   网上有示例 http://115.28.42.207 后台管理 http://115.28.42.207/manage/index.htm ...
项目中有跨window的相互交互的场景,不适合用模态窗口做。通过指令很容易满足该需求。 具体思路:在window1的一个element上使用jquery的事件绑定,在指令里回调scope的属性或方法。 window2就在需要回调的方法里去触发window1的element的事件。   具体实现代码如下:   define(function(require){ var moduleName = 'ng.ext.trigger-bridge'; return { init: function(){ window.console.log('Begin init m ...
最近有同事让我帮忙把一些网页本地静态化,中间遇到一些问题,比如css的图片下载到本地,并替换路径 无法用webzip,所以就自己写个简单工具实现了。代码如下:   String proxyHost = 'proxy ip' String proxyPort = '8080' System.setProperty("proxyHost", proxyHost) System.setProperty("proxyPort", proxyPort) // 匹配css文件中的image路径的正则 def pat = /.+url\(([^\) ...
下载地址   https://code.google.com/p/jqmobi-phonegap-template/downloads/list   index.html引入和启动的代码如下:   <script src="./js/x.js"></script> <script src="./js/page.utils.js"></script> <script src="./js/jquery-1.8.3.min.js"></script> ...
先介绍下背景:项目是给予ipad的phonegap应用,其中保存很多业务数据,因为最初设计时候使用了local storage,后续便遇到了5M上限的困扰。   解决办法有几个,一个是换成web sql存储,phonegap使用native的sqlite,但要把格式化数据(json)映射到数据库关系表中;一种是用file api,phonegap使用native的file api;但两种方式的编程方式都是回调式的,要改动很多代码。   想实现一种阻塞的数据读取的方式,思路如下:使用file api做write,在write的时候通过传入方法,在local storage中保存writ ...
最近一直研究angularjs,其双向绑定的确很强大,看中文社区,官方文档,参考github的ui示例,大概摸索下angularjs的开发方式——和传统的dom编程完全不同,jquery再锋利在angularjs的设计理念中,只能作为幕后者。AMD/CMD虽然能和angularjs一起使用,但angularjs自己的module设计,尤其是自动注入特性,比amd/cmd优越。和jquery plugin的扩展方式一样,amd/cmd期望以另一个非官方标准来积累js扩展,angularjs也是如此,开发者要作出选择,或组合或取舍。   言归正传:贴下一个简单以cmd形式扩展angularjs ...
上一次下载了rexsee的代码(后来发现code.google.com上有,名字叫jinghongye),但没有导航,就用ztree做个树形菜单,树形json用代码生成了下——使用groovy,动态语言,你懂的   import com.alibaba.fastjson.JSON File f = new File('src/java') def filePathLl = [] f.eachFileRecurse{ filePathLl << it.absolutePath } // 根据父文件夹获取其下标作为pId def ll = [] f.e ...
见附件,源码我另外格式化了下   最近学习android,对rexsee比较感兴趣,因为公司不能浏览外网,所以文档都看不上,今天晚上一时兴起, 写写代码弄下来,自己用,顺便分享出来。   output/index.html help/index.html   PS rexsee的手册网站的html代码垃圾的很,连个好的前端工程师都不愿意请么??
最近写了一个js库给别人用,本来我用的是utf-8,对方都是gbk,所以写了一段代码进行批量转换下(应该有不少文本编辑器支持的),我只是分享下代码,有需求的童鞋可以参考下 final String srcCharset = 'utf-8' final String targetCharset = 'gbk' final List skipLl = ['calendar.js'] final String srcDir = 'input' final String distDir = 'output' def ant = new AntBuilder() new F ...
IPAD的localstorage上限只有5M,不够用,现在想用websql替代,最初设计又没考虑到回调的方式,结果代码修改很多——我个人十分不喜欢html5 websql/file api的调用方式,phonegap的插件使用callback指针,这点还可以理解,至于纯js为什么要设计成这样,不解——抱怨下,下面贴下代码   /** * Begin class defination XDB : Web sql辅助方法 */ var XDB = { db: null, init: function(dbName, version, dbDisplayName, size ...
angular框架的介绍大家可以参考下官网和中文社区。 下面链接是简介: http://www.angularjs.cn/docs/developer/328.html   简单总结下就是: 双向绑定,可测试性的代码结构,模型视图分离的一个前端MV*框架 其中angular也提供了模型的概念和依赖管理,不过这个依赖都是要在js对象都已经定义的前提下,没有像amd/cmd提供按需加载。 我个人比较喜欢cmd(seajs),它对顶级作用域window的使用约束较多,全局对象和方法少,缺点就是很多原生库,都需要手工wrap下。 angular定义的controller一般都是全局的 ...
Global site tag (gtag.js) - Google Analytics