主题测试中...

JavaScript 流行代码风格参考指南[摘]

JavaScript 没有一个权威的编码风格指南,取而代之的是一些流行的编码风格: Google的JavaScript风格指南(以下简称Google) http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml NPM编码风格(以下简称NPM) https://npmjs.org/doc/coding-style.html Felix的Node.js风格指南(以下简称Node.js) http://nodeguide.com/style.html 惯用(Idiomatic)的JavaScript(以下简称Idiomatic) https://github.com/rwldrn/idiomatic.js/ jQuery JavaScript风格指南(以下简称jQuery) http://contribute.jquery.org/styl ...

JSHint:在 Eclipse 和 sublime 中配置与使用 javascript 语法风格检测工具

1. 什么是 JSHint JSHint(http://www.jshint.com/)是一个JavaScript语法和风格检查工具,你可以用它来提醒代码风格相关的问题。它可以很好地被集成到许多常用的编辑器中,是统一团队编码风格的一个很好的工具。 JSHint Home: http://www.jshint.com/ JSHint Options: http://www.jshint.com/options/ JSHint For Eclipse: http://github.eclipsesource.com/jshint-eclipse/ 2. 在 Eclipse 中使用 JSHint 插件 2.1 安装方法 在 Eclipse 主菜单,点击: Help > Install New Software… 输入下面的 URL,然后选择 JSHint Eclipse Inte ...

grunt 快速入门:使用 grunt 自动化构建工具进行前端开发

grunt 是前端开发的自动化构建工具,对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting 等,自动化工具可以减轻你的劳动,简化你的工作。 下面志文工作室以一个项目的构建为例,简介入门 grunt 进行前端开发的过程,主要涉及到 javascript 代码合并与压缩,css 代码合并与压缩,以及图片压缩。 1. 安装 grunt 依赖 nodejs,首先安装下载 nodejs: http://nodejs.org/download/ 安装 nodejs 后,打开命令行,安装 grunt-cli,执行命令: npm install -g grunt-cli 2. 配置 grunt 项目文件 在项目中配置 grunt ...

HTML5 FormData 与无刷新文件上传

  无刷新文件上传是一个常见而又有点复杂的问题,常见的解决方案是构造 iframe 方式实现。 在 HTML5 中提供了一个 FormData 对象 API,通过 FormData 可以方便地构造一个表单请求,并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的,如此则无刷新上传就变的非常简单了。 那么 FormData 怎么使用呢?下面志文工作室对此进行简单的介绍。 1. 构造 FormData 对象 想得到一个FormData对象,很简单: var fd = new FormData(); FormData 对象只提供了一个方法 append ,用于向对象中添加表单请求参数。 在当前主 ...

HTML5 postMessage 消息传输与 POST 跨域通信

HTML5 的 postMessage 方法可实现不同窗体间互相通信。 postMessage 支持实现跨文档消息传输(Cross Document Messaging),并且可跨域传输信息。Internet Explorer 8, Firefox 3, Opera 9, Chrome 3和 Safari 4 以上版本浏览器都已支持 postMessage。 1. postMessage 功能简介 postMessage 主要包含两个 API: 1).消息监听:onmessage 2).消息发送:postMessage 使用步骤也很简单: 1.1.监听发送过来的消息 window.addEventListener('message', onMessage, false); var onMessage = function(){ console.log(e, e.data); if(e ...

iphone在线安装 ipa 应用:利用 itms-services 协议实现 iOS 应用程序在线安装功能

越狱后的  iOS  可以实现像企业证书分发程序那样通过访问网页点击按钮一键安装APP。 先决条件: 已越狱(Jailbreak) 越狱后已安装 Appsync 步骤: 1. 在 html 页面加入类似如下链接内容(url中的 lxxh.plist 就是下面新建的 lxxh.plist 文件路径): <a href=”itms-services://?action=download-manifest&url=http://lzw.me/pages/lxxh/ios/lxxh.plist”>点此安装</a> 2. 新建 lxxh.plist 文件,内容如下(修改内容中4个注释点): <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PU ...

Window系统下 使用Virtual box 安装 Android x86 并实现竖屏

1、下载Virtual box,并安装:https://www.virtualbox.org/wiki/Downloads 2、下载Android x86:http://www.baidu.com/s?wd=android+x86 3、在Virtual box 中创建虚拟机并安装 android 4、添加分辨率 set mb=”D:\Program Files\Oracle\VirtualBox” cd /d “%mb% VBoxManage setextradata “Android” “CustomVideoMode1″ “480x800x16″ VBoxManage setextradata “Android” “CustomVideoMode2″ “768x1280x16″ VBoxManage setextradata “Android” “CustomVideoMode3″ “768x1024x16″ 5、启动android,进入debug模式,添加menu.lst的分辨率为 ...

Cordova 3.5 为 Android APK 签名,生成可发布的 APK 程序文件

Cordova 编译 Android工程时,调用 Android SDK 的默认 build 过程,是基于Ant的。 (1)调试用APK cordova build android 默认是debug模式,会使用 debug.keystore 来生成以下两个文件: XXXX-debug.apk(signed, unaligned) XXXX-debug-unaligned.apk(signed, aligned) debug.keystore的位置: winxp: C:\Documents and Settings\Administrator\.android\debug.keystore win7  : C:\Users\Administrator\.android\ (2)发布用APK cordova build android –release 生成以下三个文件: XXXX-release.apk (signed, aligned) XX ...

Cordova/phoneGap的Android平台添加Admob、多盟、百度移动联盟广告方法

使用 Cordova/phonegap 打包android应用,应当如何添加广告呢? 谷歌网页广告明确表示不允许移动应用加Adsense广告,在移动应用中使用 AdSense 移动内容广告将会违反 AdSense 合作规范。移动应用包括任何可下载的应用,即便借助 WebView 来显示广告也是如此。移动应用中的任何 AdSense 移动内容广告单元都将被停用。 那么我们只能通过原生方式来添加了。下面志文工作室为您分享成功在 Cordova 项目中添加 Admob 广告的方法步骤,如有不足敬请指正。 1. 下载 Admob SDK Google Admob (SDK下载:https://developers.google.com/mobile- ...

设置 phoneGap/Cordova 3.4 应用程序启动动画闪屏 SplashScreen

当Cordova 程序打包并安装到手机中后,我们会发现启动程序时,会有数秒的黑屏现象,常见的解决方法则是设置闪屏后面。 这里以 Android 程序为例,介绍Cordova设置启动画面的方法。 1. 添加动画闪屏支持 打开cmd,进入项目目录下,执行命令: cordova plugin add org.apache.cordova.splashscreen 2. 制作启动画面图片 根据 platforms\android\res\ 目录下的不同目录下的图片大小,分别制作不同屏幕适应的 png 格式图片,并一一替换。 3. 增加项目配置项 在项目根目录下的config.xml中添加两个配置项: <preference name=”Spl ...

使用 Ripple Emulator 调试 cordovan/phoneGap 移动应用

Ripple Emulator 是基于 Google Chrome 的移动应用模拟器,已经捐赠给了ASF。 Apache Ripple主页:http://ripple.incubator.apache.org/ 1. 调试 webapp 当你只需要调试 webapp 应用时,可以安装Chrome 应用商店上的应用。 Chrome 应用商店安装地址: https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc 2. 调试 cordovan/phoneGap 应用 使用 npm 安装 Ripple Emulator ,则可以识别 cordova 的 api。首先,你应当已安装 nodejs。 安装使用参考步骤如下。 2.1 安装Ripple Emulator npm install -g ripple-e ...