工具

基于Rime的鼠须管输入法配置记录

何谓Rime Rime Input Method Engine · 中州韻輸入法引擎 ,关于命名可以看这篇文章 。 在各家输入法被曝光搜集用户隐私信息后,我开始寻找开源的输入产品,结识了这款文墨气息浓厚的输入引擎,支持的输入方式相当多,配置起来也很有趣。 安装 此处仅讨论鼠须管(Rime on Mac)的安装和配置,Windows下的产品名为“小狼毫”,安装方式不同,不过config是通用的。 用brew安装: brew cask install squirrel 配置 cd ~/Library/Rime 这里存放着输入法的配置文件,刚摸索配置时直我接修改了defult等配置文件,

前端

Brower-sync多平台调试利器

子曰:“工欲善其事,必先利其器.......” 辣么就向各位推荐Brower-sync,多平台调试利器,好用得很!!!^_^ Brower-sync是干嘛用的 1.与LiveReloader相似,用于页面的自动刷新; 2.但是Browser-sync做的更完美,比如说: 你改变代码的时候,BrowserSync会重新加载页面,或者如果是css文件,会直接添加进css中,页面并不需要再次刷新。这项功能在网站是禁止刷新的时候是很有用的。假设你正在开发单页应用的第4页,刷新页面就会导致你回到开始页。使用LiveReload的话,你就需要在每次改变代码之后还需要点击四次,而当你修改CSS时,插入一些变化时,BrowserSync会直接将需要修改的地方添加进CSS,就不用再点击回退 3.BrowserSync提供了一种在多个浏览器(不管是pc端还是移动端)里测试网页的很好方式 BrowserSync也可以在不同浏览器之间同步点击翻页、表单操作、

前端

[译] webpack 的 demos

本仓库是一些webpack简单的demo集合。 这些demo故意写的简单但调理清楚,你会发现学习这个强大的工具一点都不难 怎么使用 首先,全局安装 Webpack 和webpack-dev-server $ npm i -g webpack webpack-dev-server 然后克隆本仓库再安装依赖 $ git clone git@github.com:ruanyf/webpack-demos.git $ cd webpack-demos $ npm install 现在你可以试着跑demo*目录下面的源码文件了 $ cd demo01 $ webpack-dev-server 在你的浏览器里面访问http://127.