JavaScript 函数
content{:toc}
本文为慕课网 JavaScript深入浅出 JavaScript 函数笔记。
概念函数是一块JavaScript代码，被定义一次，但可执行和调用多次。
JS中的函数也是对象，所以JS函数可以像其它对象那样操作和传递。
所以我们也常叫JS中的函数为函数对象。
例如：
123456789function foo(x, y) { if (typeof x === 'number' && typeof y === 'number') { return x + y; } else { return 0; }}foo(1, 2); // 3
一般由3部分组成：
函数名
参数列表
函数体
调用方式
直接调用
1foo();
对象方法
1o.method();
构造器
1new Foo();
call/apply/bind
1func.call(o);
函数声明与函数表达式函数声 ...
联想服务前端实习面试经历
content{:toc}
宣讲会&初试现在想想也真是无心插柳的一次找实习。感觉不知不觉中自己真的进步了不少。
首先在我们机房的楼下看到了宣传海报，5.28 有一个联想服务的宣讲会，我看到有前端工程师的岗位，想试试自己的水平如何，就去听了宣讲会。
到了宣讲会现场，人不少，我坐在最后一排。开始就是一些介绍。包括 Future Leader 的介绍等。
联想服务2015 Future leader实习生招聘 这是相关信息。
宣讲会结束后有一个现场笔试。笔试不分专业，题目是数理逻辑推理题，并且是 10 道中文，10 道英文，最后一题是一个英语作文。我最不会做的就是这种题，当时做完都觉得没戏了，反正我觉得挺难的。
5.29，第二天晚上收到短信同时初试通过了，有点惊喜，安排在 5.31 技术面试。随后凌晨 0:06（5.30）收到一封邮件，是给技术岗的一道技术测试考题，给一天的时间去做。
测试考题要求如下：
需要把解决问题的步骤，用图文并茂的形式写在word文档里；
把下载好的视频和音频上传到网盘中，并提供网盘链接。
题目如下：（提醒：如遇到链接无法打开，考虑使用翻墙的方法 ...
JavaScript 作用域和作用域链
content{:toc}
JavaScript 作用域作用域就是变量与函数的可访问范围。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。
全局作用域(Global Scope)在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下 3 种情形拥有全局作用域。
最外层函数和在最外层函数外面定义的变量拥有全局作用域
123456789101112var outVariable = "我是最外层变量"; //最外层变量function outFun() { //最外层函数 var inVariable = "内层变量"; function innerFun() { //内层函数 console.log(inVariable); } innerFun();}console.log(outVariable); //我是最外层变量outFun(); //内层变量console.log(inVariable); //inVariable is n ...
前端的一些资料和工具
content{:toc}
这里记录一些我用到的或者见到的比较好用方便的前端开发相关的工具吧。
色彩与图标CSS滤镜
Filter Effects
界面：
有各种各样的滤镜效果，可以直接调节参数观察变化。
值得一提的是，这个网站还有很多其他 css 生成器。
比如：Border Image, Border Radius, Box Shadow, Filter Effects, Multi-Column, Outline Border, Overflow(x,y), RGBa, Text Rotate, Text Shadow, Textarea Resize, Transform
可以访问这里去使用这些 css 生成器：CSS Generators
渐变CSS代码生成器
Ultimate CSS Gradient Generator
界面如下图：
目前 css 写渐变还很复杂，但是用了这个工具简直太方便了，直接生成 css 代码，还能兼容 ie。
QQ截图取色-16进制在按下 Ctrl+Shift+A 后，再按一下 Ctrl 就可 ...
百度Web前端技术学院(2)-JavaScript 基础
content{:toc}
百度前端学院的第二次任务笔记，JavaScript 基础。主要有JavaScript的定义，数据类型，对象，数组，字符串，正则表达式，DOM，事件，BOM，Ajax 等知识。
任务掌握JavaScript基础知识，能够使用JavaScript编写一些复杂度不大的交互功能。
任务： JavaScript基础
做完任务一的时候深深地感觉到自己的基础非常的薄弱，在这里再次感谢一下百度前端技术学院，做任务的时候深刻理解了自己平时掌握不牢固的内容，比如浮动、BFC、等高布局等。继续加油吧！
像上一篇文章一样，写些东西记录一下。
第一个页面交互按照任务中的代码，在IE8下提示：对象不支持“addEventListener”属性或方法我猜是IE8浏览器没有这个方法吧。
参考资料：JavaScript 指南-MDN
了解JavaScript是什么来自MDN的解释
JavaScript 是一种跨平台，面向对象的脚本语言。作为一种小巧且轻量级的语言，JavaScript 无意于独立运行，而是被设计为可以轻易嵌入到其它的产品和应用中，比如 Web 浏览器。在宿主 ...
百度Web前端技术学院(1)-HTML, CSS基础
content{:toc}
百度前端学院的第一次任务笔记，HTML、CSS 基础。主要有 CSS 工作原理，选择器的使用，常用属性，行高属性，盒模型与定位，最后根据设计图实现4个页面。
任务任务： HTML、CSS基础
有人问到提交作业 fork 同步的问题，真心觉得官方 GitHub 的帮助文档讲的很好，我上一篇博客 同步一个 fork 就是翻译的这个官方文档，如果懒得看英文可以参考我的博客。
写点东西记录一下我的做题过程吧。
CSS 如何工作CSS 如何工作 Mozilla 的开发者文档讲的很好。
浏览器在展现一个文档的时候，必须要把文档内容和相应的样式信息结合起来展示。 这个处理过程一般分两个阶段：
浏览器先将标记语言和 CSS 转换成 DOM (文档对象模型)结构。 这时 DOM 就代表了电脑内存中的相应文档，因为它已经融合了文档内容和相应的样式表。
最后浏览器把 DOM 的内容展示出来。
层叠和继承参考资料: 层叠和继承
对于层叠来说，共有三种主要的样式来源：
浏览器对HTML定义的默认样式。
用户定义的样式。
开发者定义的 ...
同步一个 fork
content{:toc}
fork 了别人的仓库后，原作者又更新了仓库，如何将自己的代码和原仓库保持一致？本文将给你解答。
如何使用搜索引擎其实这个问题并不难，我又被坑了。百度搜的东西不靠谱啊，以后这种问题一定要用英文在 Google 或者 Bing 上搜索，这样才能搜到原汁原味的答案。就当是一个教训吧。
搜索 fork sync，就可以看到 GitHub 自己的帮助文档 Syncing a fork 点进去看这篇的时候，注意到有一个 Tip: Before you can sync your fork with an upstream repository, you must configure a remote that points to the upstream repository in Git.
根据这两篇文章，问题迎刃而解！
具体方法Configuring a remote for a fork
给 fork 配置一个 remote
主要使用 git remote -v 查看远程状态。
123git remote -v# orig ...
判断两个数组是否相似 (arraysSimilar)
content{:toc}
题目题目来自 慕课网 JavaScript 深入浅出 1-6 编程练习
请在 index.html 文件中，编写 arraysSimilar 函数，实现判断传入的两个数组是否相似。具体需求：
数组中的成员类型相同，顺序可以不同。例如 [1, true] 与 [false, 2] 是相似的。
数组的长度一致。
类型的判断范围，需要区分: String, Boolean, Number, undefined, null, 函数, 日期, window.
当以上全部满足，则返回“判定结果:通过”，否则返回“判定结果:不通过”。
题目给出了 index.html 如下：
123456789101112131415161718192021<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb18030"> <t ...
代码校验工具 SublimeLinter 的安装与使用
content{:toc}
本文我将讲述一下 SublimeLinter 的安装过程。其组件 jshint 的安装与使用。其组件 csslint 的安装与使用。我将基于 Sublime Text 3 来安装。使用 Sublime Text 2 的用户阅读本文是没有帮助的。
SublimeLinter 是 Sublime 的插件，它的作用是检查代码语法是否有错误，并提示。习惯了 IDE 下写代码的人一定需要一款在 Sublime 上类似的语法检查工具。下面我们开始。
安装 SublimeLinter如同其他插件一样使用 Package Control 来安装。
按下 Ctrl+Shift+p 进入 Command Palette
输入install进入 Package Control: Install Package
输入SublimeLinter。进行安装.
安装完成后可以看到这样一段话：
123456789101112131415161718192021Welcome to SublimeLinter, a linter frame ...
Teach Girlfriend to make a Web Pages like Zhihu
content{:toc}
My girlfriend is learning html and css recently. I told her to follow the video. Here, I recommend a video in Chinese that suite for fresh learners. The name of course is Getting HTML web pages dev in 8 hours ( 8小时学会HTML网页开发 ) . I watched this video at very first time. The teacher named Eighteen Swallows ( 燕十八 ) . He teached very clear even himself being on screen to show what is float or box-model.
Here is the site of the free online video.http://study.163.com/course/course ...
Jekyll 搭建静态博客
content{:toc}
一直以来都想搭建一个自己的博客，但是近半年做项目太忙，再加上教研室的网络很坑爹，所以也一直没顾得上。之前用过 WordPress 托管在免费的京东云擎上，但是速度太慢。在知乎上看到一些相关的内容，于是选择了在github上用jekyll搭建博客。
搭建过程在jekyll的官网上 http://jekyllrb.com/ 其实已经说得比较明白了，我在这里还是简单的说一下吧。我用的是Windows系统。主要环节有：安装Ruby，安装RubyGems，安装jekyll，安装代码高亮插件，安装node.js
安装Rubyruby官网下载安装：https://www.ruby-lang.org/en/downloads/
安装完成后配置环境变量
在命令提示符中，得到ruby版本号，如下图，即安装成功
安装RubyGems官网下载 http://rubygems.org/pages/download rubygems-2.4.5.zip
cd到RubyGems目录
执行安装
用RubyGems安装Jekyll执行下面的语句安装
安 ...
hello jekyll!
You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.
To add new posts, simply add a file in the _posts directory that follows the convention YYYY-MM-DD-name-of-post.ext and includes the necessary front matter. Take a look at the source for this post to get an i ...
