天一阁

vue是一段js代码，前端开发框架，体积小，运行速度快，特性丰富。在youtube上，vue的课程很多，其中Vue JS 2 - The Complete Guide，这个课程我觉得讲的挺好，他符合欧美讲师的特点，总是从一个特别简单的例子，一步步把学生或听众带到比较复杂的问题上。这种教学方式，国内的老师总是学不会。

这么课程在udemy上买的很贵，但是在B站上却有完整的视频，链接在这里，不用花钱了，但是这位讲师是来自德国，他的英语发音要完全听懂也是费尽，好在计算机的课程的术语大家都能听懂。

Javascript的对象

在JS中也有对象，但是就是感觉怪异。他的对象看上去就是一个map

1
2
3
4
5
6
7

var bmiCalc = {
  height : 1.80,
  weight : 68,
  bmi : function(){
    console.log(this.weight/(this.height*this.height));
  }
}

想想可能也对，一个对象最重要的不就是属性么？相同类的不同实例对象，不就是属性不同么。我感觉js的对象一定是后加上的特性，估计在最初设计这门语言时，其实并没有对象的这个概念，而是后来加上的。现在js的属性不仅仅可以是内置数据类型，比如整形，字符串，也还能是对象，甚至是函数。因为javascript里面有个匿名函数的概念，匿名函数就是一个函数，但是没有名字，我想可能就是一个指针，然后赋值给一个变量，然后通过变量加括号，来调用函数。也许想的不对，主要是关于开发一门语言所用的编译原理还是不能掌握，后面慢慢学。

接着说对象，如果一个js对象的某个属性是函数，那这个属性就成了方法，比如做个BMI测算。内部方法如果要使用属性（以前不都是叫成员变量么，妈的，世界为啥变化这么快）需要使用this，js里面的this还比较麻烦，他的this和java,C++这样的语言不一样，这篇文章深入浅出 JavaScript 中的 this讲的还不错。

网页上加vanila modal

模态框就是显示在当前页面上面的一个对话框或弹出窗口

最简单的方式就是做一个宽高都是100%的div，相当于能够用所谓半透明的遮罩覆盖整个屏幕，然后在这个div里面加入各种数据，看上去像是一个对话框一样，其实就是在切换一个层的显示和隐藏。模态层默认是不显示，当某些click事件被触发以后，就可以显示了。具体操作方式就是通过js将对应div的display css属性在none和block之间进行切换。

最近在开发一个网站时，发现别人的网站在桌面访问和手机访问时，都能有很好的布局。而我的这个网站只能在PC上访问，在手机上访问时，内容就变得很小。于是就想把@media仔细学习一下，看看究竟这是什么功能，顺便研究下很早之前就听说的"响应式设计"。

CSS3之前的一些动画，都是通过JS的setTimeout函数，用定时器设置DOM元素的属性，以实现动画。

现在一些简单的动画，可以通过CSS3自带的属性来实现，简单方便。

一直觉得可以吸附在顶部的导航条很神奇，今天仔细研究了一下，记录在此。其实主要用到的就是window.scroll 事件，当导航条移动到浏览器顶部时，就固定住，如果又下移到非顶部了，则恢复原来的样式。通过绑定scroll事件，调整DOM元素的postion样式，在static和fixed两个属性之间进行切换。

这两天最近挺茫然的，花了一个月的时间学了一点VUE，做了一个号称最好的背单词的WebApp，然而却没人使用，😆。进而开始反思，甚至是怀疑和否定自己了。

##Nginx配置说明

Nginx是目前非常流行的Web server。它可以高效的处理多并发网络请求，可以比较简便的配置成Web server或者mail server，又或者可以作为反向代理服务器来使用。Nginx除了高性能，功能全，还有配置灵活的特性，通过配置可以实现很多复杂的功能，尤其是Server， Location，Rewrite的配置。

连学带做2个月的小项目<www.imvocab.com> 终于上线了，然而我并不是特别开心。

把地址扔到一个群里去，发现根本没什么人会用。这个项目我可是第一个从头至尾做的web类项目。有时候真的是感叹，人生太多偶然性，但又全是因为自己的思维习惯、行为模式导致的。

Atom好像要比Vim好用一些，看来要习惯一下才行。记录一些常用的快捷键和插件，不断更新中