2018-02-07 把MVC的VC加到简历里

1、加轮播
直接用swiper的库
$ npm install swiper

image.png

引入swiper.min.css和swiper.min.js

image.png

看下全局对象有没有引入

image.png
image.png
image.png

代码粘贴完，然后修改

image.png

初始化swiper

image.png

然后让轮播好看点，修改代码

去掉滚动条

image.png
image.png

问题：slide3到slide1会有一个空隙

image.png

代码多复制了...
CSS，谁写在后面谁的有限级高

image.png

MVC思想
为了解决一写代码就忘记的问题
根据不同的功能来写到不同的js里
模块化
MVC的前提是代码模块化
目前代码的问题：
每个模块里用var声明的变量是全局变量（在哪里都可以使用）
全局变量可以互相骚扰
那就用局部变量，在ES6之前，函数里面才是局部变量
错误例子：用一个花括号把代码括起来，这c，c++是可以的，但是js不行，因为var变量会变量提升

正确方法：声明一个函数括起来，然后再执行这个函数
function(){

}.call()
即立即执行函数
但是chrome会报错误，解决方式在function前面加!

image.png
image.png

如果在括号前面加了比如xxx
(function(){}).call()，那么浏览器会把两行变成一行，即xxx(function(){}).call()，则就有问题了
!就是最好的

问题：那如果2个模块就是要有联系呢？
方法一：让要联系的东西放到window里

image.png

方法二：用闭包

image.png
image.png image.png

返回了匿名函数的函数

初步VC思想

image.png

C思想再改进下

再改进下

image.png

箭头函数没有this
箭头函数的内外this是一样的

image.png

再更新下

image.png