跳至主要内容

博文

webstorm & vi keymap

webstorm快捷键 窗口操作 shift + ESC:退出当前激活工具窗口,可从侧边栏和底部teminal中退出 Ctrl + Tab,然后松开tab,按数字键,可选择工具窗口进行跳转 Alt + Tab,切换分栏 编辑 ⌘ + b,跳转到代码定义 Alt + enter, 代码纠错与配置 VI快捷键 跳转 t|T + 字符: 跳到某一字符前或后 gg, G: 文件头|尾 翻页 Ctrl + b: 向前一页 Ctrl + f: 向后一页 Ctrl + d: 向下半页 Ctrl + u: 向上半页 zt: 把光标所在行移动到屏幕顶部 zz: 把光标所在行移动到屏幕中间 zb: 把光标所在行移动到屏幕底部 编辑 y: 复制 p: 粘贴 x: 剪切 Ctrl + v: 纵行编辑模式,编辑完成后,按ESC完成编辑 Shift + v: 行选择 Shift + d: 删除内容从光标位置到行尾 Shift + j: 合并行 db: 删除光标前一个单词 "0p: 复制删除前一次的copy vi': 选中单引号内的内容,不包括单引号 va': 选中单引号及其内容,包括单引号 命令行工具 :set paste: 粘贴模式,复制后会加入缩进 :set nopaste: 无添加缩进 :n,ms/origin/new: 替换n到m行的origin内容为new内容 :%s/origin/new/gc: 全部替换,g表示全局,c表示确认 Shift+: 在选择状态下,加冒号表示,替换选中内容区 split: 垂直分屏 vsplit: 横向分屏
最新博文

前端文档工具

为何要应用文档工具 可以更好规范代码书写结构 可以更好地组织文件的组织结构 便于新人、模块开发人员查看和学习 有哪些文档工具 JSDoc Minami YUIDoc 与框架对应的文档工具 Angular-JSDoc ESDoc

meteor, angular, react which to chose to create a website

What I need I don't want to design the ui. So I need to chose a framework which is a implementation of material design . I want to use of framework with router , better with lazyload . I want to build a prototype as fast as I can. So, there are the choices: meteor, angular and react. [Dis]Advantages Meteor x  no material design, can be fixed using materialize, but not good as material.angular √ iron-router, it's great √ meteor is very easy to use as well as db handler. Angular √ material.angular, Great to use, best implement if there is no polymer √ lots of router implementation, hard to use if with lazyload √ easy to handler frontend, backend need support from express or koa or others, little hard for me. React √ material-ui, good to use, no enough component as material.angular √ with router √ Great idea of data flow(flux + react), you can develop with es6 and many great feature of modal js. Conclusion meteor is the easiest to use a...

页面加载问题

今天了解了一些有关页面加载的问题,本来想做一个loading-bar类似于(nprogress或pace),原来用angular的intercepter实现过一个,但只能用来记录angular中$http的请求状态,记得以前还看过一个源码好像是通过在XMLHTTPRequest上封装了一层操作,来记录并显示请求状态的,本来想看看怎样结合两者做一个更好用的loading,但在nprogress的文档中看到了turbolinks的加载方式,搜了一下发现,发现turbolinks是一个很叼的工具啊。。 turbolinks使用了pushState来加载内容,并把body和head替换到当前页面,并更新url,而且据说github和plus.google.com都采用了这种加载方法,难怪那么叼,我说怎么每次进入github项目的一个目录中时,它会开始加载但不跳转页面,当前页面还可以继续滚动或操作,加载完成之后才会跳转到新的页面去,真是叼叼的,然后果然又去看了下plus.google.com,同样叼叼的,而且发现google的router也很是强大,是动态加载的,而当某一个路由下的文件加载完成之后,再切换到其他路由然后再切换回来是不需要再加载文件的,动态的页面,应该是只是刷新内容即可,和我以前看的ui-router的一个懒加载很像,叫做ui-router-extra,mark下,以后也许会用得到 Reference turbolinks turbolinks介绍 pjax  介绍pjax和push state ui-router-extra  可以实现ui-router的lazy-load

常用快捷键

Mac下快捷键 注:以下Ctrl用C表示Alt用A表示mac键用M表示Shift用S表示。。 terminal C+a, 行首 C+e, 行尾,这两个基本上是最常用的了 C+w, 向前删除一个单词 C+k, 从光标处删除到行尾 M+S+[, 向左切换标签窗口 M+S+], 向右切换标签窗口