bootstrap源码jQuery插件之button.js源码分析笔记

架不住移动端的兼容的诱惑，bootstrap随着学习，它的强大以及可以让我学习的地方众多。今天又来写写button.js这个相对简单的按钮插件，写完这篇文章，估计我对js又有新的提高和巩固。本文只是作为本人笔记，看法，不保证对，也很肤浅，大神绕道。

个人认为知识点：jQuery插件：能够进一步学会如何封装某个js库的插件，能够学习更多平时不常用却比较重要的js语法基础

bootstrap的js源码：能够更好的理解bootstrap框架动态效果展示

bootstrap的css3和js的配合使用：它大量使用css3动画效果，transition，transform用的666

虽然bootstrap使用频率很高，也相对好用，但还是非常多人反对直接使用它，理由各式各样，但无可否认，它是最受欢迎的前端样式框架，既然大受欢迎，对于我这种菜鸟来说，还是值得好好研读。研究它的使用，研究它的源码，研究框架分工，各个分工的实现，less代码编译工具使用等等。

回归正题，buttonjs源码分析笔记开始。

首先jQuery插件通用写法，匿名立即执行函数，传入实参jQuery，形参$。这给我们一个启示，制作某个js库的依赖插件库，都是要传入那个js库的参数；由于js语言的特性，为了避免变量污染，都需要立即执行函数隔离变量，需要暴露的变量注册为全局变量。

+function($){
//........
}(jQuery);

严格模式：最直接的目的是逐步淘汰掉以前js语法中的糟粕；消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为；消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的Javascript做好铺垫。随着es6标准的逐步落地实现，随着各个大项目，开源框架vue、 angular等使用es6，养成使用严格模式习惯，是非常重要的。

'use strict';

使用严格模式，会禁止使用某些关键字，变量必须事先var 声明等等，在某些程度上改变js原来的宗旨：宽松，动态，脚本。时过境迁，毕竟以前js承担任务不多，现在浏览器发展，前端作用越来越强，js做出限制以及增加是必须的，不过感觉越来越向强类型语言靠拢的感觉。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！