发表于 | 分类于

Masonry比例用法

有时子视图的需要在父视图中等比例的显示，一般会用到multipliedBy(0.2)或者dividedBy(5),这两者使用的效果一样

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
长度关系和位置关系，不能做比例运算。
举个例子
我现在希望子视图的横向中心线(centerY)在高度的1/5处，一般的想法是 
make.centerY.mas_equalTo(self.height).multipliedBy(0.2); 
运行出错。
正确的做法是make.centerY.mas_equalTo(self.bottom).multipliedBy(0.2); 
同理，我想子视图的垂直中心线(centerX)在宽的1/5处，应为 
make.centerX.mas_equalTo(self.right).dividedBy(5);
最后，高度和宽度的比例那就更容易理解了. 
make.height.mas_equalTo(self.height).dividedBy(5); (子视图高度是父视图高度的1/5)

// width/height比为1/3.0，要求是同一个控件的属性比例
[bottomInnerView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.top.bottom.mas_equalTo(bottomView);
    make.center.mas_equalTo(bottomView);
    // 注意，这个multipliedBy的使用只能是设置同一个控件的，比如这里的bottomInnerView，
    // 设置高/宽为3:1
    make.height.mas_equalTo(bottomInnerView.mas_width).multipliedBy(3);

    make.width.height.mas_equalTo(bottomView).priorityLow();
    make.width.height.lessThanOrEqualTo(bottomView);
  }];

Masonry 等间隔或等宽高排列多个控件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
- (NSMutableArray *)masonryViewArray {

    if (!_masonryViewArray) {
        
        _masonryViewArray = [NSMutableArray array];
        for (int i = 0; i < 4; i ++) {
            
            UIView *view = [[UIView alloc] init];
            view.backgroundColor = [UIColor redColor];
            [self.view addSubview:view];
            [_masonryViewArray addObject:view];
        }
    }
    
    return _masonryViewArray;
}

1、水平方向排列、固定控件间隔、控件长度不定

1
2
3
4
5
6
7
8
9
10
11
12
- (void)test_masonry_horizontal_fixSpace {

    // 实现masonry水平固定间隔方法
    [self.masonryViewArray mas_distributeViewsAlongAxis:MASAxisTypeHorizontal withFixedSpacing:30 leadSpacing:10 tailSpacing:10];
    
    // 设置array的垂直方向的约束
    [self.masonryViewArray mas_makeConstraints:^(MASConstraintMaker *make) {
    
        make.top.equalTo(150);
        make.height.equalTo(80);
    }];
}

2、水平方向排列、固定控件长度、控件间隔不定

1
2
3
4
5
6
7
8
9
10
11
12
- (void)test_masonry_horizontal_fixItemWidth {
    
    // 实现masonry水平固定控件宽度方法
    [self.masonryViewArray mas_distributeViewsAlongAxis:MASAxisTypeHorizontal withFixedItemLength:80 leadSpacing:10 tailSpacing:10];
    
    // 设置array的垂直方向的约束
    [self.masonryViewArray mas_makeConstraints:^(MASConstraintMaker *make) {
        
        make.top.equalTo(150);
        make.height.equalTo(80);
    }];
}

3、垂直方向排列、固定控件间隔、控件高度不定

1
2
3
4
5
6
7
8
9
10
11
12
- (void)test_masonry_vertical_fixSpace {
    
    // 实现masonry垂直固定控件高度方法
    [self.masonryViewArray mas_distributeViewsAlongAxis:MASAxisTypeVertical withFixedSpacing:30 leadSpacing:10 tailSpacing:10];
    
    // 设置array的水平方向的约束
    [self.masonryViewArray mas_makeConstraints:^(MASConstraintMaker *make) {
        
        make.left.equalTo(150);
        make.width.equalTo(80);
    }];
}

4、垂直方向排列、固定控件高度、控件间隔不定

1
2
3
4
5
6
7
8
9
10
11
12
- (void)test_masonry_vertical_fixItemWidth {
    
    // 实现masonry垂直方向固定控件高度方法
    [self.masonryViewArray mas_distributeViewsAlongAxis:MASAxisTypeVertical withFixedItemLength:80 leadSpacing:10 tailSpacing:10];
    
    // 设置array的水平方向的约束
    [self.masonryViewArray mas_makeConstraints:^(MASConstraintMaker *make) {
        
        make.left.equalTo(150);
        make.width.equalTo(80);
    }];
}

发表于 | 分类于

React-Native入门指南

https://github.com/vczero/react-native-lesson

React-Native各类学习资源

https://github.com/reactnativecn/react-native-guide

iOS打包到真机

https://blog.csdn.net/ailongyang/article/details/54866469

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
1.进入rn项目的ios工程文件夹，找到和rn项目同名的文件件，打开AppDelegate.m文件，将这一行注释掉(为了方便真机和模拟器间的切换，尽量注释)：

jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
新加一行：

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"index.ios" withExtension:@"jsbundle"];
如果需要切换回模拟器调试，只需要将新加这行注释掉，并恢复原代码即可。

新加这行代码大概意思就是告诉native rn代码的入口，我们会在下一步生成这个jsbundle。

 

2.打开终端，进入你的rn工程，在根目录下执行bundle命令：

react-native bundle --entry-file ./index.ios.js --bundle-output ./ios/bundle/index.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false

问题

https://www.jianshu.com/p/98c8f2a970eb

lsof -n -i4TCP:8081

kill -9

rm -rf node_modules && npm i

发表于 | 分类于

什么是CocoaPods？

CocoaPods是专门为iOS工程提供对第三方库的依赖的管理工具，通过CocoaPods，我们可以更方便地管理每个第三方库的版本，而且不需要我们做太多的配置。直观、集中和自动化地管理我们项目的第三方库。

我们都有这样的经历，当我们添加第三方库的时候，需要导入一堆相关依赖库，更新的时候也要删掉重新导入然后再配置。当我们需要更新某个第三方库的时候，我们又要手动移除该库，导入新的库，然后再配置。这些是很麻烦且没有意义的工作。

当我们开始使用CocoaPods管理第三方库后，我们只需要相当少的配置，其它的一切都交由CocoaPods来管理即可，我们使用起来就更省心了。

安装CocoaPods

1.首先更新gem到最新版本，在终端中输入：sudo gem update --system。等待一会儿会看到：更新gem

2.删除自带的ruby镜像，终端输入：gem sources --remove https://rubygems.org/。

3.添加淘宝的镜像，终端输入：gem sources -a https://gems.ruby-china.org/(原来的淘宝镜像 https://ruby.taobao.org/已经不能用了)。

4可以用gem sources -l来检查使用替换镜像位置成功，结果应该只有 https://gems.ruby-china.org/ 才对。

修改镜像

5.安装CocoaPods，终端输入：sudo gem install cocoapods
等待一会儿会看到：

安装CocoaPods

6.然后配置下CocoaPods，终端输入：pod setup。

配置CocoaPods
等待过程可能有点长，成功后会看到：

配置成功
到这里CocoaPods就安装好了。

查找第三方库

比如查找MJExtension，终端输入：pod search MJExtension，第一次搜索他需要建索引，等待一会儿就可以了。

建索引中
完成后他会自动进入一个新的页面显示搜索结果，上下滑动查看更多，要退出的话按wq就可以了。以后再搜索就不需要建索引了。

查找结果

引入第三方库到项目中

我先在桌面上新建一个Test项目，然后演示把MJExtension导进去。
刚开始的文件目录是这样的

原始目录.png

  1. 首先打开终端，cd到Test路径下。
  2. 然后生成并编辑一个Podfile文件，命令为vim Podfile，要导入的第三方都要在这里面写上。进去后需要先按I键进入编辑状态，写完后按esc，然后按shift+zz(或者先按shift+:,再按wq)就可以保存退出了。下面的动图里面都有。
    Podfile的格式大概如下，其中’Test’为你的target的名字。
    platform :ios,’8.0’
    target ‘Test’ do
    pod ‘MJExtension’, ‘~> 3.0.13’
    end
  3. 安装，命令为：pod install。

安装第三方
安装成功之后，就可以去项目里面使用了。现在的项目文件变成了这样

屏幕快照 2016-09-07 23.23.19.png
之前我们一直是双击Test.xcodeproj打开项目，以后我们就要双击Test.xcworkspace打开了，打开后发现项目里面多了红色框的部分，可以看到MJExtension已经被引入了。

多出来的文件

使用第三方

你会发现当引入MJExtension的头文件时，可以#import <MJExtension.h>或者#import <MJExtension/MJExtension.h>，但是却不能在输入#import “MJExtension.h”的时候出现提示。虽然强制输入也可以编译通过，但是感觉很不爽。
解决这个问题的办法是在工程的Build Settings搜索Search，然后在User header search paths中添加$(SRCROOT)并选择recursive。

头文件不提示的解决办法

现在就可以提示#import “MJExtension.h”啦。
然后我们就可以在项目里面使用MJExtension的方法啦。

使用MJExtension

增加新的第三方

如果使用过程中我还想添加其他的第三方怎么办，只要在Podfile里面接着添加，然后终端再执行pod install就可以了。

新增第三方

更新CocoaPods中的第三方们。

第三方库们都有人在维护升级，我们需要隔断时间就要更新下我们工程中第三方库的版本。只需要终端输入命令pod update就可以了。

如果遇到pod install或者pod update慢的问题，原因在于当执行以上两个命令的时候会升级CocoaPods的spec仓库，加一个参数可以省略这一步，然后速度就会提升不少。加参数的命令如下：
pod install –verbose –no-repo-update
pod update –verbose –no-repo-update

删除CocoaPods中的某些第三方们。

当我们需要去掉某个第三方库时，只需要在Podfile删除该引入该库的语句，然后执行pod update或者pod install就可以了。

将CocoaPods从项目中删除

如果你在以后的使用过程中不想用CocoaPods了怎么办？很简单，把多出来的东西们都删掉就可以了，不过为了项目正常运行，你需要手动导入已经使用的第三方们哦。

将CocoaPods从项目中删除

升级CocoaPods

升级CocoaPods版本的命令和安装CocoaPods的命令一样，都是sudo gem install cocoapods。
如果老版本升级cocoapods的时候提示Operation not permitted - /usr/bin/xcodeproj，改用命令sudo gem install -n /usr/local/bin cocoapods –pre就可以了。

卸载CocoaPods

卸载CocoaPods的命令是sudo gem uninstall cocoapods

卸载CocoaPods
执行完命令后，最下面打印Successfully uninstalled cocoapods字样就代表已经成功卸载了。

CocoaPods Mac App的安装和使用

CocoaPods桌面应用版下载地址：https://cocoapods.org/app
打开应用会提示你是否安装命令行工具，选择install就也可以在命令行使用Pod了。省去了上面的步骤们，方便快捷的使用CocoaPods。

是否安装命令行工具
现在假如要给一个Test项目加入第三方库

1.选择File-New Podfile from Xcode Project，去选择项目的Project文件。

选择项目

2.填写自动生成的Podfile，并且安装。

Podfile
然后就可以去打开工程了，是不是比命令行简单多了。
注意：Cocoapods.app 删掉并执行命令可能会报错：Unable to locate the CocoaPods.app application bundle. Please ensure the application is available and launch it at least once

错误信息.png
这时候只要执行sudo gem install -n /usr/local/bin cocoapods命令就可以了。

CocoaPods官方使用指南

链接：https://guides.cocoapods.org/
有什么不了解的或者遇到错误可以去这里查看一下。

发表于 | 分类于 
1
2
3
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
1
2
3
4
5
6
7
8
9
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
1
2
3
4
5
6
graph TD
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[竖向流程图]
1
2
3
4
5
graph LR
A[Hard edge] -->B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]
1
2
3
4
5
6
7
8
9
10
11
%% Example of sequence diagram
  sequenceDiagram
    Alice->>Bob: Hello Bob, how are you?
    alt is sick
    Bob->>Alice: Not so good :(
    else is well
    Bob->>Alice: Feeling fresh like a daisy
    end
    opt Extra response
    Bob->>Alice: Thanks for asking
    end

发表于 | 分类于

1.键盘透明

1
textField.keyboardAppearance = UIKeyboardAppearanceAlert;

2.状态栏的网络活动风火轮是否旋转

1
[UIApplication sharedApplication].networkActivityIndicatorVisible，默认值是NO。

3.NSMutableAttributedString 行间距、段落间距

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:dLabelString];  
NSMutableParagraphStyle   *paragraphStyle   = [[NSMutableParagraphStyle alloc] init];  

//行间距  
[paragraphStyle setLineSpacing:5.0];  
//段落间距  
[paragraphStyle setParagraphSpacing:10.0];  
//第一行头缩进  
[paragraphStyle setFirstLineHeadIndent:15.0];  
//头部缩进  
//[paragraphStyle setHeadIndent:15.0];  
//尾部缩进  
//[paragraphStyle setTailIndent:250.0];  
//最小行高  
//[paragraphStyle setMinimumLineHeight:20.0];  
//最大行高  
//[paragraphStyle setMaximumLineHeight:20.0];  
      
[attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, [dLabelString length])];  
[dLabel setAttributedText:attributedString];

4.跳转storyBoard

1
2
3
4
5
6
7
8
9
10
11
12
1.获取第一个视图storyBoard
 /* 加载名为storyboardName的Storyboard */
 UIStoryboard *storyboard = [UIStoryboard storyboardWithName:storyboardName bundle:nil];
 
 /* 获取storyboard的InitialViewController 即根控制器*/
 FirstViewController *vc = [storyboard instantiateInitialViewController];
 其中UIViewController可以根据当前视图进行替换，替换成StoryBoard对应的视图类，然后选择跳转方式
 2.获取第二个视图storyboard的某个视图控制器的时候使用
  SecondViewController *VC= [storyboard instantiateViewControllerWithIdentifier:@"NewVC”];(这个过程需要在StoryBoard中设置目标视图的Custom Class和StoryBoard ID)
 //跳转事件的实现
 在第一个视图添加按钮跳转到第二个视图
 [self.navigationController pushViewController:VC animated:YES];(第一个视图是带有导航栏的)

5.用代码使程序转向设置页面：

1
2
NSURL *url=[NSURL URLWithString:@"prefs:root=WIFI"];//转向->"设置wifi"页面
[[UIApplication sharedApplication] openURL:url];

6.系统判断

1
2
3
4
5
6
7
8
9
10
11
#define isOperatingSystemAtLeastVersion(majorVersion, minorVersion, patchVersion)[[NSProcessInfo processInfo] isOperatingSystemAtLeastVersion: (NSOperatingSystemVersion) {
    majorVersion,
    minorVersion,
    patchVersion
}]

if (isOperatingSystemAtLeastVersion(11, 0, 0)) {
    //using new API
} else {
    //using deprecated API
}

7. web Cookies 每次退出应用都被清除解决方法( 用于实现自动登录 )https://www.jianshu.com/p/19a053e37c53

1
2
3
4
5
6
7
8
9
10
11
12
13
NSHTTPCookieStorage* cookieStorage = [NSHTTPCookieStorage sharedHTTPCookieStorage];
    NSArray<NSHTTPCookie *> *cookies = [cookieStorage cookiesForURL:[NSURL URLWithString:baseUrl]];
    NSMutableArray<NSDictionary *> *propertiesList = [[NSMutableArray alloc] init];
    [cookies enumerateObjectsUsingBlock:^(NSHTTPCookie * _Nonnull cookie, NSUInteger idx, BOOL * _Nonnull stop) {
        NSMutableDictionary *properties = [[cookie properties] mutableCopy];
        //将cookie过期时间设置为一年后
        NSDate *expiresDate = [NSDate dateWithTimeIntervalSinceNow:3600*24*30*12];
        properties[NSHTTPCookieExpires] = expiresDate;
        //下面一行是关键,删除Cookies的discard字段，应用退出，会话结束的时候继续保留Cookies
        [properties removeObjectForKey:NSHTTPCookieDiscard];
         //重新设置改动后的Cookies
        [cookieStorage setCookie:[NSHTTPCookie cookieWithProperties:properties]];
    }];

发表于 | 分类于

hexo 博客

1、 多台电脑操作hexo个人网站

https://blog.csdn.net/Zhangxiaorui_9/article/details/79723288

2、如何生成SSH key

https://blog.csdn.net/u014702999/article/details/52779319

3、hexo的next主题个性化配置教程

https://segmentfault.com/a/1190000009544924

git基本使用

https://blog.csdn.net/qq_32531823/article/details/53259822

https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/0013758392816224cafd33c44b4451887cc941e6716805c000

git遇到的问题

1、 git commit 没写-m 说明进入vim模式的处理
1
2
3
输入i，进入insert输入模式，输入说明
输入完后，按ESC，下方insert消失
输入：，再输wq，回车。
2.、提交代码 发现空目录
1
2
3
4
5
6
7
提交代码到服务器后发现git clone下来的有些目录是空的。
查看服务器的目录果然是空的。看本季git add .    后查看git  status 

modified: xxx(modified content, untracked content)
大概意思是xxx目录没有被跟踪。那自然push上去的时候是空的了
解决办法：后来发现这主要是xxx目录下有一个.git 目录(隐藏文件，按shift+common+.可显示)，
可能是被人给你这个目录的时候里面有了.git目录。删除.git目录。重新git add .就可
``` ```