05 2021 档案
摘要:1、函数扩展 1.1、箭头函数基本用法 主要用在回调函数中,如map、forEach等,一般不用在事件函数和对象方法中。 语法:箭头函数通过声明变量的形式去定义它(本质上是变量中存储了一个箭头函数) let 变量名 = ( 参数 )=>{ ......代码块 return 返回值 } 参数相关特性
阅读全文
摘要:ECMAScript6简介 1、JavaScript遗留问题(ES5之前的一些问题) 弱类型语法造成的程序不可预测性(比如:未声明变量即可使用) 语法过于松散,实现相同的功能,不同的人可能会写出不同的代码 2、为什么使用ES6 es6的语法和新增一些函数,帮我们解决了一些问题,和提升一些开发效率 。
阅读全文
摘要:1、Git作用 工作中必用,不是写代码的,而是维护代码的一个工具。在团队协作开发中,它的优势非常明显。 2、版本的概念 (1)初指一种书籍经过多次传抄、刻印或以其他方式而形成的各种不同本子。随着时代的发展,版本也开始应用于影视、软件等事物上,形容事物相同但介绍方法等不同的两个事物。 (2)软件版本编
阅读全文
摘要: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
阅读全文

浙公网安备 33010602011771号