分类： 代码

背景

去年11月的时候，买了人生第一支Apple Watch，因为内心涌动的软工魂，我又开始琢磨开发一个属于自己的iOS App。之后顺理成章的推出了自己首个WatchApp，《wTodo》一个用于在Apple Watch上管理微软待办事项的工具应用。

无原生组件怎么办？

由于App需要经常性联网，因此不免需要引入Loading态来告知用户当前的运行状态。不巧的是watchOS中提供的组件是阉割后的版本(主要是为用户的续航考虑，如果直接套用手机端那一套组件，watch的续航会受不了的)，导致watch端并没有原生的组件能够实现Loading动画，这也让我苦恼了很久。后面下班摸鱼的时候，偶然在stackoverflow上看到了解决办法。

帧动画

如标题所述，在watchOS上只能通过“帧动画”来曲线救国，实现Loading动画。在这里给大家推荐一个来自Stackoverflow高赞中推荐的动画库。

https://github.com/mikeswanson/JBWatchActivityIndicator

该动画库提供了两种帧动画样式，第一种是类原生的Loading帧动画，如果个人比较偏爱原生动画的话，可以使用这个，直接点开“common image”就可以找到不同尺寸，不同帧率的帧动画了；第二种则是通过作者提供的工具，自定义动画的样式，如果想要自定义则需要clone项目到本地，然后通过Xcode打开项目运行到Simulator中即可，调整完参数后，点击生成即可获得符合自己要求的帧动画素材。

如何使用?

这里用类原生动画举例子：

1.从Common Image中选择自己需要的尺寸和帧率

2. 将帧序列图片拖到WatchKit App的Assets.xcassets文件夹中

3.在StoryBoard中引入Image组件

4.绑定Image组件到Controller上

5.设置Image组件参数

使用startAnimationWithImages后就会开始播放帧序列动画了，因此可以用来看作是动画开始函数。

6.停止播放帧序列动画

总结

至此只要在需要使用Loaidng动画的地方配置对应的Image组件即可给页面加上Loading态了。实现方法非常简单易用，就是国内文档太少了，只能去社区里找略麻烦了一点。如果希望自己去寻找更多内容的话，可以使用“loading indicator”去搜索，感觉会比Loading Animation说的更准确一些。

PS：

不知不觉就到8月底了，8月的碎碎念我还没来得及写，上周优化了wTodo加入了LoadingIndicator，这周就把加载动画的技术文章尝试沉淀下来了。如果下周有时间的话，我再花时间把碎碎念给肝出来吧。工作日加班真的消耗完我写代码的精力了，到了周末感觉都不想再碰电脑了，只想出门逛一下散散心。（真的不是我咕咕咕啦！）

问题

现在我正在开发一个独立的 Watch App 应用，但是我发现在模拟器上调试时是可以正常连接网络的。但是当我上传到真机时，就会出现无网络连接的问题。具体的报错如下:

2021-11-20 21:42:27.156338+0800 wTodo WatchKit Extension[1068:2225475] PDTask <29C198EA-480A-459F-B5B9-421D9C26C7D8>.<3> finished with error [-1009] Error Domain=NSURLErrorDomain Code=-1009 "The Internet connection appears to be offline." UserInfo={_NSURLErrorFailingURLSessionTaskErrorKey=LocalDataPDTask <29C198EA-480A-459F-B5B9-421D9C26C7D8>.<3>, NSLocalizedDescription=The Internet connection appears to be offline., _kCFStreamErrorCodeKey=50, _NSURLErrorRelatedURLSessionTaskErrorKey=(
    "LocalDataPDTask <29C198EA-480A-459F-B5B9-421D9C26C7D8>.<3>",
    "LocalDataTask <29C198EA-480A-459F-B5B9-421D9C26C7D8>.<3>"
), NSErrorFailingURLStringKey=https://baidu.com, _kCFStreamErrorDomainKey=1, NSErrorFailingURLKey=https://baidu.com}

测试机型

Apple Watch S7

系统版本: 8.1

网络环境: WIFI

原因

在watchOS 8中，GPS版的Apple Watch是不能单独设置APP的网络的，他会镜像iOS侧的App网络设置，比如设置支付宝可以用Wi-Fi，则Watch侧的支付宝App也可以用Wi-Fi。现在陷入的一个僵局仅仅是存在于新推出的独立App，独立App顾名思义就是只存在于Watch侧，iOS侧是没有App的。因此也不存在镜像iOS侧App网络设置的可能。这导致了如果App默认被设置成了不能联网，就会导致用户没法更改App联网状态（因为iOS侧和Watch侧都不能更改App的网络设置）。

解决方案

1. 彻底关闭手机
   该方法是为了让 Apple Watch 不去同步手机的网络设置(默认关闭网络)，促使独立应用能够正常联网，但该方法仅适用于网络连接少或者无的独立应用，比如小说、阅读器等。
2. 开发 iOS 配套应用
   如果 iOS 侧有配套应用，则用户就可以在 iOS 侧对应用的网络权限做控制，进而实现 Watch 侧应用联网，该方法适合对于网络请求较多的应用。

PS：这个 Bug 的出现真的是很无语，花了我一整天的时间才解决，心累啊😣。

前序

《操作系统》课程最近布置了一个大作业，要求我们每人实现一个非抢占式多级反馈队列调度算法的模拟程序，作为期末考核的一部分。(u1s1，真的是爽到，老师开心，我们也写的开心!)

实现代码

//Powered By 7gugu

//每一级队列的可运行时间
let timeSlice = [1, 2, 3];

//准备运行的队列
let preRunQueue = [];
//3级运行队列
let runQueue = [
  [],
  [],
  []
];

//准备运行的程序[开始时间, 运行时间]
let progs = [
  [0, 8],
  [1, 4],
  [5, 1],
  [3, 7],
  [4, 2]
];

for (let i = 0; i < progs.length; i++) {
  let prog = {};
  prog.id = "P" + i;
  prog.startTime = progs[i][0];
  prog.runTime = progs[i][1];
  prog.priority = 0; //设置最高优先级
  preRunQueue.push(prog); //把待运行的程序导入运行序列
}

//总运行时间
let totalTime = 0;

while (true) {
  //如果待运行队列中仍然有程序 & 程序已到达开始时间
  if (preRunQueue.length > 0) {
    let prog = preRunQueue[0];
    if (prog.startTime <= totalTime) {
      preRunQueue.shift(); //直接弹出队头的元素
      runQueue[0].push(prog); //把程序加入0级运行队列中
      console.log(prog.id + "开始运行,开始时间为:" + totalTime);
    }
  }

  for (let i = 0; i < runQueue.length; i++) {
    //如果各级队列还有程序的话,就继续运行
    if (runQueue[i].length > 0) {
      let prog = runQueue[i].shift(); //获取各级队列中第一个程序
      if (prog.runTime > timeSlice[i]) {
        //程序运行时间比时间片大
        totalTime = totalTime + timeSlice[i]; //总运行时间累加
        prog.runTime = prog.runTime - timeSlice[i]; //减去每一次运行的时间
        if (i != runQueue.length - 1) {
          //如果未处于最低优先级,则把程序放在下一个优先级队列中
          runQueue[i + 1].push(prog);
        } else {
          //如果处于最低优先级,则把程序放回最低优先级中运行
          runQueue[i].push(prog);
        }
      } else {
        //程序运行时间比时间片小
        totalTime = totalTime + prog.runTime;
        console.log(prog.id + "运行完成,目前时间为:" + totalTime);
      }
      break;
    }
  }
} 

运行结果

仓库地址

参考资料

计算机操作系统(第四版) 西安电子科技出版社

Bug出现

最近在给工作室打工的时候,Vue做了个静态路由懒加载。

然后编译的时候死活不认这个import,截图如下,完全没有解决的思路。

解决思路

1. 同事编译莫得问题,遂排除是代码问题
2. 清除node_module,重新npm install,无效,排除是Node的问题
3. 因为其他位置的import工作正常,遂排除babel未启用
4. 最后通过下载安装”syntac-dynamic-import”,在配置后,问题解决

简介

最近开始要学习ES6了,翻出JS看了看,发现OOP部分还没有掌握,所以就赶紧进行了补课。下面是这次学习的一些,个人认为重要的知识点。

对象

每次使用JavaScript的构造器时,都会创建一个对象。一个初始化的对象中将会含有一个属性集,称之为prototype(对象属性),还有一个constructor(构造器)。而属性集里面中则会默认存在一个属性_proto_(原型)。这个属性存储的是父类的prototype(可以理解为指向父类的一个指针)。

对象属性

访问对象属性

对象.prototype.属性名

创建对象属性

对象.prototype.属性名 = 值

继承

JavaScript中实现继承主要是通过修改对象的_proto_(原型)指向到父原型来实现的继承。一旦理解了就会很简单,但是这个设计真的不好,而且原型这个称谓真的太容易混淆了。

注意!

//错误的继承
student.prototype = person.prototype;

解释:因为如果是这么赋值的话,在后续的操作中,比如给student增加属性或者方法时,收student的本质还是person,这样子修改的话,本质上还是修改的person的对象属性。

//正确的继承
student.prototype = Object.create(person.prototype)
//此时就可以正确把student的_proto_正确的指向person.prototype了

(JavaScript在ES6中貌似已经引入了extend应该能改善当前这个反人类的设计了)

原型

原型就是对象上一个存储父类的属性,称之为_proto_。由于Object是顶层对象,所以它的原型就是NULL。

原型链

bosn的原型指向Student,Student的原型又会指向Person,Person的原型又会指向Object,则称这条联系为原型链。

InstanceOf

该方法用于判断方法右边的函数是否存在于左边对象的原型链中,返回一个Bool值。其原理还是通过遍历prototype来看看左边的原型链上面是否存在右边函数的prototype。

用途:判断对象是否存在该方法(函数)

尾言

说实话,平时对于JavaScript的应用还停留在普通的事件应用,函数闭包这种层面,第一次了解了关于JS的面对象过程,也是受益匪浅,希望可以帮助到后续的ES6的学习,如果你觉着这篇文章好的话,不妨点一个赞吧,如果我理解有错误,也欢迎在下方评论区中学习交流owo。