Frank.Fan - 博客园

2015年11月25日

摘要：说明去年做了一款 windows 下的图片上传程序，【 "自制小工具含源码——博客园图床ImageBed" 】, 但是这个小工具只适用于 windows 平台，自从换了 Mac 以后就不能用了。于是萌生了再写一款的念头。我理想中的软件应该是这样的：绿色免安装简单易用，最好是傻瓜式... 阅读全文

posted @ 2015-11-25 10:59 Frank.Fan 阅读(4229) 评论(8) 推荐(2) 编辑

2015年11月18日

[chrome插件分享] gitlab-tree 更方便的浏览Gitlab上的代码

摘要：说明经常玩的人肯定都知道大名鼎鼎的 " " 吧，这款chrome插件可以说是浏览代码的神器，利用左侧的树形菜单可以很方便的打开目录、浏览文件等，加上全站本身使用了技术，基本全程无刷新，用户体验非常好。本着的原则，搜遍了整个互联网发现确实还没有一个可以在上浏览代码的插件。现阶段几... 阅读全文

posted @ 2015-11-18 15:51 Frank.Fan 阅读(7815) 评论(0) 推荐(1) 编辑

2015年10月23日

从快的线上callback hell代码说起

摘要：概述就像谈到闭包必须要说js变量作用域一样，谈到 promise 之前肯定要先说谈异步编程。一直以来， javascript 处理异步方式都是使用 callback 方式，对与写 javascript 的人来时候 callback 深入人心。比如只有前端经验没有后端经验的同学看到 java 代... 阅读全文

posted @ 2015-10-23 23:30 Frank.Fan 阅读(727) 评论(1) 推荐(0) 编辑

ECMAScript5 Array新增方法

摘要： ECMAScript5标准发布于2009年12月3日，它带来了一些新的，改善现有的Array数组操作的方法。如果不考虑兼容性的话可以大面积使用了。在ES5中，Array一共有10个方法： 0. Array.isArray(value) Array.isArray() 方法用来判断... 阅读全文

posted @ 2015-10-23 23:29 Frank.Fan 阅读(507) 评论(0) 推荐(0) 编辑

git删除push到远程服务器的commit

摘要：如果不小心把不该提交的代码或者敏感的数据（如密码）提交到远程git服务器上，可以使用回滚到上一个commit，并且不留下任何痕迹。具体做法：如果不加参数提交不上去，服务器rejected. 最后你会发现，代码服务器上也不会留下痕迹，完美。原文首发于 http://... 阅读全文

posted @ 2015-10-23 23:25 Frank.Fan 阅读(9842) 评论(0) 推荐(1) 编辑

2015年8月28日

手机H5 web调试利器——WEINRE (WEb INspector REmote)

摘要： ## 手机H5 web调试利器——WEINRE (WEb INspector REmote)调试移动端页面，优先选择使用chrome浏览器调试，如果是`hybrid`形式的页面，可以使用chrome提供的`chrome://inspect/#devices` 安卓真机调试，不过这个要求比较高：首先，... 阅读全文

posted @ 2015-08-28 20:59 Frank.Fan 阅读(4459) 评论(0) 推荐(0) 编辑

用Photoshop处理图片使背景透明

摘要： ##用Photoshop处理图片使背景透明1. 打开一张图片![](http://images2015.cnblogs.com/blog/282019/201508/282019-20150828112315234-1744095346.jpg)2. 双击背景或者右键`背景图层`，新建一个图层，![... 阅读全文

posted @ 2015-08-28 11:30 Frank.Fan 阅读(7641) 评论(0) 推荐(0) 编辑

2015年7月31日

jquery bind、delegate、live、on的区别及联系

摘要： # jquery bind、delegate、live、on的区别及联系## 概述jquery提供了好几个API都可以实现事件绑定, 如 `delegate`, `live` , `bind` 等, 可是有没有疑惑这几个API之间有什么区别和联系呢？其实 `.delegate, .live, .on... 阅读全文

posted @ 2015-07-31 17:49 Frank.Fan 阅读(927) 评论(0) 推荐(0) 编辑

2015年7月21日

Mac下修改环境变量

摘要： #Mac下修改环境变量如果使用默认Bash，首先修改 `~/.bash_profile` 文件，添加文件路径，比如：```bashexport PATH=~/bin:/usr/local/bin/node:~/Downloads/software/gradle-1.0/bin/:$PATH```然后... 阅读全文

posted @ 2015-07-21 19:55 Frank.Fan 阅读(566) 评论(0) 推荐(0) 编辑

2015年7月17日

Mac 快捷键整理

摘要： # Mac 快捷键整理## 文本编辑适用于文本编辑器，浏览器等跳到页首 cmd + ↑ 类似windows下的 ctrl + home跳到页尾 cmd + ↓ 类似windows下的 ctrl + end光标移到行首 cmd + ← 类似windows下的 home光标移到行尾 cmd... 阅读全文

posted @ 2015-07-17 18:10 Frank.Fan 阅读(991) 评论(0) 推荐(0) 编辑

2015年7月14日

Mac下安装zshell

摘要： # Mac 下安装zshell ## 什么是shell大多数命令行用户接触最多的是Bash，因为Bash是各个版本操作系统(Linux&Mac)的默认shell。查看当前使用的shell```bash$ echo $SHELL```查看系统所支持的shell```bash$ cat /etc/she... 阅读全文

posted @ 2015-07-14 21:12 Frank.Fan 阅读(1478) 评论(0) 推荐(0) 编辑

git tag查看、创建与删除

摘要： # tag管理## 查看tag 太多的话用 grep 过滤```bash$ git tag | grep dev_20150525# 创建tag$ git tag -a dev_20150525_16 -m 'xxxx'```## 把tag push到远程```bash$ git push orig... 阅读全文

posted @ 2015-07-14 16:20 Frank.Fan 阅读(10545) 评论(0) 推荐(0) 编辑

2015年6月9日

Mac OS X 安装ruby环境

摘要： 1.查看版本```shell$ ruby -vruby 2.0.0p481 (2014-05-08 revision 45883) [universal.x86_64-darwin14]```2.查看源```shell$ gem source -l*** CURRENT SOURCES ***htt... 阅读全文

posted @ 2015-06-09 21:01 Frank.Fan 阅读(395) 评论(0) 推荐(0) 编辑

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题

摘要： # 移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题开发H5 webapp时经常需要使用本地存储，如localStorage和sessionStorage存储一些数据，相比最多能存4k的cookie相比，用起来很好用。但是localStorage... 阅读全文

posted @ 2015-06-09 20:59 Frank.Fan 阅读(24828) 评论(4) 推荐(1) 编辑

2014年10月19日

我是如何使用git的

摘要： ## 安装首先需要安装 `msysgit`, 下载地址：[http://msysgit.github.io/](http://msysgit.github.io/)`msysgit`提供了`Git Bash`命令行工具和`Git GUI`，前者提供了类似linux系统下bash shell 工具。... 阅读全文

posted @ 2014-10-19 23:44 Frank.Fan 阅读(716) 评论(0) 推荐(1) 编辑

windows下使用体验更好的控制台——ConsoleZ

摘要：转做前端开发以来，每天使用最频繁的工具就是控制台了，`git`提交代码要用，`npm`安装node包也要用，`grunt` task 也要用，可是系统自带的`cmd`太难用了，那么问题就来了：> "windows下Terminal哪家强？"推荐一款代替 `cmd.exe` 和 `Git Bash` ... 阅读全文

posted @ 2014-10-19 23:43 Frank.Fan 阅读(15283) 评论(0) 推荐(1) 编辑

2014年10月13日

javascript和C#比较

摘要： C#和javascript有很多相似的地方，比如：## 序列化C#序列化1. 首先需要引用`using System.Web.Script.Serialization;//System.Web.Extensions添加dll引用`2.序列化为字符串```javascriptJavaScriptSer... 阅读全文

posted @ 2014-10-13 23:50 Frank.Fan 阅读(2230) 评论(0) 推荐(1) 编辑

前端模块管理器简介

摘要： # npm### 介绍npm(Node Packaged Modules)是Node.js的模块依赖管理工具。安装node.js后会自动安装上npm工具。npm命令运行时会读取和解释当前目录下的 `package.json` 文件，这个文件可以定义name、description、version、d... 阅读全文

posted @ 2014-10-13 23:49 Frank.Fan 阅读(462) 评论(0) 推荐(1) 编辑

javascript中的splice方法介绍&示例

摘要： javascript 中的 `splice` 方法很强大，它可以用于插入、删除或替换数组的元素。下面来一一介绍！1. 删除：用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）2. 插入：向数组指定位置插入任意项元素。三个参数，第一个参数（其实位置），第二个参数（0）... 阅读全文

posted @ 2014-10-13 23:48 Frank.Fan 阅读(8715) 评论(2) 推荐(3) 编辑

javascript中数组揭秘

摘要： js中的数组很强大，不仅仅是一个数组，更是一个无所不能的集合。## 创建可以使用 `数组字面量` 方式创建：`var arr = []`或者`var arr = new Array()`## 添加元素```javascriptarr.push(item); // 将一个或多个新元素添加到数组结尾，并... 阅读全文

posted @ 2014-10-13 23:47 Frank.Fan 阅读(417) 评论(0) 推荐(1) 编辑