***
+ + + + + + + + +Native call JS + + //Native + - (void)callJS{ + JSValue *functionName = self.jsContext[@"sum"]; + NSInteger sum = [[functionName callWithArguments:@[@"2",@"18"]] toInt32];; + + UIAlertController *alertVC = [UIAlertController alertControllerWithTitle:@"来自JS 的计算" message:[NSString stringWithFormat:@"%zd",sum] preferredStyle:UIAlertControllerStyleAlert]; + UIAlertAction *okAction = [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleCancel handler:nil]; + [alertVC addAction:okAction]; + [self presentViewController:alertVC animated:YES completion:nil]; + } + + //JS + function sum(a ,b){ + return parseInt(a) + parseInt(b); + } + + diff --git a/第一部分 iOS/1.32.md b/第一部分 iOS/1.32.md new file mode 100644 index 0000000..dd5e752 --- /dev/null +++ b/第一部分 iOS/1.32.md @@ -0,0 +1,39 @@ +# Xcode 小技巧 + +1、快速打开：**Command+Shift+O** 。这个命令可以开启一个小窗格用来快速搜索浏览文件、类、算法以及函数等，且支持模糊搜索，这个命令可以说是日常开发中最常用的一个命令了。 + +2、显示项目导航器：**Command+Shift+J**。使用快速打开命令跳转到对应文件后，如果需要在左侧显示出该文件在项目中的目录结构，只需要键入这个命令，非常方便 + +3、显示编辑历史。如果一行代码写的很好或者很糟糕，不需要专门跑到 diff 工具去查看代码历史。在该行代码处右击，选择**Show Last Change For Line** + +4、跳转到方法。在使用类或者结构时，我们经常需要快速的跳转到类的某个特定方法。通过快捷键**control+6**再输入方法的头几个字母就可以非常方便的做到这点。 + +5、范围编辑。多光标是个很棒的并且每个高级的编辑器都该有的特训过，快捷键为**Command+Control+E**。将光标移动刀需要编辑的符号，输入快捷键，然后就可以在当前页面全局编辑了。 + +6、Xcode 设置代码只在 Debug 下起效的几种方式 +在日常开发中 Xcode 在 Debug 模式下写很多测试代码，或者引入一些第三方测试用的 .a 和 .framework 动态库，也会通过 CocoaPods 引入一些第三方测试工具或者库；但是不希望这些库在**Release**正式包中被引入，如何做到呢？ + +* .h/.m 文件中的测试代码 + + Xcode 在 Debug 模式下定义了宏 DEBUG=1 ，所以我们可以在代码中把相关的测试代码写在预编译处理命令 **\#ifdef DEBUG... \#endif** 中间即可，如图所示 + + + + + +* 测试用的 .a 和 .framework + + 对于拖拽到工程中的 .a .framework 静态库，可以在 **target->Build Settings->Search Paths**这2个选项，分别设置 **Library Search Paths**和**Framework Search Paths**这2个选项。如果我们需要在测试的时候会用到，那么我们可以将 **Debug** 对应的值留下，删掉**Release** 对应的值。这样我们打包 Release 包的时候就不会包含不需要的包。 + + + +* CocoPods 引入的库 + 对于 CocoPods 方式引入的库，在配置的时候就可以处理掉，比如下面的方式 + ``` + platform: iOS, '8.0' + ... + pod 'PonyDebugger', :configurations => ['Debug'] + ``` + +\(参考来自：「 iOS知识小集 」2018 · 第 18 期\) + diff --git a/第一部分 iOS/1.33.md b/第一部分 iOS/1.33.md new file mode 100644 index 0000000..936788f --- /dev/null +++ b/第一部分 iOS/1.33.md @@ -0,0 +1,30 @@ +# 终端效率 + + +## tree + +如果要在终端查看当前目录的层级结构，不妨了解下**tree**。它可以以树状的形式展示当前的目录结构。 + +安装： +在终端输入**brew install tree** + +使用： + +在当前目录下，显示树状目录结构。**tree -L 2 -d**。其中 -L 表示遍历的深度，-d 表示只显示目录。 + + +## 合并写法 + +之前在终端操作的时候都是老老实实一行行的写代码，最近发现可以合并起来写。比如 + +``` +//写法一 +cd Desktop +mkdir awesome-project +cd awesome-project +//写法二 +cd Desktop && mkdir awesome-project && cd awesome-project +``` + + + diff --git a/第一部分 iOS/1.34.md b/第一部分 iOS/1.34.md new file mode 100644 index 0000000..33b77ec --- /dev/null +++ b/第一部分 iOS/1.34.md @@ -0,0 +1,303 @@ +# 终极截屏 + +- **-(void)snapshotForView:(__kindof UIView *)view;** + + 今天新学到这种写法，__kindof 是苹果声明的一个特性，是 Xcode7 出现的新特性。 + + - 假如我们想声明一个方法，这个方法的参数必须是一个 UIView 类型的对象，那么我们应该可以写成下面这个样子 + + ``` + -(void)snapshotForView:(UIView *)view; + ``` + + + + - 那么我们想声明一个方法，这个方法的参数必须是 UIView 及其 UIView 的子类，那么前一种写法就满足不了我们的需求了，这时候引入了 __kindof 方法 + + ``` + -(void)snapshotForView:(__kindof UIView *)view; + ``` + + + + + +**UIWebView 截图** + +对 UIWebView 截图比较简单，renderInContext 这个方法相信大家都不会陌生，这个方法是 CALayer 的一个实例方法，可以用来对大部分 View 进行截图。我们知道，UIWebView 承载内容的其实是作为其子 View 的 UIScrollView，所以对 UIWebView 截图应该对其 scrollView 进行截图。具体的截图方法如下： + +``` +- (void)snapshotForScrollView:(UIScrollView *)scrollView +{ + // 1. 记录当前 scrollView 的偏移和位置 + CGPoint currentOffset = scrollView.contentOffset; + CGRect currentFrame = scrollView.frame; + + scrollView.contentOffset = CGPointZero; + // 2. 将 scrollView 展开为其实际内容的大小 + scrollView.frame = CGRectMake(0, 0, scrollView.contentSize.width, scrollView.contentSize.height); + + // 3. 第三个参数设置为 0 表示设置为屏幕的默认缩放因子 + UIGraphicsBeginImageContextWithOptions(scrollView.contentSize, YES, 0); + [scrollView.layer renderInContext:UIGraphicsGetCurrentContext()]; + UIImage *snapshotImage = UIGraphicsGetImageFromCurrentImageContext(); + UIGraphicsEndImageContext(); + + // 4. 重新设置 scrollView 的偏移和位置，还原现场 + scrollView.contentOffset = currentOffset; + scrollView.frame = currentFrame; +} +``` + +**WKWebView 截图** + +虽然 WKWebView 里也有 scrollView，但是直接对这个 scrollView 截图得到的是一片空白的，具体原因不明。一番 Google 之后可以看到好些人提到 drawViewHierarchyInRect 方法， 可以看到这个方法是 iOS 7.0 开始引入的。官方文档中描述为： + +> Renders a snapshot of the complete view hierarchy as visible onscreen into the current context. + +注意其中的 **visible onscreen**，也就是将屏幕中可见部分渲染到上下文中，这也解释了为什么对 WKWebView 中的 scrollView 展开为实际内容大小，再调用 drawViewHierarchyInRect 方法总是得到一张不完整的截图（只有屏幕可见区域被正确截到，其他区域为空白）。 + +不过，这样倒是给我们提供了一个思路，可以将 WKWebView 按屏幕高度裁成 n 页，然后将 WKWebView 一页一页的往上推，每推一页就调用一次 drawViewHierarchyInRect 将当前屏幕的截图渲染到上下文中，最后调用 UIGraphicsGetImageFromCurrentImageContext 从上下文中获取的图片即为完整截图。 + +核心代码如下： + +``` +- (void)snapshotForWKWebView:(WKWebView *)webView +{ + // 1 + UIView *snapshotView = [webView snapshotViewAfterScreenUpdates:YES]; + [webView.superview addSubview:snapshotView]; + + // 2 + CGPoint currentOffset = webView.scrollView.contentOffset; + ... + + // 3 + UIView *containerView = [[UIView alloc] initWithFrame:webView.bounds]; + [webView removeFromSuperview]; + [containerView addSubview:webView]; + + // 4 + CGSize totalSize = webView.scrollView.contentSize; + NSInteger page = ceil(totalSize.height / containerView.bounds.size.height); + + webView.scrollView.contentOffset = CGPointZero; + webView.frame = CGRectMake(0, 0, containerView.bounds.size.width, webView.scrollView.contentSize.height); + + UIGraphicsBeginImageContextWithOptions(totalSize, YES, UIScreen.mainScreen.scale); + [self drawContentPage:0 maxIndex:page completion:^{ + UIImage *snapshotImage = UIGraphicsGetImageFromCurrentImageContext(); + UIGraphicsEndImageContext(); + + // 8 + [webView removeFromSuperview]; + ... + }]; +} + +- (void)drawContentPage(NSInteger)index maxIndex:(NSInteger)maxIndex completion:(dispatch_block_t)completion +{ + // 5 + CGRect splitFrame = CGRectMake(0, index * CGRectGetHeight(containerView.bounds), containerView.bounds.size.width, containerView.frame.size.height); + CGRect myFrame = webView.frame; + myFrame.origin.y = -(index * containerView.frame.size.height); + webView.frame = myFrame; + + // 6 + [targetView drawViewHierarchyInRect:splitFrame afterScreenUpdates:YES]; + + // 7 + if (index < maxIndex) { + [self drawContentPage:index + 1 maxIndex:maxIndex completion:completion]; + } else { + completion(); + } +} +``` + +代码注意项如下（对应代码注释中的序号）： + +1. 为了截图时对 frame 进行操作不会出现闪屏等现象，我们需要盖一个“假”的 webView 到现在的位置上，并将真正的 webView “摘下来”。调用 snapshotViewAfterScreenUpdates 即可得到这样一个“假”的 webView + + + +2. 保存真正的 webView 的偏移、位置等信息，以便截图完成之后“还原现场” + +3. 用一个新的视图承载“真正的” webView，这个视图也是绘图所用到的上下文 + +4. 将 webView 按照实际内容高度和屏幕高度分成 page 页 + +5. 得到每一页的实际位置，并将 webView 往上推到该位置 + +6. 调用 drawViewHierarchyInRect 将当前位置的 webView 渲染到上下文中 + +7. 如果还未到达最后一页，则递归调用 drawViewHierarchyInRect 方法进行渲染；如果已经渲染完了全部页，则回调通知截图完成 + +8. 调用 UIGraphicsGetImageFromCurrentImageContext 方法从当前上下文中获取到完整截图，将第 2 步中保存的信息重新赋予到 webView 上，“还原现场” + +注意：我们的截图方法中有对 webView 的 frame 进行操作，如果其他地方如果有对 frame 进行操作的话，是会影响我们截图的。所以在截图时应该禁用掉其他地方对 frame 的改变，就像这样： + +``` +- (void)layoutWebView +{ + if (!_isCapturing) { + self.wkWebView.frame = [self frameForWebView]; + } +} +``` + +``` +#import我是来骚扰的
+我是来骚扰的
+我是来骚扰的
+