- 博客(48)
- 收藏
- 关注
RSS订阅原创 iOS-交互设计归纳
官方介绍：iOS Human Interface Guidelines好文：学习iOS设计----iOS8的颜色、文字和布局学习来自：NQ_UEC
2015-09-06 14:26:47
479
原创 iOS-UIKit框架
UIColor 颜色// 初始化方法init(white: CGFloat, alpha: CGFloat)init(hue: CGFloat, saturation: CGFloat, brightness: CGFloat, alpha: CGFloat)init(red: CGFloat, green: CGFloat, blue: CGFloat, alpha: CGFloat)
2015-08-28 18:31:40
1591
原创 读书笔记-《Swift语言实战入门》-应用开发部分
AppDeletegate.swift 默认方法：// 在应用程序启动后，要执行的委托调用application(application: UIApplication, didFinishLauchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool// 在应用程序将要由活动状态切换到非活动状态时候，要执行的委托调用，如
2015-08-25 10:10:36
554
原创 js-闭包原理
写在前面： js变量作用域：全局变量和局部变量 函数内部可以读取全局变量 函数外部无法读取函数内部的局部变量 函数内部用var关键字定义的变量为局部变量，否则为全局变量如何在函数外部读取局部变量？function f1(){ var n=999; function f2(){ alert(n); // 999 }}在函数
2015-08-24 18:06:42
390
转载 html-firefox与IE对javascript和CSS的区别(浏览器兼容)
这里有一篇好文:firefox与IE对javascript和CSS的区别(浏览器兼容)把一些很小的点都给罗列出来了，有空看完再整理下来。
2015-08-24 11:43:38
329
转载 js-事件捕获与事件冒泡原理 IE和DOM之间存在哪些主要差别
转自博客园《JavaScript事件捕获与事件冒泡原理 IE和DOM之间存在哪些主要差别》 作者:LM事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0:
2015-08-24 10:50:27
1030
原创 关于瀑布流
淘宝UED上的《瀑布流布局浅析》，尽管是2011年的文章了：http://ued.taobao.org/blog/2011/09/waterfall/鉴于现今瀑布流的流行，上次面试的时候又遇到了这个问题，可我确实没有实现过，一时问起确实只知道用float:left的方式。1.固定列宽和列数，列设置float:left，一个列就是一个内容块，加载内容就选择加载到各列中2.
2015-08-24 10:10:47
424
原创 读书笔记-《Swift语言实战入门》-语法部分
《Swift语言实战入门》人民邮电出版社写在前面： 之前一直在学习web的东西，怎么突然跑来学Swift，说到底是为了生存。在Web技术非常成熟的今天，也许对于一个毕业生来说，要成为一个优秀的前端工程师不是那么容易的。至于我本人，不是学霸也不是技术大牛，对技术研究也没有非常浓厚的兴趣，但能做各种新奇的互联网产品还是挺让人兴奋的。 于是，为了明天还能正常上
2015-07-06 16:21:18
1319
转载 转载-Javascript定义类（class）的三种方法
最近在努力强化自己的编程思想，特别是OOP方面的，在js上面要实现OOP首先就有个问题：js不支持定义类。于是就得用各种方法去实现，发觉还是不理想，代码不容易维护。下面是转载网络的博文，作个参考吧：作者： 阮一峰日期： 2012年7月 9日将近20年前，Javascript诞生的时候，只是一种简单的网页脚本语言。如果你忘了填写用户名，它就跳出一个警告
2015-06-12 16:36:34
362
原创 读书笔记-《细说PHP》
《细说PHP》——电子工业出版社第一章 lamp网站构建Web应用的部分优势：基于浏览器，具有统一的平台和UI体验。无需安装，拥有浏览器即可体验。总是使用应用的当前最新版本，无需升级。数据持久存储在云端，基本无需担心丢失。Web2.0主要特点：用户参与网站内容制造。Web2.0更注重交互性。符合Web标准的网站设计。Web2.0和Web1
2015-06-10 10:19:27
731
原创 CSS-正方体
CSS3的transform可以帮助我们实现很多的3d效果，下面是用div元素拼成的正方体：先来看看html代码： top left right 再来看看CSS代码： .side{ width: 100px; height: 100px; display: -webkit-box; -webkit-box-pack
2015-06-05 14:19:39
640
原创 读书笔记-《用户体验的要素》
《用户体验的要素》——以用户为中心的Web设计Jesse James Garrett 著机械工业出版社用户体验为什么如此重要转化率是一种常用的方式，来衡量用户体验的效果。任何在用户体验上所做的努力，目的都是为了提高效率。创建吸引人的、高效的用户体验的方法称为以用户为中心的设计UCD（user-centered design）。认识
2015-06-04 11:55:45
645
原创 CSS-三角形
.content { width: 100px; height: 100px; padding: 0; background: orange; position: absolute; top: 200px; left: 200px; } .content:after {
2015-06-03 19:15:03
335
原创 CSS-选择器
属性选择器[id*=val] - id属性中包含val[id^=val] - id属性以val开头[id$=val] - id属性以val结尾id选择器#test - 选择id="test"的元素类选择器p.right - 带有right类的p元素伪类选择器a:link - 未访问的连接a:visited - 已访问的连接a:hove
2015-06-03 19:14:40
431
原创 CSS-渐变
不同内核需要加前缀：-webkit-linear-gradient(top,#000,#fff);-moz-linear-gradient(top,#000,#fff);-o-linear-gradient(top,,#000,#fff);也可以加一些渐变中间的颜色-webkit-linear-gradient(top,#000,#eee 20%,#fff);也可以使用co
2015-06-03 19:14:37
338
原创 CSS-追加内容before、after
插入图像文件h1.new:after{ content: url("mark_new.png");}插入编号h1:before{ /* 使用自增计数器 */ content: counter(mycounter);}h1{ /* 指定自增计数器 */ counter-increment: mycounter
2015-06-03 19:12:40
1329
原创 CSS-盒模型
displayinline - 内联元素inline-block - 内联块元素block - 块元素none - 不显示list-item - 列表元素run-in - 根据上下文是内联还是块级元素来显示table - 表格元素inline-table - 内联表格table-row-group - 行分组table-header-group - 表头分组
2015-06-03 19:12:36
347
原创 CSS-阴影
text-shadow文本阴影text-shadow: x y blur color;box-shadow盒子阴影box-shadow: x y blur spread color (inset);inset - 可选值，为内部阴影
2015-06-03 19:12:11
306
原创 CSS-tansform变形
transform: (rotate | scale | skew | translate)rotaterotate(angle) - 旋转（顺时针）rotate(45deg) - deg是角度单位scalescale(x) - 放大x倍scale(x, y) - 横向放大x倍，纵向放大y倍skewskew(angle) - 水平方向上倾
2015-06-03 19:11:44
603
原创 CSS-文本
文本修饰text-decoration: (line-through | underline | overline | none | inherit)line-through - 横穿文本underline - 下划线overline - 上划线none - 无inherit - 继承自父元素使用服务器端字体@font-face{ font-fa
2015-06-03 19:11:35
398
原创 CSS-资料收录
SASSCSS预处理器，另外一个常用的是less运行环境 - Ruby官网http://sass-lang.com/documentation/file.SASS_REFERENCE.html完整的教程：http://www.w3cplus.com/preprocessor/how-to-create-project-with-sass.htmlCo
2015-06-03 19:11:11
337
原创 CSS-background
background-clipbackground-clip: (border-box | padding-box | content-box)border-box - 背景包括边框部分padding-box - 背景不包括边框部分，包括padding部分content-box - 背景不包括边框及padding部分background-originbackgr
2015-06-03 19:10:45
391
原创 CSS-文本换行
默认-浏览器自动换行英文字母 - 按单词断句换行中文字母 - 按字换行标点 - 不会单独出现在句首，会连带前面一个字或者单词word-breakword-break: (normal | keep-all | break-all);normal - 浏览器默认keep-all - 只允许在半角空格或连字符处换行break-all - 允许在单词中间换行（IE
2015-06-03 19:09:03
372
原创 CSS-布局相关
多栏布局column-count: n - 栏数column-width: width - 栏宽（可以单独设定每一栏的宽度，也可以只设定元素的宽度，然后自适应）column-gap: width - 栏间距column-rule: 2px solid red - 间隔线盒布局display: box - 使用盒布局box-flex: 1 - 采用弹性宽度（至少为
2015-06-03 19:07:59
267
原创 CSS-MediaQuery
语法：@media 设备类型 and （设备特性 = 样式代码）例子：@media screen and (max-width: 600px)设备类型：all - 所有设备screen - 电脑显示器print - 打印机或打印预览视图handheld - 便携设备tv - 电视机类型设备speech - 语音和音频合成器braille
2015-06-03 19:03:35
388
原创 CSS-过渡效果和动画效果
Transition过渡效果transition： property duration timing-function delay例子：transition: background-color 1s linear 1s, color 1s linear;propertyCSS属性名称duration时长（2s / 2ms）ti
2015-06-03 19:03:30
458
原创 CSS-颜色相关
background: rgba(r, g, b, alpha)IE不支持background: hsla(h, s, l,alpha)h - 色调（0/360 - 红色 | 120 - 绿色 | 240 - 蓝色），大于360的数值取除以360的余数（例如输入480就等于120）s - 饱和度（0%-100%）l - 亮度（0%-100%）opacity:
2015-06-03 19:02:52
386
转载 Canvas-五角星
/* 创建五角星路径 */function create5Star(context){ var l = 100; // 边长 context.beginPath(); context.moveTo(0, -l); context.lineTo(-Math.sin(dta(36))*l, Math.cos(dta(36))*l); co
2015-06-03 18:35:32
418
转载 Canvas-玫瑰花
Lovevar b = document.body;var c = document.getElementsByTagName('canvas')[0];var a = c.getContext('2d');document.body.clientWidth;// start of submission // with (m =
2015-06-03 18:34:52
598
原创 HTML-CSS hack
语法： 判断符： lt - 小于 gt - 大于 lte - 小于等于 gte - 大于等于IE版本号： IE 6（5.5000|7|8|9|10）例子：所有的IE都起作用： IE以外的浏览器起作用： 只有IE7起作用：
2015-06-03 18:34:07
443
原创 HTML-manifest本地缓存配置
本地缓存配置文件CACHE MANIFEST#文件开头必须书写CACHE MANIFEST#version 7 #上面是这个文件的版本号CACHE#以下文件使用缓存好的文件other.htmlhello.jsNETWORK#以下文件无论是否有缓存都从服务器获取#星号为通配符，没有在此文件中提及的文件都从服务器获取NoO
2015-06-03 18:32:26
454
原创 Canvas-基础教程
1.canvas基础 注意：canvas通过css来修改长宽的话会影响视觉效果，它只认width属性和height属性 var canvas = document.getElementById("canvas"); var context = canvas.getContext('2d'); 画图之前要先取图形上下文(cont
2015-06-03 18:32:21
374
原创 HTML-video 与 audio
Your browser does not support HTML5 video.type - 指定的文件解码类型（MIME）属性：audioTracks返回可用的音轨列表（MultipleTrackList对象）autoplay媒体加载后自动播放buffered返回缓冲部件的时间范围(TimeRanges对象)
2015-06-03 18:31:44
452
原创 JS-jquery mobile基础
链接：http://api.jquerymobile.com/ API文档http://www.w3school.com.cn/jquerymobile/jquerymobile_ref_data.asp data属性http://api.jquerymobile.com/data-attribute/页面元素：data-role = "page"
2015-06-03 18:31:25
354
原创 JS-Geolocation API
获取当前地理位置信息navigator.geolocation.getCurrentPosition(function(position){ // TO-DO}, function(error){ // TO-DO}, { // options})positon对象position.coords的属性：latitude -
2015-06-03 18:29:32
359
原创 JS-jquery mobile事件
文档：http://api.jquerymobile.com/category/events/语法：$(element).on('eventName', function(){ // TO-DO})触控事件：tap - 点击taphold - 长按1秒swipe - 滑动超过30pxswipeleft - 向左滑动swiperig
2015-06-03 18:29:25
308
原创 JS-资料收录
插件jPlayer视频、音频播放插件http://www.jplayer.org/latest/developer-guide/#jPlayer-optionzTree树形插件http://www.ztree.me/v3/api.phpjCrop图像裁剪插件http://deepliquid.com/content/Jcrop.html
2015-06-03 18:28:51
363
原创 JS-通信API
跨域通信接收消息监听器window.addEventListener("message", function(e){ // TO-DO}, false)消息发送器otherWindow.postMessage(message, targetOrigin)otherWindow - 发送窗口对象的引用message - 消息文本target
2015-06-03 18:27:44
381
原创 JS-Web Workers处理线程
创建线程var worker = new Worker("work.js")后台线程不能访问页面或窗口对象接收数据worker.onmessage = function(e){}发送数据worker.postMessage(data)结束线程close()线程嵌套在子线程中继续创建worker对象即可注意：发送消息给调
2015-06-03 18:27:28
396
原创 JS-applicationCache对象
var appCache = window.applicationCache状态：UNCACHED(0) - 没有缓存IDLE(1) - 闲置CHECKING(2) - 检查中DOWNLOADING(3) - 下载中UPDATEREADY(4) - 已更新OBSOLETE(5) - 失效方法：update() - 尝试更新应用程序缓存（只有在ma
2015-06-03 18:27:02
578
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人