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>

 

posted @ 2017-07-25 11:32  GHai  阅读(139)  评论(0编辑  收藏  举报