2016年03月_沈成才

原创项目适配iOS9遇到的一些问题及解决办法

1.网络请求报错。升级Xcode 7.0发现网络访问失败。输出错误信息The resource could not be loaded because the App Transport Security policy requires the use of a secure connection.原因：iOS9引入了新特性App Transport Security (ATS)。详情：

2016-03-28 11:14:35 394

转载 iOS 8 Auto Layout界面自动布局系列4-使用VFL添加布局约束

本系列第一篇文章介绍了自动布局的基本原理，第二篇通过一个简单的例子演示了如何使用IB以可视化方式创建自动布局约束，第三篇使用代码直接创建NSLayoutConstraint实例来定义自动布局约束。本篇文章在第三篇文章的基础上，使用Visual Format Language（暂且翻译为可视化格式语言，简称VFL）创建约束。在第三篇文章中，我们仅仅创建了4个视图，就需要创建将近20个NSLayo

2016-03-25 14:38:27 355

转载 iOS 8 Auto Layout界面自动布局系列3-使用代码添加布局约束

本系列的第一篇文章介绍了自动布局的基本原理，第二篇文章通过一个简单的例子演示了如何使用Xcode的Interface Builder（简称IB）以可视化方式添加约束。本篇为该系列的第三篇文章，主要介绍如何通过代码来添加布局约束。其实，我个人认为本篇才应该是系列的第二篇，因为通过代码构建自动布局约束是最基础的，也是最灵活的方式。而IB只不过是把复杂的过程以直观简单的方式呈现出来，而且并非所有的情

2016-03-23 21:08:09 353

转载 iOS 8 Auto Layout界面自动布局系列2-使用Xcode的Interface Builder添加布局约束

上一篇文章《iOS 8界面自动布局系列-1》简要介绍了iOS界面布局方式的前世今生。本篇文章将详细介绍如何使用自动布局实现不同屏幕尺寸的适配。添加自动布局约束（下文简称约束）有以下三种方式：使用Xcode的Interface Builder界面设计器添加并设置约束通过代码逐条添加约束通过可视化格式语言VFL添加约束本文将以一个简单的例子来演示如何使用这几种方式添加约束，如下图所示。程序的

2016-03-23 20:24:06 406

转载 iOS 8 Auto Layout界面自动布局系列1-自动布局的基本原理

苹果今年如约放出了新的iPhone 6与iOS 8系统，SDK针对新的设备和系统的界面适配也进行了若干改进，因此我也想借此机会跟大家分享一下我自己关于界面自动布局的理解，如有错误请不吝指教。一、视图定位的基本原理视图（View）是一个用于显示内容的矩形区域，它是构成app界面的最基本单元。下图为计算器app的横屏界面，其中每一个计算器按键都是一个视图。在平面直角坐标系中，要准确描述一个矩形需要确

2016-03-23 20:22:51 358

原创 Swift常用全局常量、函数

常量定义常量可以用小写k开头,其余大写，配上下划线 Swift的常量,使用let定义常量复杂表达式，可以用全局的func函数代替文件/// cache文件路径let cachesPath: String = NSSearchPathForDirectoriesInDomains(.CachesDirectory, .UserDomainMask, true).last!界面尺寸/*

2016-03-22 14:51:56 2216

转载 iOS安全攻防（二十三）：Objective-C代码混淆

class-dump可以很方便的导出程序头文件，不仅让攻击者了解了程序结构方便逆向，还让着急赶进度时写出的欠完善的程序给同行留下笑柄。所以，我们迫切的希望混淆自己的代码。混淆的常规思路混淆分许多思路，比如： 1）花代码花指令，即随意往程序中加入迷惑人的代码指令 2）易读字符替换等等防止class-dump出可读信息的有效办法是易读字符替换。Objective-C的方法名混淆混淆的

2016-03-18 15:29:51 371

原创上传App到Store（三）提交新应用

1 提交新应用前的准备工作 iTunesConnect管理平台大概有半小时的失效，填写到一半超时的话就得重新提交。主要准备工作如下： 1. 1张1024x1024大小的PNG软件图标，通常是自己应用icon的放大版。 2. 至少两张640x960、640x1136两个尺寸的iPhone版本PNG截图（用iPhone4及以上手机或iPod Touch4，同时按上方电源键和底部HOME键可

2016-03-17 17:27:00 545

原创上传App到Store（二）生成证书与真机测试

首先登录到苹果开发者中心。如果已经购买了99$, 登录进去，点击后会看到如下图所示。点击左侧第二个按钮，在打开页面中点击左侧的Devices下的All选项： 1、点击左侧导航的Device，进入授权设备的页面，点击右上方的Add Device按钮可以添加一个设备。添加设备的时候可以指定设备的名字（随便写），以及设备的UDID（Unique Identifier）。每一个Appl

2016-03-17 16:40:32 974

原创 HTML5 - 使用<video>播放视频

1，下面是一个播放视频的最简单样例（controls属性告诉浏览器要有基本播放控件）<video src="hangge.mp4" controls></video>2，通过width和height设置视频窗口大小<video src="hangge.mp4" controls width="400" height="300"></video>3，预加载媒体文件设置preload不同的属性值

2016-03-17 16:24:00 30559 1

原创 HTML5 - 使用<audio>播放音频

1，下面是一个播放音乐的最简单样例（controls属性告诉浏览器要有基本播放控件）<audio src="hangge.mp3" controls></audio>2，预加载媒体文件设置preload不同的属性值，可以告诉浏览器应该怎样加载一个媒体文件：（1）值为auto：让浏览器自动下载整个文件（2）值为none：让浏览器不必预先下载文件（3）值为metadata：让浏览器先

2016-03-17 16:16:19 2643

原创 HTML5 - 使某个页面元素或整个页面可编辑

1，把任何元素的contenteditable属性设置成true，点击即可以编辑该元素的内容 <div id="editableDiv" style="width:240px;height:100px;background-color:#FEFFCE" contenteditable="true"> 你可以编辑这段文本</div>2，也可以使用js来动态的开启和关闭编辑功能<sc

2016-03-17 16:12:44 8519 1

原创 HTML5新控件 - 计量条<meter>

计量条<meter>外观和进度条<progress>有点类似，但作用不同。它表示的是某种计量，因此也被称作计量器。<meter>元素的值通常会对应现实中的某个值（比如天数，数量，金钱等）1，计量器需要设置最大和最小值（通过max和min属性）<meter value="50" min="10" max="70" />2，使用low和high属性表示“过低”或“过高”值可以看到当值过高或过低的时

2016-03-17 16:07:49 843

原创 HTML5新控件 - 进度条<progress>

<progress>表示任务的进度，背景为灰色，完成的部分填充为脉动式绿色条（但不同的浏览器下，样式还是不同的）。1，可以通过value属性来设置百分比（0~1的小数）通常我们还可以在元素内部再放置进度值，这样当浏览器不支持的时候就可以显示出文字作为后备方案。<progress value="0.25">25%</progress>2，可以利用max属性设置最大值，这时value的范围便是0~最

2016-03-17 16:04:13 2822 1

原创 HTML5新控件 - 输入框输入提示<datalist>

新的<datalist>元素让你可以在普通文本框中添加一个下拉提示列表。你可以选择输入，也可以自由输入（输入的同时，下方会自动显示出匹配的建议项）。支持的浏览器：Chrome，Firefox，Opera，新版IE（从IE10开始）不支持的浏览器：Safari，旧版本IE（包括IE9）使用方式：<datalist>需要和<input>配合使用。<datalist>是完全不可见的，将其放在页面任意位

2016-03-17 16:00:19 1505

原创 HTML5新控件 - 颜色选择器

color控件可以让用户方便地通过色盘来选择颜色。但目前只有Chrome支持。<input type="color" value="#2D9900"/>

2016-03-17 15:53:22 15120

原创 HTML5新控件 - 日期和时间选择输入

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历，供用户选择。注意：目前只有Chrome和Opera提供下拉式日历支持，其它浏览器仍是一个普通文本框。1，日期控件 - date<input type="date" value="2015-09-24"/>2，时间控件 - time<input type="time" value="13:59"/><inpu

2016-03-17 15:51:30 239262 11

原创 CSS - 实现图片垂直居中，文字垂直居中

在html页面设计时，经常需要让容器内部的图片或文字上下垂直居中，通过CSS可以很方便的进行设置。1，图片垂直居中给图片添加 vertical-align:middle; 样式即可<div style="height:100px"> <img style="vertical-align:middle" src="images/star.png" ></div>2，文字垂直居中要把

2016-03-17 15:43:28 624

滑动条range控件同number控件类似，它可以表示整数或者小数值。同时也支持min和max属性，用于设置允许的范围。不同的是，number控件是一个文本框形式，而range控件使用滑动条的形式。和音量调节器很像，通过拖动滑块来选择值。适用于那些对输入数据不要特别精确地方使用。<input type="range" min="0" max="100" value="70"/>（注意：range控件

2016-03-17 15:41:45 14306

原创 HTML5新控件 - 数值输入框

如果需要输入常规数值，使用number类型的控件很方便，浏览器会自动忽略非数值字符。就是说只能输入数字进去。1，默认只能输入整数<input type="number"/>2，使用step属性表示可以接受的数值间隔（比如下面就允许输入11.5）<input type="number" step="0.1"/>3，使用min和max属性可以限制数值的范围<input type="number" min

2016-03-17 15:33:46 2493

原创 HTML5新控件 - 电话号码输入框

如果需要一个用来填写电话号码的输入框，可以使用tel类型。这个在移动浏览器中使用很方便，会自动使用只包含数字和符号，没有字母的虚拟键盘。<input type="tel"/>

2016-03-17 15:30:54 14880 3

原创 HTML5新控件 - 搜索框

搜索框即为search类型的输入框，当在其中输入内容时，右侧会出现一个X图标。单击即可清除搜索框。其它就与文本框无异。<input type="search"/>

2016-03-17 15:29:38 7177

原创 HTML5新控件 - url类型输入框（网址）

如果需要一个用来填写url地址的输入框，可以使用url类型。这样浏览器可以帮我们验证格式是否正确，而不需要自己写验证规则。网址验证规则：首先要有一个URL前缀（http://，ftp://等）。后面可以是空格和大多数特殊字符（冒号除外） <input type="url"/>

2016-03-17 15:26:58 2570

原创 HTML5 - 新增的元素，删除的元素

1，HTML5新增的元素（1）用于构建页面的语义元素：<article>，<aside>，<figcaption>，<figure>，<footer>，<header>，<nav>，<section>，<details>，<sumary>（2）用于标示文本的语义元素：<mark>，<time>，<wbr>（以前就支持，现在正式列入规范）（3）Web表单及交互：<input>（不是新元素，但加了许

2016-03-17 15:25:17 1308

转载 HTML5 - 笔试题汇总

1 . HTML5 之前的 HTML 版本是？HTML 4.01HTML 4HTML 4.1HTML 4.92 . HTML5 的正确 doctype 是？<!DOCTYPE html><!DOCTYPE HTML5><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd

2016-03-17 15:23:18 3143

转载 HTML5新控件 - email类型输入框（电子邮件地址）

如果需要一个用来填写电子邮件地址的输入框，可以使用email类型。这样浏览器可以帮我们验证格式是否正确，而不需要自己写验证规则。1，只允许输入单个邮件地址<input type="email"/>2，允许输入多个邮件地址（用逗号分隔）<input type="email" multiple/>（注：如果不允许未空的话，记得加上required属性）原文出自：www.hangge.com 转载请保留

2016-03-17 15:04:47 10700

转载 HTML5 - 使用HTML5Forms让旧浏览器支持表单新特性，表单验证

对于不支持HTML5表单验证的浏览器，虽然我们可以先用Modernizr判断后使用自定义的验证代码。但如果表单很多，或者需要验证地方很多，那这样就略嫌麻烦。我们还可以使用HTML5Forms.js库，它可以自动使老旧的浏览器兼容HTML5表单新特性。地址是：https://github.com/zoltan-dulac/html5Forms.js1，加载所有的webforms功能（以表单验证为例

2016-03-17 15:01:19 1135

转载 HTML5 - 用Modernizr检测浏览器对表单和表单验证的支持情况

不同浏览器对HTML5表单的支持不一样。比如：IE9就不支持HTML5表单验证。这样就需要我们对不支持的浏览器提供备用方案。利用Modernizr可以检测浏览器对各种HTML5表单验证功能的支持情况。比如：Modernizr.input.required属性可以检测出浏览器是否支持required属性。其它属性还有：pattern，placeholder，autofocus，max，min和step

2016-03-17 14:55:17 483

转载 HTML5 - 表单客户端验证

过去对于客户端的表单验证，通常是使用JavaScript验证脚本，要么自己写，要么使用第三方库。而在HTML5中，提供了一套客户端验证方法，只需要在<input>字段里嵌入常用的错误检查规则即可。1，required属性 - 表示字段不能为空（注意：只有用户单击“提交”按钮提交表单的时候，浏览器才会执行验证。目前HTML5不支持指定验证的时间，而且验证消息的样式和内容各个浏览器不大一样，不能修改

2016-03-17 14:39:48 3939

转载 HTML5 - 使用autofocus让控件自动获取焦点

给文本控件添加autofocus属性，在页面加载后会自动获取焦点，便于输入。注意：只能给一个<input>或<textarea>元素添加这个属性<input type="text" autofocus/>原文出自：www.hangge.com 转载请保留原文链接：http://www.hangge.com/blog/cache/detail_858.html

2016-03-17 14:38:06 7135 1

转载 HTML5 - 使用占位符文本placeholder添加文本框提示

1，使用placeholder可以给文本框，搜索框添加提示性文本（当文本框中没有内容，就会显示灰色的占位符文本。当用户输入内容时，占位符文本会消失。） <input type="text" name="url" placeholder="输入地址" />2，使用focus伪类，可以让文本框获取焦点时改变样式，使其更加显眼。 input:focus { background: #FFF

2016-03-17 14:36:31 2782

转载 HTML5 - 使用<mark>标注高亮突显文本

当需要引用其他人的内容,或者想要重点标注一段文本时可以使用元素。这样浏览器会给中的文本添加黄色背景。效果图如下：欢迎访问：<mark>hangge.com</mark>原文出自：www.hangge.com 转载请保留原文链接：http://www.hangge.com/blog/cache/detail_856.html

2016-03-17 14:33:44 2758

转载 HTML5 - 使用<output>标注JavaScript返回值

有时页面上的一些数据信息是通过js计算后填入的。在过去，开发人员常常会将<span>元素作为占位符，并指定一个ID属性，这样JavaScript代码就可以在计算时找到它并填入数据。 HTML5中，建议使用<output>作为占位符使语义更加清晰，用法实际和以前的<span>是一样的。<!DOCTYPE html><html><head> <meta charset="utf-8"> <

2016-03-17 14:23:47 1435

转载 HTML5 - 使用<time>标注日期和时间

网页中经常会出现日期和时间信息。比如：文章的发表时间。但过去一直没有标准的方式来标注日期。<time>标签便是为了解决这个问题，其目的是让搜索引擎等其它程序可以更容易的提取这些信息。1，<time>元素可以标注日期，时间或日期与时间的组合（日期格式是YYYY-MM-DD）演唱会日期是<time>2015-11-12</time>2，也可以使用任何格式来显示日期，只要在datetime属性中提供计算机

2016-03-17 14:17:53 13064 1

转载 HTML5 - 页面结构相关的新语义元素汇总

HTML5最主要的特点是添加了许多新的语义元素（虽然其本质还是div）。通过使用这些语义元素，可以为网页创建清晰，有逻辑的结构。下面对页面结构相关的元素做个总结。1，<article> 表示一篇任何形式的文章，类似新闻报道、论坛帖子、博客文章（不包括评论或者作者简介）等能够独立的内容区块。<artile>应该包含所有相关内容、包括标题、作者署名、以及文章正文。2，<aside> 表示独立于周围的

2016-03-17 14:12:43 743

转载 HTML5 - 经典的上中下三段式布局（并使用<nav>实现侧边导航链接）

这个是一个典型的三段式部局，上下两块分别是网页头部与尾部。中间区域又分为左边的侧边栏区域和右边的内容主体区域。1，效果图如下： 2，页面元素说明：（1）在最外层我们添加了一个wrapper，把所有的页面元素都包在里面。好处是便于调整整个页面的最大最小宽度，以及是否让页面居中等。（2）中间区域，侧边栏是固定宽度，右侧内容区域是自适应宽度。（3）过去我们会把整个侧边栏都放在一个<div>中

2016-03-17 14:04:49 16570

转载 HTML5 - 让老浏览器支持新语义元素的几种方法

基本上所有现代浏览器都已经很好的支持HTML5新增的语义元素，但市面上还有许多机器认使用IE9之前的版本（比如IE8）。所以为了兼容这些浏览器，当我们使用新语义元素时，也要确保它们在这些古老的浏览器上能正常显示。下面总结了三种让旧浏览器支持新语义的办法。方法1：为语义元素添加样式浏览器在遇到不认识的元素时，会把它们当成内联（inline）元素。而大多数HTML5语义元素都是块级元素，需要单独

2016-03-17 13:58:05 617

转载 HTML5 - 在线检测网页在各种浏览器下的效果

由于标准不同，各个浏览器在对页面的渲染上就存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。所以设计师常常需要在各个浏览器下分别调试。而且自HTML5，CSS3以来，这种情况越来越普遍，特别是市面上还有不少使用老版本的IE。通常我们可以使用IETester来模拟网页在不同版本IE下的相容性。但由于需要安装，所以有些麻烦。下面介绍两个可以在线模拟浏览器的网站。1，http://netrende

2016-03-17 13:54:13 5226

转载文章标题

1，附注介绍和使用场景新的元素<aside>表示它与周围的文本没有密切关系的内容。（1）可以通过附注介绍另一个相关的话题。（2）或对主文档中提出的某个观点进行解释。（3）也可用来盛放广告、相关内容链接、醒目引文（pull quote）等。当然，如果使用<div>元素也可以实现同样的功能，但使用<aside>可以让标记更富有意义。2，使用样例（实现一个醒目引文）<!DOCTYPE

2016-03-17 13:50:06 257

转载 HTML5 - 使用Geolocation（地理定位）获取用户的位置

通过HTML5 Geolocation API 可以获得用户的地理位置。下面通过一个样例演示如何获取用户经度，纬度gps信息。（注意：鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。）效果图如下：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>GPS</title></h

2016-03-17 13:47:28 3141

Learning Core Audio A Hands on Guide to Audio Programming for Mac and iOS

12.2 (16E227).zip

base64编码

iOS代码混淆的demo

3D球形标签云效果

空空如也