fy98.com
js作用域和闭包 | Frank Fan's Blog
http://fy98.com/2015/01/15/scope-and-closures-in-javascript
作用域链 chain scope 词法作用域. Log(foo); / output 0. Log(foo); / output 1. Log(foo); / output 2. Var foo = 3; console.log(foo);'. Eval 作用域 output 3. 由于逻辑语句 如if(){} 和循环语句 如for 无法创建作用域,因此变量可以互相覆盖。 Foo = i; / foo 等于3、4,然后等于5. Log(foo); / output 3, 4, 5. Log(bar); / output 2 因为bar在全局作用域中. Log(doo); / 报错,Uncaught ReferenceError: doo is not defined. 作用域链 chain scope 词法作用域. Log(sayHiText); / hi. Log(z y x); / output 60 不解释了. Log(x); / 局部x在作用域内是第一个被查找到的,因此不再查找其余的. Foo(); / output false. Count; / count 在作用域链内定义,父函数里.
fy98.com
max os x 中使用subl命令 | Frank Fan's Blog
http://fy98.com/2015/04/22/subl-in-mac-os
Max os x 中使用subl命令. Ln -s /Applications/Sublime Text.app/Contents/SharedSupport/bin/subl /usr/local/bin/subl. Ln: /usr/local/bin/subl: No such file or directory. Ln -s /Applications/Sublime Text.app/Contents/SharedSupport/bin/subl /usr/local/bin/subl. 然后执行链接命令, 接着编辑 /.bash profile 文件,. Export PATH=/usr/local/bin:$PATH
export EDITOR=subl -w. Source /.bash profile. Http:/ my.oschina.net/VincentJiang/blog/184108. Http:/ www.phodal.com/blog/mac-os-command-line-sublime/. 关于 git branch 命令. 盛利的博客 · blog.
fy98.com
纪念github持续 push 100天 | Frank Fan's Blog
http://fy98.com/2015/04/15/remember-git-push-100-days-continuously
Max os x 中使用subl命令. 盛利的博客 · blog.
fy98.com
js中的一等公民——Function()对象 | Frank Fan's Blog
http://fy98.com/2015/01/20/function-first-class-citizen-in-javascript
Return num1 * num2'. New Function(x, return x). Function(x, return x). Log(sayHi() ; / output Hi. Log(sayHi() ; / output Hi. Log( 'I am yelping! Log(yelp() = = undefined. 函数可以保存在变量 funcA 、数组 funcB 和对象 funcC 中. 123;} / 调用方式 funcA(). FuncB = [ function. 123;}]; / 调用方式 funcB[0](). FuncC = { method: function. 123; } } / 调用方式 funcC.method() 或者 funcC['method'](). RunFuncPassedToFuncD = funcD( function. 123; }. Log(funcE.answer); / output yup. Sum = number1 number2;. MyObject1 = {. Callee); / output. 值在ECMAScri...
fy98.com
Frank Fan's Blog
http://fy98.com/page/2
在ES5中,Array一共有10个方法 12345678910Array.isArrayArray.prototype.index. 如果不小心把不该提交的代码或者敏感的数据 如密码 提交到远程git服务器上,可以使用git reset回滚到上一个commit,并且commit history不留下任何痕迹。 具体做法 123456# 1.通过找到想要退回到的commit id$ git log# 2.本地回. 手机H5 web调试利器 WEINRE (WEb INspector REmote). 调试移动端页面,优先选择使用chrome浏览器调试,如果是hybrid形式的页面,可以使用chrome提供的chrome:/ inspect/#devices 安卓真机调试,不过这个要求比较高 首先,你的 Chrome 版本必须高于 32其次你的测试机 Android 系统高于. 打开一张图片 双击背景或者右键背景图层,新建一个图层, 选择魔棒工具,单击图片, 会自动选择颜色相近的范围 按下键盘的delete键,就可以删除魔棒所选择的区域了。 最高成就为连续加班 5 2 5 2 5 天,好在新项.
fy98.com
前端知识ABC | Frank Fan's Blog
http://fy98.com/2015/03/16/learn-the-abc-of-frontend
Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。 官网 http:/ expressjs.com/. Haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。 KISSY 是由淘宝前端工程师们发起创建的一个开源 JS 类库。 Keep It,Simple and Stupid, Short and Sweet, Slim and SexyYeah! Underscore提供60多个方法,即有普通的功能,例如: map, select, invoke 也有更多特殊的编程辅助方法,例如 函数绑定、javascript模板、绝对相等判断等待。 如果一些现代的浏览器提供了内置的 forEach, map, reduce, filter, every, some 和 indexOf方法,Underscore就委托给浏览器原生的方法。 是 HTML5 提供的一个javascript多线程解决方案,可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。
fy98.com
CSS核心概念 | Frank Fan's Blog
http://fy98.com/2015/02/02/css-core-but-basic-concepts
内边距、边框和外边距都是可选的,默认值为0. 但是许多元素由用于代理 如浏览器 样式表设置了默认的内边距和外边距。 令人遗憾的是,IE的早期版本 包括IE6 中的盒模型,在混杂模式 也叫怪异模式 中使用的是自己的. Some more text / p. 相对定位是 相对于 元素在文档流中的位置初始位置,而绝对定位是 相对于 距离它最近的已定位的祖先元素,如果不存在已定位的祖先元素,那么相对于初始包含块。 例如携程的这个页面 http:/ campus.ctrip.com/. Float:left right both none. 看个例子 http:/ codepen.io/FrankFan/pen/RNjBgO. Some text / p. 盛利的博客 · blog.
fy98.com
Frank Fan's Blog
http://fy98.com/page/5
首先说一下 和 $ 符号,分别代表匹配字符串的开始和结束,举例如下 " start":开头一定要有 start 的字符串 "the end$":. CSS基础 网页布局分类 流式布局 浮动布局 绝对定位布局 需要理解 标准文档流 盒子模型 float属性 position属性 W3C标准是指由万维网联盟指定的一系列标准,包括 结构化标准语言 HTML和XML 表现标准语言 CSS 行为标准语言 DOM和. 通过nodejs、Express框架搭建Web Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。 官网 http:/ expressjs.com/ 安装node.js这个就略过。 最终效果图 html: 12<div class=triangle></div> css: 1234567.triangle{ wi. Git branch 虽然功能强大但是在团队开发中使用不当反而会降低工作效率,在这种情况下有牛人开发整理出一套比较好的方案 A successful Git branching model.
fy98.com
javascript中this关键字详解 | Frank Fan's Blog
http://fy98.com/2015/01/22/this-in-javascript
Cody = {. Codygender; }. Log(cody.getGender() ; / output 'male'. Cody = {. Gender; }. Log(cody.getGender() ; / output 'male'. MyObject = { foo: 'I am myObject.foo'. MyObject.sayFoo = sayFoo;. MyObject.sayFoo(); / output 'I am myObject.foo'. SayFoo(); / output 'foo'. MyObject = { foo: 'I am myObject.foo'. MyObject.sayFoo = window. MyObject = {. Foo = {. Bar(); / 输出window,而不是foo,这是嵌套函数. MyObject = {. MyProperty: 'I can see the light'. 123; / 子函数. 输出通过作用域链得到的 'I can see the light', 因为 that = this.