towaywu
- 浏览: 16001 次
- 性别:
- 来自: 长沙
-
最新评论
文章列表
null 是一个javascript字面量,表示空值,就是没有对象被呈现.他是javascript原始值之一.null值常被放在期望一个对象上,但是不引用任何对象的参数位置,也就是说对象的初始化.
我们看下面的一个例子
Javascript
varobj=null;
console.lo ...
- 2015-12-21 13:58
- 浏览 441
- 评论(0)
我们这次使用setTimeout来实现一个按照时间定时,依次打印数值的例子.其实在早期的时候,也是我经常犯的一个错误,或者实现这种能力,似乎js比较牵强,其实是我的错,哈哈!没能理解JS强大之处.我们直接进入主题吧!
注意,如果用setInterval来实现的话,那肯定很简单,这次我们是使用setTimeout.
- 2015-12-18 12:40
- 浏览 759
- 评论(0)
今天我们来尝试理解Function和Object.因为这个里面有些人前期可能会搞糊涂.他们之间到底是什么关系.当然也不除外当初的我.
注意:官方定义: 在Javascript中,每一个函数实际上都是一个函数对象.
我们先来看最简单的两个代码,也是最容易理解的.
- 2015-12-17 09:04
- 浏览 694
- 评论(0)
call 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法.
注意：该函数的语法与
apply() 方法的语法几乎完全相同，唯一的区别在于，apply()方法接受的是一个参数数组，而 call()方法接受的是一系列参数列表。
了解完这两个方法的概念后,我们来一步一步理解他们的应用.
- 2015-12-16 10:27
- 浏览 398
- 评论(0)
闭包函数是什么?在开始学习的闭包的时候,大家很能都比较难理解.就从他的官方解释来说,都是比较概念化的.
不过我们也还是从闭包的含义出发.
闭包是指函数有自由独立的变量。换句话说，定义在闭包中的函数可以“记忆”它创建时候的环境。
官方解释说完后,我们先来看一个简单计数的例子.
var c = 0;
function count(){
c++;
}
count();// 1
count();// 2
- 2015-12-15 08:57
- 浏览 327
- 评论(0)
语法
this
全局对象
在全局执行上下文(函数之外),this引用的是全局对象.
console.log(this.document === document); // true
// In web browsers, the window object is also the global object:
console.log(this === window); // true
this.a = 37;
console.log(window.a); // 37
- 2015-12-13 10:47
- 浏览 332
- 评论(0)
动画中,skew只是transform中的一种形式的动画,我们还可以学习scale,rotate,translate.这是目前使用比较频繁的属性动作.
1.scale动画的定义:(单位数值)
scale动画,是将对象进行伸缩操作.scale有两个属性,第一个是宽(X)的伸缩,第二个是高(Y)的伸缩,数值是以倍数的方式变化.他也可以分开定义scaleX,scaleY;根据自己的需要设定.
CSS代码案例:
.scale{
width: 100px;
height: 100px;
background-color: #001F3F;
...
- 2015-12-12 10:09
- 浏览 1134
- 评论(0)
在开发前端,移动APP,以及设计UI的时候,我们经常会去搜索不同设备之间的尺寸,来开始自己的工作,以保证显示效果达到更好,这里收集了现在常用的设备.
设备更新速度快,有些没罗列的,大家可以谷歌或者百度一下.
常见智能手机
name
phys.
width
phys.
height
CSS
width
CSS
height
pixel
ratio
- 2015-12-11 10:37
- 浏览 1381
- 评论(0)
transform是CSS3中比较安全的动画(对于性能来说),其中有一些动画属性,来执行不同的变化.今天我们来了解skew的变化原理.
skew,其实使用的频率不是很高,当然也没有最低.但是往往,一直都不知道他的变化规则.所以使用起来有点摸不着头脑.动画上的使用,也就没那么优先考虑.
skew有两个属性: skewX,skewY.其实变化也就针对这两个值来操作.
首先我们来看,最基本的skew术语.
上一篇文章用Flex实现BorderLayout,这一章我们来实现常用的网格布局和响应式处理.
首先我们定义HTML结构,主Box为grid,每项为grid-cell,下面就是我们HTML代码结构.
<div class="grid">
<div class="grid-cell">
学习完flex的布局模式之后,我们趁热打铁,来实现一个BoxLayout布局.什么是BoxLayout布局?那我们先上一个图看看
BoxLayout布局写过后端UI代码的编程者应该不陌生了,写前端的代码的也同样很熟悉,包括html的框架frame.但以往的CSS中使用float浮动来进行控制,控制起来相对来说是复杂一些,也需要加入更多的标签和代码.
看完这个界面,我们就可以着手写出标签的代码布局:
<div class="parent">
flex是一个灵活性强的布局方式,它能够很好的控制内部元素的宽度,高度或者剩余的空间部分,来适应不同的显示设备和不同的屏幕尺寸,而真正达到一种自适应效果.
flex布局与常规布局截然不同,常规布局虽然在页面上显示很好,但对于大而复杂的项目,在方向改变,自适应大小,伸展和收缩等方面缺乏灵活性,flex最适合作为应用程序的组件,小规模布局使用;网格布局适用大规模布局.
flex整个模块不只是一个属性,它涉及很多东西以及一系列属性.设置为flex标签的被称为flex容器,而这个容器内的子节点元素称为flex项.
如果常规布局是基于块和内联布局的话,flex可以 ...
The Swift Code主要是通过编写代码来完成应用程序的实现,使我们更能够深入的了解其编程语言实现的原理.也能够辅助更快的使用XCODE开发应用程序.
这篇文章主要是讲解启动应用程序从代码入口.
其 实这里主要是通过注解来实现的,新建IOS swift项目的时候,会生成一个AppDelegate文件,这个文件就是应用程序的代码入口,在声明类的同时加入了注解 @UIApplicationMain,表明这个应用程序.其实在这之前,我们必须在配置文件里设置启动入口为Main
以下讲解,我们在代码里做讲解,大家可以试试在模拟里调试
import UIKit
@UIApplica ...
UILabel主要是一些标签文本的使用控件,教程里主要涉及到的是UILabel的普通创建及转变效果,带背景边框的label,还有圆角的设 置,给UILabel增加点击时间,阴影效果,文本的排版效果(根据Label的宽度调整字体),多行文本的使用,显示HTML标签代码等等.下面是代 码,可以复制到Xcode里执行.其他的相关属性,详细查看苹果开发文档
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoa ...
在设置rootViewController之后,在这个control里的viewDidLoad方法里,添加相应的代码.设置了9个不同类型的UIButton
创建了有状态的button,以及添加button事件
创建没有状态的button
创建一个图片加文字的按钮,只要图片就不需要设置ti ...