xcode下载 从Mac App Store 下载Xcode,只需要在Store键入Xcode,下载第一个就ok了 cordova安装与配置 cordova需要node安装,使用Safari打开nodejs.org,下载并安装 安装完成后需要从终端下载cordova,输入下面的命令就可以安装完成cordova 使用Finder在右上角输入终端就可以搜索出来 sudo npm install -g cordova 新建项目 我们新建一个HelloWorld项目,在终端中输入 cordova cre

[Cordova] 手机网页里的1px 1px的显示 Cordova让开发人员可以使用HTML页面,来开发APP的显示内容.但是在手机上,HTML页面里定义的1px,并不是直接对应到手机屏幕的一个像素.而是会依照尺寸.分辨率等等数值,计算出一个倍率值,在屏幕上做等比的显示.也就是说,HTML页面里的1px,在不同的手机上,可能会以两个屏幕像素.或是三个屏幕像素来做显示. 相关的技术细节可以参考下列资料: 移动端尺寸基础知识 - 可乐橙的私房demo Chrome开发者工具,对于手机网页1px的支

这几天遇到了两个很奇葩的问题,终于找到原因,趁还记得解决方法,赶紧记下来: 用css3动画 @keyframes里设置transform:rotate(); 控制动画暂停和运动可以用属性:animation-play-state:paused(暂停)|running(运动);但是有个让人吐血的问题,不管我怎么调加什么兼容前缀,在微信和safari里设置paused无效,在QQ里是正常的 网上查了很久 也没找到解决方法,但是也是有收获的,我发现 当不用transform的时候(如:@keyfram

Safari 里的javascript 里不能用submit作为函数名, 这样写的时候,怎么也运行不了JeasyUI的onSubmit的function, 改个名就可以了.而在chrome下面就没问题 function submit() { $('#form').form('submit', { onSubmit: function () { var account = $("#txtLoginId").val(); var password = $("#txtPwd&quo

这是第三方开发的一个Safari的jsonView,和chrome以及FF功能类似,现在已经更新到1.1版了. 传送门:https://github.com/rfletcher/safari-json-formatter 这是Github的地址; 下载地址: https://github.com/rfletcher/safari-json-formatter/downloads 下载后直接点击打开安装.默认是自动开启的. 快去试试把~

[Cordova] Plugin里使用iOS Framework 前言 开发Cordova Plugin的时候,在Native Code里使用第三方Library,除了可以加速项目的时程.也避免了重复发明轮子的窘境.本篇文章介绍如何在Cordova的Plugin里使用iOS Framework,主要为自己留个纪录,也希望能帮助到有需要的开发人员. 参考数据: 建立 iOS中的第三方Library,除了可以从网络上取得之外,也可以依照下列文章的步骤,建立一个自己的iOS Framework:「My

[Cordova] Plugin里使用Android Library 前言 开发Cordova Plugin的时候,在Native Code里使用第三方Library,除了可以加速项目的时程.也避免了重复发明轮子的窘境.本篇文章介绍如何在Cordova的Plugin里使用Android Library,主要为自己留个纪录,也希望能帮助到有需要的开发人员. 参考数据: 建立 Android中的第三方Library,除了可以从网络上取得之外,也可以依照下列文章的步骤,建立一个自己的Android L

安装指定版本的cordova 刚接触cordova看到教程肯定是直接 npm install -g cordova 然后下载个集成的adt 以为万事大吉,开始hello world 玩玩没有想到最新的cordova基于kitkat android 5.1.1 而下载的sdk中往往不是最新的,比如我下的只有4.3的 然后cordova create demo 代码就不支持了 去下个5.1的sdk又比较操蛋 于是想到用对应的cordova来创建项目,一切都能搞定 但是这货不支持指定版本,要想对应到s

IE.FF.Safari.OP不同浏览器兼容报告 1         浏览器内核简介 Trident IE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是IE) Geckos FireFox Presto Opera Webkit Safari.Chrome 浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”.负责对网页语法的解释(如HTML.JavaScript)并渲染(显示)网页. 所以,通常

cd d:\cordova\projectscordova create HelloWorld com.example.helloworld HelloWorldcd HelloWorldcordova platform add android 1. 在Eclipse里导入Android 项目 HelloWorld D:\Cordova\Projects\HelloWorld\platforms\android.   修改项目属性Android -> Project Build Target -

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 首先新建一个cordova项目,然后添加安卓环境 cordova create iconan meleong.duapp.com iconan cd iconan cordova platform add android 在这个目录下有一个www文件夹,cordova打包的时候会把

一.Cordova创建应用 cordova create oneApp Cordova创建应用出错 Cordova安装时不能使用cnpm 应该使用npm,cnpm虽然快但是后期出的错绝对比这省下来的时间多得多. 正确安装方法 npm install -g cordova 或 npm install -g cordova --registry=https://registry.npm.taobao.org npm install -g cordova 报错ENOENT: no such file

导语: Safari 11.0 的亮点 网络会议.使用WebRTC标准实现对等会议. 开发调试工具增强.使用用于测量代码和网络性能的新工具来测试代码. WebAssembly.当使用新的WebAssembly格式编写时,您的Web应用程序更小,加载速度更快. 新的 WKWebView API.您的应用程序现在可以捕获快照,处理自定义URL方案,更有效地管理Cookie,并实施Web内容过滤. Safari 11.0 针对 APP开发人员 WebKit 的 WebView Safari 11.0中

在 svg 中需要写一个 markdown 编辑器,需要用到 <foreignObject> 绘制来html,编辑器选择了 simplemde.大致html部分结构如下,<markdown-editor> 组件为定制封装好的 simplemde 编辑器. <template> <svg> <g> <foreignObject :width="XXX" :height="XXX"> <div

代码地址如下:http://www.demodashi.com/demo/11738.html GitHub Repo:vue-objccn Follow: halfrost · GitHub 利用 Vue.js 实现 objc中国 的跨平台全栈应用 ✅ 桌面应用,支持 Mac.Linux.Windows 三个平台 ✅ Web 应用,支持 桌面浏览器 和 手机浏览器 ✅ 手机 App,目前只支持了 Cordova 框架,支持 iOS.Android.Windows Phone.BlackBerr

2015 年 9 月,Apple 重磅发布了全新的 iPhone 6s/6s Plus.iPad Pro 与全新的操作系统 watchOS 2 与 tvOS 9(是的,这货居然是第 9 版),加上已经发布的 iOS 9,它们都为前端世界带来了哪些变化呢?作为一个 web 开发者,是时候站在我们的角度来说一说了! 注! 该译文存在大量英文术语,笔者将默认读者知晓 ES6.viewport.native app.webview 等常用前端术语,并不对这些已知术语进行汉语翻译 对于新发布或较新的产品名

信息比较丰富的网站通常会以分页显示,在点“下一页”时,很多网站都采用了动态请求的方式,避免页面刷新.虽然大家都是ajax,但是从一些小的细节还是 可以区分优劣.一个小的细节是能否支持浏览器“后退”和“前进“键.本文讨论两种方法,让浏览器可以后退和前进,或者说让ajax就像重定向到新页面一样 拥有能够返回到上一页或者前进到下一页. 数据实现分页显示,最简单的做法是在网址后面加多个page的当数,点“下一页”时,让网页重定向到page+1的新地址.例如新浪的新闻网就 是这么做的,通过改变网址实现:i

1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行 (2)解决方法: 改用 document.formName.elements["elementName"] 2. 集合类对象问题 (1)现有问题: 现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox(火狐)不能. (2)解决方法: 改用 []

为了防止CSRF的攻击,我们建议修改浏览器在发送POST请求的时候加上一个Origin字段,这个Origin字段主要是用来标识出最初请求是从哪里发起的.如果浏览器不能确定源在哪里,那么在发送的请求里面Origin字段的值就为空.隐私方面:这种Origin字段的方式比Referer更人性化,因为它尊重了用户的隐私.1.Origin字段里只包含是谁发起的请求,并没有其他信息 (通常情况下是方案,主机和活动文档URL的端口).跟Referer不一样的是,Origin字段并没有包含涉及到用户隐私的URL

谈起JavaScript的 事件,事件冒泡.事件捕获.阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免. DOM事件标准定义了两种事件流,这两种事件流有着显著的不同并且可能对你的应用有着相当大的影响.这两种事件流分别是捕获和冒泡.和许多Web技术一样,在它们成为标准之前,Netscape和微软各自不同地实现了它们.Netscape选择实现了捕获事件流,微软则实现了冒泡事件流.幸运的是,W3C决定组合使用这两种方法,并且大多数新浏览器都遵循这两种事件流方式. 1事件传播--冒泡与捕

1 Canvas教程 <canvas>是一个新的用于通过脚本(通常是JavaScript)绘图的HTML元素.例如,他可以用于绘图.制作图片的组合或者简单的动画(当然并不那么简单).It can for instance be used to draw graphs, make photo compositions or do simple (and not so simple) animations. 1.1 基本用法 Basic usage <canvas>元素 Let's s