原创 自動化執行npm publish&git commit&git tag&gh-pages全流程的shell

因爲過程複雜和老忘記改版本號(╯‵□′)╯︵┻━┻,爲簡化自己提交開源工具而寫的shell,記錄一下。 用alias寫在了.zshrc裏,直接用 command [version] [commit/tag message] [subtree

原创 前端工作流中的hooks

在前端的日常工作中,經常會出現“當執行一種操作之前(之後)需要同時執行另一種操作”的情況,比如我們希望在每次git commit之前都運行eslint代碼檢查、npm install之前檢查項目依賴等。作爲經典的情況,各類工具都可以讓我們在

原创 Gulp4 Koa項目簡單配置示例

介紹 這段配置是之前的gulp版本不適配新版本node後,更新到了gulp4的新寫法。 在業務中,目前使用這份配置的是一個Koa2+njk項目,所以增加了nodemon來啓動server。 分別用到的技術爲: Less + autopre

原创 iOS Safari瀏覽器上overflow: scroll元素無法滑動bug解決方法整理

描述 此bug出現需要條件:父元素需使用絕對定位absolute或固定定位fixed,使用overflow: scroll / auto(或overflow-y: scroll / auto),內部子元素是動態大小(例如較大的svg doc

原创 iOS safari瀏覽器上overflow: scroll元素無法滾動bug深究

前情提要 在之前我寫過一篇文章:iOS safari瀏覽器上overflow: scroll元素無法滑動bug解決方法整理,這篇文章寫的是,當iOS safari瀏覽器上出現大於父容器的svg元素,想給父容器加上overflow: scro