js杂记
1.indexOf()的用法
//判断 a 是否包含 b
if(a.indexOf(b) != -1) { console.log("a不包含b"); }
2.javascript中 == 和 === 的区别
1、对于string,number等基础类型,==和===是有区别的 1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等 2)同类型比较,直接进行“值”比较,两者结果一样 2、对于Array,Object等高级类型,==和===是没有区别的 进行“指针地址”比较 3、基础类型与高级类型,==和===是有区别的 1)对于==,将高级转化为基础类型,进行“值”比较 2)因为类型不同,===结果为false
3.javascript区分大小写。
javascript区分大小写
4.Respond.js 和 html5shiv.min.js
html5shiv.js:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。
Respond.js: 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器
提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。
让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的,
下面是两个解决方法的cdn地址写法:
<!--[if lt IE 9]> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script> <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <![endif]—>
5.bootstrap.js
Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。
6.Bootstrap Less
LESS是一个 CSS 预处理器,让 CSS 具有动态性。
另一方面,Bootstrap 是一个快速开发 Web App 和站点的工具包。
这样,您可以在 CSS 中使用 Bootstrap 的 Less 变量、mixins(混合)和 nesting(嵌套)。
7.sweet-alert.js
SweetAlert是一款使用纯js制作的消息警告框插件。这款消息警告框插件能够很容易的在警告框中插入图片、动画等元素,是替代原生消息警告框的最佳选择。
8.加载完成后执行js代码
使用JQuery: $(document).ready(function(){ }); 简化后: $(function(){ }); 原生js: window.onload=function(){ }
9.JQuery在线引用地址
<script src="http://code.jquery.com/jquery-latest.js"></script>