前言

在最近使用 vscode 的時候，有時候在 finder 中需要復制一下選中項目的路徑，或者需要右鍵，在 XXX 中打開這種場景，這里記錄下如何實現這些自動化的操作。

前言

自從小程序自定義組件和 npm 功能面世之后，組件化和開源思想逐步開始萌芽了。我們可以將一些通用的部件，如自定義導航欄之類的封裝到一個自定義組件中，然后借由 npm 平臺開源出去給其他開發者使用，這樣可以省去很多勞動。相信各位開發老爺們應該或多或少都有過使用開源包的經歷，但是在使用前，這個開源包得能贏取我們的信任，一個很重要的指標就是單元測試通過率和覆蓋率。

但是因為小程序獨特的運行環境和不完全開源的基礎款，使得對小程序自定義組件的單元測試稍微有點困難。目前市面上無論是 vue 還是 react，這些組件化框架都有一套完善的單元測試解決方案，但是對于小程序自定義組件來說卻寥寥無幾，因此這個工具集—— miniprogram-simulate 便應運而生了。

寫在前面

Omi 框架 正式發布了 → omi-transform。

Made css3 transform super easy. Made 60 FPS easy.

作為 Omi 組件化開發特效運動解決方案，讓你輕松在 Omi 項目里快速簡便支持 CSS3 Transform 設置。css3transform 是經受過海量項目洗禮的，作為移動 Web 特效解決方案，在微信、手 Q 興趣部落、日跡、QQ 群、QQ 附近等項目中廣泛使用，以激進的修改 DOM 屬性為代價，帶來極為便利的可編程性。

你可以通過 css3transform 官方首頁快速了解它。

原文地址

“抓娃娃” 并不陌生，存在兩種結果: 抓到與抓不到。在 Web 動畫中，如上圖，“抓到” 與 “抓不到” 對應著兩個動畫，可以使用不同的動畫圖片資源來實現，似乎毫無異義。

細做觀察，不難發現：兩個動畫中 “動畫初始到抓取” 及 “抓取結束到動畫結束” 的區間中存在相同動畫 (滑動和晃動抓桿)。既然動畫相同，那么可以通過引用同一份動畫圖片資源，不做相同圖片的重復加載，從而減少總資源大小。

“兩個動畫間存在部分相同的動畫，相同部分可以引用同一份動畫圖片資源，來減少圖片的總大小?！?

肉眼進行辨別哪些動畫是一樣的？那是不可能的。gka 提供一鍵式制作多個動畫的方式，支持多種圖片優化方案 (含圖片去重)。

gka 是一款簡單的、高效的幀動畫生成工具，圖片處理工具。

官方文檔：https://gka.js.org

Github：https://github.com/gkajs/gka

原文地址

多倍圖的適配在前端開發還是比較常見的，像在 Retina 屏幕，一般會使用二倍圖從而讓圖片保持清晰，而在開發幀動畫中使用的圖片實際上同樣需要做這樣的適配處理。gka 提供一鍵式的制作多倍圖幀動畫的方式。

gka 是一款簡單的、高效的幀動畫生成工具，圖片處理工具。

官方文檔：https://gka.js.org

Github：https://github.com/gkajs/gka

簡單的、高效的幀動畫生成工具

gka

gka 是一款簡單的、高效的幀動畫生成工具。

通過對圖片集進行處理，一鍵式生成序列幀動畫文件，并內置相關優化。

• 一鍵式 : 圖片文件批量序列化重命名，生成 css keyframes，生成幀動畫預覽文件
• 性能佳 : 支持圖片壓縮?，支持合圖模式?，相同幀圖片復用?
• 多模板 : 內置多種文件輸出模板，支持自定義模板

最新更新，請訪問 github 地址 https://github.com/joeyguo/gka

寫在前面

Md2site 是基于 Omi 的一款 Markdown 轉網站工具，使用簡單，生成的文件輕巧，功能強大。

• 官網：http://alloyteam.github.io/omi/md2site/
• Github: https://github.com/AlloyTeam/omi/tree/master/md2site
• 真實案例:http://alloyteam.github.io/omi/website/docs-cn.html

在使用之前的版本的時候，你會發現體驗非常好？為什么非常好？因為頁面間的切換是無刷新！
無刷新的原理就是，所有的 markdown 都會被 webpack 打包到 js 里，只要在 js 動態 require 就行。

這樣帶來的一個問題便是：如果有海量的 markdown 的時候，首次加載的時間非常長。

怎么解決？支持動態拉取和解析 markdown~~

原文鏈接：https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi-cli.md

寫在前面

通常認為，命令行界面（CLI）沒有圖形用戶界面（GUI）那么方便用戶操作。但是 CLI 比 GUI 節約資源，在熟悉命令之后，CLI 會比 GUI 更加高效地幫你完成想要的任務。

Omi CLI 地址: omi-cli

下面來介紹下 pasturn 童鞋為 Omi 開發的 CLI 的兩種使用姿勢：

姿勢一

寫在前面

Md2site 是基于 Omi 的一款 Markdown 轉網站工具，使用簡單，生成的文件輕巧，功能強大。
當我們想把一堆 markdown 文檔轉成網站時，你可能有許多選擇，倘若選擇 md2site ，你一定會愛上她。

• 官網：http://alloyteam.github.io/omi/md2site/
• Github: https://github.com/AlloyTeam/omi/tree/master/md2site
• 真實案例:http://alloyteam.github.io/omi/website/docs-cn.html

特性

• 超輕巧，生成的網站除了 Omi 不依賴其他第三方庫，超級小的尺寸讓你加載更快
• 完整支持 Markdown，使用 markdown 寫你的文檔或者網站，完整支持 markdown 所有語法
• 響應式，生成的網站是響應式的，手機和 PC 都有不錯的閱讀體驗
• 多語言，天生支持多語言，只需增加修改配置便可。讓世界了解你的網站
• 代碼美，請記住: 不僅僅是代碼高亮，使用 md2site 輕松可以讓代碼內的某些代碼高亮
• 超方便，npm run dev 預覽，npm run dist 一鍵生成網站。不滿足現有布局或樣式可輕松進行二次開發

Open and modern framework for building user interfaces.

• Omi 的 Github 地址 https://github.com/AlloyTeam/omi
• 如果想體驗一下 Omi 框架，可以訪問 Omi Playground
• 如果想使用 Omi 框架或者開發完善 Omi 框架，可以訪問 Omi 使用文檔
• 如果你想獲得更佳的閱讀體驗，可以訪問 Docs Website
• 如果你懶得搭建項目腳手架，可以試試 omi-cli
• 如果你有 Omi 相關的問題可以 New issue
• 如果想更加方便的交流關于 Omi 的一切可以加入 QQ 的 Omi 交流群 (256426170)