书写青春

生活点滴


  • 首页

  • 归档

  • 标签

  • 分类

  • 关于

linux下nodejs安装oracle驱动

发表于 2018-03-14 | 分类于 服务器 | | 阅读次数

问题

用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,则需要升级。

阅读全文 »

解决移动端boder边框1px渲染成2px的问题

发表于 2018-03-01 | 分类于 前端 | | 阅读次数

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的博客

原型链

发表于 2018-02-28 | 分类于 前端 | | 阅读次数

闭包是什么?密室逃脱,哇擦!有人在马桶下偷窥!

发表于 2018-01-30 | 分类于 前端 | | 阅读次数

今天我想有别于其他作者,以密室逃脱主题来聊聊闭包这个鬼东西,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"错误
*/

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

阅读全文 »

七夕项目js实现-3-3

发表于 2017-08-26 | 分类于 前端 | | 阅读次数

3-3走路的实现

前言

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

阅读全文 »

七夕项目js实现-3-2

发表于 2017-08-25 | 分类于 前端 | | 阅读次数

3-2精灵动画的实现

前言

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

阅读全文 »

七夕项目js实现-3-1

发表于 2017-08-24 | 分类于 前端 | | 阅读次数

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

前言

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

阅读全文 »

七夕项目js实现-2-3

发表于 2017-08-23 | 分类于 前端 | | 阅读次数

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

前言

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

阅读全文 »

七夕项目js实现-2-2

发表于 2017-08-22 | 分类于 前端 | | 阅读次数

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

前言

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

阅读全文 »

七夕项目js实现-2-1

发表于 2017-08-21 | 分类于 前端 | | 阅读次数

2-1页面的横向布局

前言

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

阅读全文 »
12
柴旭红

柴旭红

17 日志
3 分类
13 标签
RSS
推荐阅读
  • 爱咖啡
  • 80iter
  • 阮一峰
柴旭红 2018 © 京ICP备17035556号-1 2017 -
由 Hexo 强力驱动
主题 - NexT.Mist