分类： 代码

背景

由于业务的原因，我们的H5页面必须兼容一些比较老的webview版本，因此在开发中难免会遇到不支持的JS语法，因此在这里总结了一个切实可行的方法来提高自己确认接口兼容性的效率。

方法

通过caniuse.com查询方法兼容性

例子

假如需要使用Proxy方法来统一代理所有的接口，但是我不确定系统兼容性，怎么办？

1.访问caniuse.com

2.查询对应的方法名

3.查询iOS的兼容性

4.查询Android的兼容性

5.如果查询到的最低支持版本在需要的版本内则可以使用，另外在使用前最好在方法外套一层try...catch避免出现不支持的意外情况

背景

去年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.停止播放帧序列动画

总结

至此只要在需要使用Loading动画的地方配置对应的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 的出现真的是很无语，花了我一整天的时间才解决，心累啊😣。

2024/02/17更新：

在watchOS 10.3.1 iOS 17.0的环境下，独立APP已经可以在“蜂窝网络”中看到“仅用于手表的APP”选项，在这里可以单独配置WatchAPP的联网能力。

前序

《操作系统》课程最近布置了一个大作业，要求我们每人实现一个非抢占式多级反馈队列调度算法的模拟程序，作为期末考核的一部分。(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”,在配置后,问题解决