文章列表
在css中，有可能给同一个元素属性定义两次不同的数值。如：
h1 { color: red }
body h1 { color: red }
此时给h1定义了两种颜色，但是h1不可能有两种颜色，以上两种颜色只有一种能匹配h1的颜色。
而哪个颜色将会匹配h1，此时就需要了解css选择器的特殊性。
对于每一个规则，用户代理会计算选择器的特殊性，并将该特殊性附加到规则中的各个声明。如果一个元素有两个或多个冲突的属性声明，那么有最高特殊性的声明就会胜出。
将特殊性的结果比作四位 ...
let和var的区别
- 博客分类：
- js
let 声明了一个块级域的局部变量，并且可以给它一个初始化值。
1，let和var的作用域不同：
let 允许把变量的作用域限制在块级域中。
var 申明变量要么是全局的，要么是函数级的，而无法是块级的。
function test() {
var x = 2;
if (true) {
var x = 1;
console.log(x);
}
console.log(x);
}
结果为：
1
1
因为var的作用域是函数级，所以if大括号里的var x = 1给x赋予了新 ...
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。
官方文档：http://cn.redux.js.org//index.html#
要点（官方）：应用中所有的 state 都以一个对象树的形式储存在一个单一的 store 中。
惟一改变 state 的办法是触发 action，一个描述发生什么的对象。为了描述 action 如何改变 state 树，你需要编写 reducers。
示例：
点击Add Age 年龄加一，点击Sub Age 年龄减一， 第三行输入名字，点击提交，第一行名字改变。
示例非常简单，没有涉及到redux中的所有功能， ...
路由系统可以在浏览器的URL发生改变的时候，做出一些响应，使页面与URL同步。
React Router是为React设计的一款路由库。
官方示例库：https://github.com/reactjs/react-router-tutorial/tree/master/lessons
...
本文介绍Webpack辅助ReactJS进行开发的简单例子。
Webpack基础详解地址：http://2914905399.iteye.com/blog/2357893
简单来说，webpack是一个模块打包工具，在 webpack 里，所有类型的文件都可以是模块，包括我们最常见的 JavaScript，及 CSS 文件、图片、json 文件等等。通过 webpack 的各种加载器，我们可以更高效地管理这些文件。
本文配置webpack并使网页上输出最简单的Hello, World!!! 。程序使用React js完成并使用了 ...
组件的生命周期分为初始化阶段,运行中阶段,销毁阶段.不同阶段可以触发不同的函数运行.
初始化阶段函数:
getDefaultProps: 每个组件只调用一次
getInitialState: 每个实例初始化时调用
componentWillMount: render之前运行
render
componentDidMount: render之后,并且整个组件渲染完之后才会触发
例: 实例化两个组件,测试每个函数运行的时间
<script type="text/babel">
var co ...
React js的属性和状态
属性:props 一般属性是不改变的,经常作为传入的数据.
例: 建立PropsTest控件,从网页上输出简单的 Hello, XXX, XXX为传入的属性name,当name为空时,输出Hello,World 输入为其他值时,比如:Curry,输出Hello,Curry
<script type="text/babel">
var PropsTest = React.createClass( {
render: function () {
...
使用UISearchBar实现搜索功能时，搜索栏高度不易调整，外观也不易做成自己想要的样式，又不想使用太复杂的方法，而使用UITextField可以实现这些功能又非常简便，所以使用UITextField是个不错的选择。
下面实现0-10000的数字搜索
1，在.h文件中实现UITableView的协议，用UITableView和UITextField共同实现搜索功能。
@interface ViewController : UIViewController < UITableViewDelegate, UITableViewDataSource ...
一般设置cell时使用
cell.separatorInset = UIEdgeInsetsMake(top, left, bottom, right);
但此方法不能使分割线对齐屏幕最左边
在tableView代理中设置可以是分割线左对齐
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
if ([cell respondsTo ...
该程序实现了1到10000之间的数字搜索
1,声明UISearchBar和UITableView的委托
@interface ViewController : UIViewController <UISearchBarDelegate, UITableViewDelegate, UITableViewDataSource>
2,声明全局变量
@interface ViewController () {
NSMutableArray *dataArr;
NSMutableArray *filterData ...
初始化
内部搜索栏高度不随frame改变而改变
UISearchBar * searchBar = [[UISearchBar alloc]initWithFrame:CGRectMake(5,50,self.view.frame.size.width - 10,120)];
颜色设置
searchBar.barStyle = UIBarStyleBlack; //黑色风格 默认是白色
searchBar.searchBarStyle = UISearchBarStyleDefault;
// 部件选中时字体变色
searchBar.tintCo ...
1,UINavigationController简介
导航控制器，ios常用
使用堆栈存储。根视图控制器在堆栈最底层。
[self.navigationController pushViewController:viewController animated:YES]; //入栈 进入viewController视图控制器
[self.navigationController popViewControllerAnimated:YES]; //出栈,返回上一个视图控制器
[self.navigationController pop ...
1,一个程序只有一个UIApplication
//获取
UIApplication *app = [UIApplication sharedApplication];
//错误获取
UIApplication *app = [[UIApplication alloc] init];
//UIApplication是单例的,如果试图在程序中新建一个UIApplication对象,那么将提示报错
2,使用获取的UIApplication,可以进行一些应用级别操作（app图标的提醒框，联网状态显示，打电话，打开网页，控制状态栏）
//app图标的提醒框(图标上提示有信息的小红点 ...
UIImageView简单使用方法：
//初始化
UIImageView *imageView = [ [UIImageView alloc] initWithFrame:CGRectMake(20, 20, 200, 200) ];
UIImageView *imageView = [ [UIImageView alloc] initWithImage: (image) ];
UIImageView *imageView = [ [UIImageView alloc] initWithImage: (image) highlightedImage:(image2 ...
UITextField简单使用方法：
//初始化
UITextField *text = [ [UITextField alloc] initWithFrame: CGRectMake(20, 20, 200, 200) ];
//设置边框样式
text.borderStyle = UITextBorderStyleRoundedRect;
typedef enum {
UITextBorderStyleNone;
UITextBorderStyleLine;
UITextBorderStyleBezel;
UITextBo ...