最近WEB遇到了两个问题,一个是JS报错SyntaxError: The URL must not contain a fragment,一个是window.btoa报错,经过调查都是编码问题,平时因为更多的使用框架从而折叠这部分的认知,因此这里Mark下。

错误截图

相关知识点

阅读全文 »

一直很喜欢Mac的Touch ID及Apple watch的解锁体验,但身为开发,日常还经常会使用到shell sudo,这时也会提示输入Mac密码,于是我在想是不是也可以用Touch ID及Apple watch实现授权呢,惊喜发现还真可以。

配置方式

注意:这里因为我要实现同时支持Touch ID及Apple watch,因此安装以下两个库,只需要一种的,安装目标库及配置即可。

  1. 下载这两个仓库,推荐Git Clone方式

  2. install package

    在每个仓库目录下执行

    1
    2
    $ sudo make install

  3. 编辑sudo配置,开启授权

1
$ sudo vi /etc/pam.d/sudo
阅读全文 »

SPA应用的优势本来是流畅化的类App体验,但是随着业务功能的增加,代码逐步变得臃肿,性能也会出现瓶颈,因此就进入一个课题-性能优化。

其中一个优化的手段就是降低渲染次数。

这里以React的实际代码为例,当然Angular,Vue类似。

无论是哪个JS框架,实际上都是动态渲染新Dom,而框架带来的组件化将整个页面切割为N个组件,因此渲染更新也就成了局部,但是如果使用不当就会出现重复渲染,多余渲染问题,所以对应就应该降低渲染次数,说白了就是只在该渲染时,该渲染的元素身上,执行渲染。

React下的具体优化措施

阅读全文 »

在玩Angular时候,会遇到这两个编译方式AOT,JIT,但是玩React时却不提及,难道是NG所独有的?当然No,玩java也会提及JIT。这里就聊下两者区别。

如有错误,欢迎斧正。

上定义

这里取Angular上的一段解释说明。

  • JIT:just-in-time

    Just-in-Time (JIT), which compiles your app in the browser at runtime.

  • AOT: ahead of time

    Ahead-of-Time (AOT), which compiles your app and libraries at build time.

阅读全文 »

随着围绕着Mac生态的外设越来越多,经常需要切换声音输入输出设备,GUI操作效率太低,于是借着周末时间,做个workflow来提升切换效率。

实现基础

调研了一番方案, 发现选择不多

  • 命令行模块有个方案是switchaudio-osx,但不支持AirPlay,作者也不打算支持,改造的话需要C语言开发基础,为此放弃
  • AppleScript+Shell,好处是环境Mac内置,无依赖,直接安装运行即可

最终选择了方案2,为此系统学习了下AppleScript,总算搞定,花费也就几个小时。

阅读全文 »
0%