问题

用Nodejs连接oracle是比较麻烦的，不像使用mysql，Mogondb，redis等有相当丰富的库。就连官方提供的oracledb也在linux上安装的时候屡屡失败。

准备工作

1. Nodejs v8.3.0 —> 下载地址node-v8.3.0-linux-x64.tar.xz

   为什么指定8.3.0版本呢，经过多个版本Node在多个版本的linux上进行的多次测试，得出结论，8.3.0版本在安装oracledb的成功率最高，基本都能一次成功。

2. 在oracle官网下载两个文件

   • instantclient-basic-linux.x64-12.2.0.1.0.zip
   • instantclient-sdk-linux.x64-12.2.0.1.0.zip

   oracle官网下载地址

3. 检查gcc版本

   1	# gcc --version

   如果版本低于4.7，则需要升级。

meta->viewport

1
2
3
4
5
6
7

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    // width    设置viewport宽度，为一个正整数，或字符串‘device-width’
    // device-width  设备宽度
    // initial-scale    默认缩放比例（初始缩放比例），为一个数字，可以带小数
    // minimum-scale    允许用户最小缩放比例，为一个数字，可以带小数
    // maximum-scale    允许用户最大缩放比例，为一个数字，可以带小数
    // user-scalable    是否允许手动缩放

局部处理
meta标签中的 viewport属性 ，initial-scale 设置为 1
在要设置的border上加css属性：transfrome 的scale(0.5) 缩小一倍即可；
全局处理
meta标签中的 viewport属性 ，initial-scale 设置为 0.5
全局缩放为0.5倍

这是最简单的方法，还有其他方法，比较复杂。可以参考@lunarorbitx的博客

今天我想有别于其他作者，以密室逃脱主题来聊聊闭包这个鬼东西，made！当初就是他卡住了我进阿里的路，面试官嫌我技术深度不够，理解不透彻！功夫不负有心人！用了两天时间，本大神终于把这个闭包搞的，一塌糊涂了。。。额！
来，来，来！观众老爷们，跟我到小黑屋里聊聊，我们从变量->作用域->闭包这个姿势搞下，看本大神实力把观众老爷们，将这个闭包问题，说的彻彻底底，彻底迷糊了~_~!

变量

在js中，变量就分为两种：全局变量和局部变量

• 全局变量：在全局起作用的变量，作用域为全局
• 局部变量：在局部起作用的变量，作用域为局部

那么在js中，如何区别两者呢？js中，只有一种方法来声明局部变量，就是在方法体中，function里面；js没有java或c中的块级作用域的概念。简单说就是，在function里面的就是局部变量，在外面的就是全局变量。可以把function想象成电影里面那种密室，从里面可以看到外面，从外面看墙是镜子，只能看到自己。但在里面，既能知道里面有啥，还知道外面有啥。

其实还有一种特殊情况，局部变量中的局部变量，就是function嵌套；密室套密室，外层密室看内层密室，同样墙是面镜子，只能看到自己。

在ES6之前，只有函数能产生局部变量，函数就是小密室，它能把内部的东西隐藏起来，不被外部访问到；所以，在函数内部就是局部变量，在外部就是全局变量。ES6之后增加了像java一样的块级作用域，这在之前是没有的，有兴趣的可以去了解下。

1
2
3
4
5
6
7

function test(){
    var a = 1;
}
console.log(a); //Uncaught ReferenceError: a is not defined
/*
	a被声明在函数中，所以它是局部变量，在外部访问会报"ReferenceError"错误
*/

围绕变量就出现了作用域，作用域链两个东西

3-3走路的实现

前言

这节课很简单，是旧知识的温习，没新内容。与第二节【2-2页面之间的卷滚切换效果】中的实现一样，2-2中是让背景动起来，本节是让人物动起来，道理是一样的。我只贴出css3的实现，js实现请回看2-2。我可以把思想说下，就是利用定时器循环调用js方法，去改变boy这个div 的left值。
注：每节课的代码都是copy上一节的代码基础上改的，看不懂请回退。
所有章节，与慕课上的章节一一对应。慕课地址：传送门 走你！

3-2精灵动画的实现

前言

本节课重点难点是css3部分，其实说难，是相对的，对比无脑的写个<div></div>标签要难些。明白css3 animation用法也就很简单了。置于雪碧图原理没什么，就是把一堆小图放在合成在一张图片上，减少http请求数，做前端性能优化用。然后主要通过background-repeatbackground-position定位你要显示那一块小图。
注：每节课的代码都是copy上一节的代码基础上改的，看不懂请回退。
所有章节，与慕课上的章节一一对应。慕课地址：传送门 走你！

3-1布局的自适应动态调整

前言

​ 本节他主要想实现的效果是，不管你的浏览器窗口有多大，都能将小男孩定位到路的中间。就像他写的那个公式，小男孩头顶距离窗口顶部的距离+小男孩的身高=小男孩脚底板距离窗口顶部的距离(也就是路中间的点top值)，即小男孩的top值 + 小男孩的自身height = 小男孩应该站的位置坐标。
有视频的课大家直接看视频，我直接对着没视频的课代码撸起！
​ 请注意章节，与慕课上的章节一一对应。慕课地址：传送门 走你！

2-3页面切换部分的代码封装

前言

​ 本节没有继续进行主剧情，主要是对代码进行整理，封装是为了后面开发能简化、复用。所以这节也是很有必要的。也用到一些闭包的知识，闭包的主要优点，是隔离的作用域。你在方法里定义的变量不会污染全局变量。这个如果暂时理解不了，先往下进行，慢慢的就会有体会了。
有视频的课大家直接看视频，我直接对着没视频的课代码撸起！
​ 请注意章节，与慕课上的章节一一对应。慕课地址：传送门 走你！

2-2页面之间的卷滚切换效果

前言

​ 本节主要用到了css3的一个过渡属性，做本节之前可以上w3c去看下css3的transform用法，其实也没什么高深的东西。
​ 有视频的课大家直接看视频，我直接对着没视频的课代码撸起！
​ 请注意章节，与慕课上的章节一一对应。慕课地址：传送门 走你！

2-1页面的横向布局

前言

​ 对imooc上一个关于html5+css3 的课程《七夕言情》进行纯原生js改版，没有别的额外意思，只是想在实现这一课程时，使用别的实现方式会加深印象。我会在一些点上增加些代码解析，有助于新手理解。
​ 对于没学过jquery的童鞋来说，可能值得一探究竟的。
​ 有视频的课大家直接看视频，我直接对着没视频的课代码撸起！
​ 请注意章节，与慕课上的章节一一对应。慕课地址：传送门 走你！