中级php ajax快速入门视频教程

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言，而是一种使用现有标准的新方法，最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容，不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。《php ajax快速入门视频教程》带你快速了解这知识！

中级Javascript - ES6实战视频课程

《Javascript - ES6实战视频课程》讲解了运行环境已支持的 ES6 特性，而忽略掉未支持的特性，随着 Node.js 、babel 和浏览器等 ES6 运行环境的逐步支持，本套视频课程的内容也会补充。这样授课的好处是可以让学员直接在开发中实际的应用 ES6 新特性，也避免学习那些未支持的特性造成的混淆。

闭包的定义：

闭包指有权访问另一个函数作用域中的变量的函数。

这里采用另外一种定义：

当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数在定义时的词法作用域以外的地方被调用。

第一点：JavaScript是基于词法作用域的，词法作用域意味着作用域是由书写代码时函数声明的位置来决定的。
词法作用域查找规则：作用域查找会在找到第一个匹配的标识符时停止。在多层的嵌套作用域中可以定义同名的标识符，这叫作“遮蔽效应”（内部的标识符“遮蔽”了外部的标识符）。抛开遮蔽效应，作用域查找始终从运行时所处的最内部作用域开始，逐级向外或者说向上进行，直到遇见第一个匹配的标识符为止。
无论函数在哪里被调用，也无论它如何被调用，它的词法作用域都只由函数被声明时所处的位置决定。
第二点： JavaScript 具有基于函数的作用域，函数是 JavaScript 中最常见的作用域单元。函数作用域的含义是指，属于这个函数的全部变量都可以在整个函数的范围内使用及复用（事实上在嵌套的作用域中也可以使用），外部作用域无法访问包装函数内部的任何内容。
第三点：JavaScript中的function是first-class object
1）可被赋于变量，数组元素和其他对象的属性（property）
2）可以作为参数传递给函数
3）可以作为函数的返回值
第四点：闭包

function foo() { var a = 2; function bar() { console.log( a ); // 2。bar()对 a 的引用的方法是词法作用域的查找规则，而这些规则只是闭包的一部分 } bar(); } foo();

上面代码其实并没有真正使用闭包，闭包的应用一般分两种情况——函数作为返回值，函数作为参数传递。
改写上面的代码：

function foo() { var a = 2; function bar() { console.log( a ); } return bar;//函数作为返回值}var baz = foo(); baz(); // 2 —— 朋友，这就是闭包的效果。

这里函数 bar() 的词法作用域能够访问 foo() 的内部作用域。然后我们将 bar() 函数本身当作一个值类型进行传递。在这个例子中，我们将 bar 所引用的函数对象本身当作返回值。
在这个例子中，bar() 在自己定义的词法作用域以外的地方执行。foo()函数返回后其内部作用域依然存在，bar() 依然持有对该作用域的引用，而这个引用就叫作闭包。
再写一个函数作为参数传递的例子：

var max = 10, fn = function(x) { if (x > max) {//注意词法作用域规则，这里的max是10，而不是100. console.log(x); //15 } }; (function(f) { var max = 100; f(15); })(fn);

第五点：JavaScript的垃圾回收机制GC

在js中，如果一个对象不在被引用，那么这个对象会被GC回收，否则这个对象会一直保存在内存中

第六点：执行环境、活动对象、作用域以及作用域链

某个执行环境中的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数也随之被销毁。
当某个函数被调用时，会创建一个执行环境及相应的作用域链，使用arguments和和其它命名参数的值来初始化活动对象。

但是有些情况下，函数调用完成之后，其执行环境的作用域链会被销毁，但是它的活动对象仍然留着内存中。这就是需要理解闭包的核心内容。

以上就是对js闭包的简单理解 的详细内容，更多请关注php中文网其它相关文章！

学习了vue.js也有一段时间了，做了个小demo来熟悉一下，很常见的demo，-------轮播图，没学vue之前的轮播图用JavaScript或者jquery都非常简单，发现用vue来写也挺有意思的。说下简单的思路，图片的轮播用v-if或者v-show来代替原来的Js滑动，过度效果用transition可简单实现，注意，滑动过程中是能看见两张图的，所以要用两个transition。

（1）先写出整体的框架

<template> <p class="slide-show"> <p class="slide-img"> <transition name="slide-trans" > <img v-if='ifshow' :src='imgArray[nowindex]'> </transition> <transition name="slide-trans-old"> <img v-if="!ifshow" :src="imgArray[nowindex]"> </transition> <ul class="slide-pages"> <li v-for="(item,index) in imgArray"> <span :class="{on :index===nowindex}" @click="goto(index)"></span> </li> </ul> </p> </p> </template>

根据imgArray这个照片的数组渲染小圆点的数量，为span绑定on为小圆点点亮的状态，照片的显示隐藏通过自定义变量ifshow来显示，nowindex则控制轮播对应的照片。

（2）轮播图的数组，如果是本地的图片，而且不放在static文件下的，请用require圈上路径，否则路径会报错。如果是从后台服务器获取的则不需要。

data(){ return{ imgArray: [ require('../../img/item_01.png'), require('../../img/item_02.png'), require('../../img/item_03.png'), require('../../img/item_04.png') ] } }

（3）主要就是通过改变自定义变量nowindex来改变轮播图的状态，要注意滑动的过程是能看见两张图的，所以在goto函数中设置了一个短暂的定时器，让一张显示另一张隐藏，分别加上不同的过度效果。

<script type="text/javascript">export default { props: { imgArray: { type:Array,default:[] } },data() { return { ifshow:true,nowindex:0, } },created() { this.timerun() } ,computed: { nextindex() { if(this.nowindex === this.imgArray.length -1) { return 0 } else { return this.nowindex + 1 } } } ,methods: { goto(index) { let that = this; this.ifshow = false; setTimeout(function() { that.ifshow = true; that.nowindex = index; } ,100) } ,timerun() { let that = this; setInterval(function() { that.goto(that.nextindex) } ,2000) } } } 到这里，这个简单的轮播图就到此结束了。 </script>

以上就是使用vue.js实现简单轮播 的详细内容，更多请关注php中文网其它相关文章！