iOS 无卡顿同时使用圆角、阴影和边框

Jan 11, 2020

在 iOS 开发中，最怕看到设计稿里圆角、阴影和边框同时出现，这三兄弟简直就是性能杀手。 优化的方法百度一下有很多，虽然方法不同但是原理都一样。 分享一个我自己一直使用的方法：在一个 View 里只应用一种效果，然后通过组合的方式达到效果。 …

macOS 上开启内置的 HTTP Server

Jan 11, 2020

切换到要启动 Web 服务的目录： python2: python -m SimpleHTTPServer 8080 python3: python3 -m http.server 8080 可以看到启动日志： Serving HTTP on 0.0.0.0 port 8080 ... 就可以用浏览器访问 localhost:8080 了。 Tips 如果你用 zsh ，可以使用别名简化命令 如果你用的是 bash，则需要编辑 .bash_profile …

解决 space-between 最后一行的对齐问题

Jan 02, 2020

接这篇文章。 如果给 .flex 容器加上 space-between 平均分布对齐的方式： .flex { ... justify-content: space-between; ... } space-between 的效果 因为最后一行的元素数量特别少，平均到的间距就很大。 但是这不符合设计预期，期望的布局应该是这样的： …

CSS flex wrap 布局中设置元素间距

Jan 02, 2020

CSS flex wrap 布局里，没有直接设置间距的参数，默认情况下各元素会紧贴着排列在一起。 一个普通的 flex wrap 布局代码： .box { width: 414px; height: 736px; margin: 0 auto; border: 1px solid blue; } .flex { display: flex; flex-wrap: wrap; border: 1px solid red; } .item { display: block; padding: 4px 10px; color: white; background-color: #5454dd; border-radius: 3px; } 显示效果： 没有设置间距时 …

Swift 使用字面量协议扩展 DispatchTime

Dec 30, 2019

DispatchTime 的参数是时间，单位既不是秒也不是毫秒，而是纳秒。 使用的方法如下： DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + .seconds(5)) { // Do your work here } 延迟 5 秒执行，就要写为：DispatchTime.now() + .seconds(5)，很长而且没有必要。 …

checkra1n 越狱后连接 SSH

Dec 28, 2019

checkra1n是利用硬件漏洞越狱的工具，与操作系统版本无关。 支持的设备是 iPhone 5s – iPhone X，iOS 12.3+ 越狱成功后默认已经运行了 SSH 服务，端口号是 44，为了安全只能通过 USB 进行连接。 …

使用 Github Pages 发布博客

Dec 28, 2019

不同于网上的教程，我不依赖 Web Hooks。 在 Github 上创建一个公开仓库，并且开通 Pages 服务（通过创建 用户名.github.io 仓库或者给现有仓库创建 gh-pages 分支的方式都行）。 …

在越狱后的 iOS 上更新 Lookin 链接库

Dec 27, 2019

Lookin 是免费的 iOS App UI 分析工具，还具有简单的动态调试功能。 越狱后如果要对第三方 App 进行界面分析，需要安装 LookinLoader 插件。 这个插件加载 LookinServer.framework 的路径是 /usr/lib/Lookin，如果需要手动更新直接替换就可以。 …

Hugo 主题开发笔记

Dec 26, 2019

我的极简 Hugo 主题 Notepadium 已被收录到官方主题推荐列表。 记录一下开发过程中的一些心得。 开发过程中 避免生成多余空行 Hugo 处理源文件时，会把 go 标记 {{ }} 所在行替换为空行保留在生成后的页面里，要避免这种情况需要使用 {{- -}} 告诉编译器需要移除空白。 …

给 MathJax 加上 Github 风格语法高亮

Dec 25, 2019

先看效果图： 添加以下 CSS 代码即可： .markdown-body p > span.math { display: inline-block; font-size: 85%; padding: 2px 4px; border-radius: 3px; color: #24292e; background-color: #f6f8fa; } .markdown-body .math .mo { color: #d73a49; } .markdown-body .math .mn { color: #005cc5; }