随笔分类 - JaveScript课程
摘要：1、bootstrap简介 1.1、什么是bootstrap？ 来自于Twitter，是目前很受欢迎的前端框架之一 2011年8月在GitHub上发布的开源产品 是一个用于快速开发web应用程序和网站的前端框架 支持响应式布局。(响应式布局指的是一个网站能够兼容多种终端设备访问) 1.2、部署boo
阅读全文
摘要：1、插件 1.1、类级插件 // 扩展在$.extend()下面：扩展工具方法 如：$.map() $.each() ; (function ($) { $.extend({ 插件名1: function () { }, 插件名2: function () { } }); })(jQuery); /
阅读全文
摘要：1、jQuery预制动画 1.1、显示隐藏 宽、高、透明度同时改变 通常情况下，仅仅就是实现显示隐藏的效果。替换css的display显示和隐藏。 $(selector).show(speed, easing, callback); 显示 $(selector).hide(speed, easing
阅读全文
摘要：1、class操作 jQuery对象.addClass('class名'); 添加，一次可以添加多个 jQuery对象.removeClass('class名'); 删除，一次可以删除多个 jQuery对象.toggleClass('class名'); 切换，如果有这个class名，则删除；没有则添
阅读全文
摘要：1、初识jQuery 1.1、什么是jQuery jQuery是一个优秀的JavaScript库，是一个由John Resig创建于2006年1月的开源项目。jQuery是一个快速、小型、功能丰富的JavaScript库。其设计的宗旨是“write less，do more”，即倡导写更少的代码，做
阅读全文
摘要：// 获取：localStorage.getItem(key); 获取的是字符串 // 设置：localStorage.setItem(key, value); value只能是字符串，如果不是字符串，会隐式转换为字符 // 删除某个key：localStorage.removeItem(key);
阅读全文
摘要：1、扩展原型上的方法 1.1、原码中的构造函数 Number String Boolean Function Array Object RegExp Date Error 1.2、扩展字符串的index()方法 兼容IE8及以下 if (!Array.prototype.indexOf) { Arr
阅读全文
摘要：1、编程思想 面向过程：面向过程思想强调的是步骤，当碰见问题时，思考的是“我该怎么做”，分析出解决问题所需的步骤，一步步的去实现。 面向对象：面向对象思想强调的是对象，当碰见问题时，思考的是“我该让谁来做”。这个“谁”其实就是对象。找合适的对象做合适的事情。而对象如何去做（采用什么样的步骤）我们就不
阅读全文
摘要：1、回调函数 回调函数：将函数作为参数传给另一个函数执行的函数，是解决异步操作的有效途径。 回调函数是某件事执行完了，再做的事。 异步：在做某一个操作的时候，其他的操作可以继续执行，如：定时器、事件绑定。 同步：在做某一个操作的时候，其他的操作只能等待。 setTimeout(function ()
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：1、事件基础 1.1、事件函数 当事件被触发时调用的函数就是事件函数 function fn() { console.log('我执行了'); } div.onclick = fn; // fn是一个事件函数 fn(); // fn不是事件函数 1.2、事件对象 事件对象：当一个事件发生的时候，跟这
阅读全文
摘要：1、BOM window是js中最大的对象，表示窗口，包含document document是文档对象，表示HTML 所有JavaScript全局对象、函数以及变量均自动称为window对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。 // 我们声明的全局变量或全局函
阅读全文
摘要：1、获取节点 1.1、节点 加载HTML页面时，web浏览器生成一个树型结构，用来表示页面内部结构，称之为DOM树，DOM将这种树型结构理解为节点组成。 <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com
阅读全文
摘要：1、数组的迭代方式 迭代：循环、遍历 IE8及以下不支持 1.1、forEach 作用：没有返回值，代表for循环数组 // 数组.forEach(function (数组项, 数组下标, 数组本身) { }); // 作用：没有返回值，代表for循环数组 var arr = ['刘备', '关羽'
阅读全文
摘要：数组：使用单独的变量名来存储一系列的值。数组可以存储任何数据类型。 1、数组创建 // 1、字面量 推荐使用 var arr = []; // 创建一个空数组 var arr = [1, 2, 3]; // 创建时有内容 var arr = [3]; // [3] var arr = [1, '小王
阅读全文
摘要：1、对象简介 在javaScipt中，一切皆为对象或者皆可以被用作对象 宿主对象：window，document 内置对象：Number String Boolean Array数组 Object Function Error错误对象 Date时间对象 RegExp正则 自定义对象：new XX()
阅读全文
摘要：1、定时器 超时调用： 超时定时器：延迟执行，延迟某个特定的时间开始执行，只执行一次 一般用于咨询弹窗、网站广告弹窗等相关操作 语法： 设置：var 定时器标示 = setTimeout(函数,毫秒); 清除：clearTimeout(定时器标示); 间歇调用： 间歇调用：隔某段时间就会执行一次，会
阅读全文
浙公网安备 33010602011771号