JavaScript基础知识汇总】的更多相关文章

1. 图片热区: <img src="logo.jpg" usemap="#logo"> <map id="logo" name="logo"> <area shape="rect" coords="0,0,50,50" href="#"> </map> </img> 2. SetTimeout:只执行一次…
1.循环:while 和 for while 循环 while(condition){ //代码 循环体 } do ... while  循环 let i =0; do { //循环体 }while(condition) let i = 0; do{ alert(i); i++; }while(i) for 循环 for(begin;condiion;step){ //循环体 } for(let i = 0; i ; i++){ alert(i); } 省略语句段 for 循环 的begin语句…
1.基本类型与对象的区别 基本类型:是原始类型的中的一种值. 在JavaScript中有6中基本类型:string number  boolean  symbol  null  undefined 对象类型:能够存储多个值作为属性 可以使用大括号{}创建对象,例如:{name:"xiao",age:23}..JavaScript中还有其他种类的对象,例如函数就是对象. 2.作为对象的基本类型 1)基本类型仍然是原始数据,如预期相同,提供单个值 2)JavaScript允许访问字符串数字…
1.垃圾回收 JavaScript 的内存管理是自动的,不能强制执行或者阻止执行 可达性 JavaScript中主要的内存管理概念是可达性. 什么是可达性? 定义一个对象 let user = { name:"XiaoMing" }; user 应用了这个对象. 通过 user.name 可以取到“XiaoMing"这个值,则认为XiaoMing这个值是可达的. 当 user= null:  ”XiaoMing“ 这个值就不可达了,此时JavaScript的垃圾回收机制就会自…
1.运算符 术语或者叫法:一元运算符.二元运算符.运算元(参数) let x=0; x=5+2; //5和2为运算元,“+” 为二元运算符: x=-x; //"-" 为一元运算符 字符串连接功能,二元运算符 + 示例: let s = "my" + "string"; alert(s); // mystring alert( '1' + 2 ); // "12" alert( 2 + '1' ); // "21&qu…
1.<script> 标签 1) 可以通过<script> 标签将javaScript 代码添加到页面中 (type 和language 属性不是必须的) 2)外部的脚本可以通过 <script src="path/*.js" > </script> 这种方式插入 示例1: <!DOCTYPE HTML> <html> <body> <p>script 标签之前...</p> &…
1.Class 在JavaScript中 calss即类是一种函数 基本语法 class Myclass{ constructor(){} method1(){} method2(){} method3(){} } 示例: class User{ constructor(name){//构造函数 this.name = name; } sayHI(){//属性方法 alert(name); } } //使用方法 let user = new User("XiaoMing"); user…
1.数组 特点:数组是可以存储有序集合的对象. 声明: let arr = new Array();   let arr=[]; 大多数情况下我们使用第二种. let fruits = ["apple","orange","plum"]; fruits[]="Pear";//对数组的更改 fruits[]="Lemon"; 数组元素增加 let arrLength = arr.lenght; //数组的长度…
1.New Function 语法:let func = new Function ([arg1[, arg2[, ...argN]],] functionBody) //无参数示例: let sayHi = new Function('alert ("Hello")'); sayHi();//Hello //有参数示例 let sum = new Function('a','b','return a + b'); alert(sum(1,2));//3 2.调度:setTimeout…
1.柯里化和偏函数 偏函数 假如一个函数有两个参数,然后第一个参数我们调用的时候是确定的,那么我门就可以创建一个偏函数来简化参数传递的问题 示例 function mul(a,b){ return a * b; } let double = mul.bind(null,2); alert(double(3));//=mul(2,3) =6 let triple = mul.bind(null,3); alert(triple(3));// = mull(3,3)=9 无上下文使用偏函数 func…
1.属性的标志和描述符 属性的标志 对象属性除value外还有三个特殊属性,即标志 writable ----如果为true,则可以修改,否则它只是只读的. enumerable ----如果为true,则可在循环中列出,否则不列出. configurable -----如果为true,则此属性可以被删除,相应的特性也可以被修改,否则不可以 得到这些标志的语法: let descriptor = Object.getOwnPropertyDescriptor(obj,propertyName);…
1.对象 概念:对象可以通过花括号{...} 和其中包含一些可选的属性来创建. 属性时一个键值对,键是一个字符串,值可以是任何类型. 对象的创建 let user = new Object(); //构造函数 的语法 let user = {}; //"字面量" 的语法 对象的属性: let user = { //一个对象 name : "John", //键“name" ,值"John" age:30 //"键”age“ ,…
一.标签.代码结构.现代模式.变量.数据类型.类型转换 GO 二.运算符.值的比较.交互.条件运算符.逻辑运算符 GO 三.循环 while 和 for .switch语句.函数.函数表达式和箭头函数 GO 四.对象(创建.属性的添加和删除.对象中括号的使用,属性计算,属性值简写,检查,for .. in 循环,引用复制,比较引用,常量对象,对象复制合并)GO 五.垃圾回收.Symbol类型.对象方法和this.构造函数和操作符 new GO 六.基本类型和对象的区别,作为对象的基本类型,数字类…
1.模块简介 什么是模块: 模块就是一个文件,一个脚本,通过关键字export 和 import 交换模块之间的功能. export 关键字表示在当前模块之外可以访问的变量和功能. import 关键字允许从其他模块中导入一些诸如函数之类的功能. 使用示例: 文件 say.js export function sayHi(user) return `Hello ,${user}!`; } 文件index.html <!doctype html> <script type="mo…
1.回调 什么是回调? 个人理解,让函数有序的执行. 示例: function loadScript(src,callback){ let script = document.createElement('script'); script.src = src; script.onload =()=>calllback(script); document.head.append(script); } loadScript('src',script=>{ alert('ok'); }); 也可以在…
1.Map Set WeakMap 和WeakSet Map 是一个键值对的集合,主要的方法包括: new Map() 创建Map map.set(key,value)  根据键(key)存储值(value). map.get(key) 根据键返回值,如果map中该值不存在,返回undefined map.has(key) 如果键值存在,返回true,否则返回false map.delete(key) 移除该键的值 map.clear()   清空map map.size   返回当前元素个数…
1.Rest 参数 与 Spread 操作符 当我们在代码中遇到“..."时,它不是Rest参数就是Spread操作符 区分方法: 若...出现在函数的参数列表,那它表示的就是Rest参数,它会把函数多余的实参收集到一个数组中. 1 function sumAll(...args) { // 数组变量名为 args 2 let sum = 0; 3 4 for (let arg of args) sum += arg; 5 6 return sum; 7 } 8 9 alert( sumAll(…
jquery基础知识汇总 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQuery对象 jQuery产生的对象时jQuery独有的,只能自己调用 书写规则 支持链式操作: 在变量前加"$"符号(var $variable = jQuery 对象): 注:此规定并不是强制要求. 二.寻找元素 选择器 基本选择器.层级选择器.属性选择器  与CSS类似,这里不再细说,…
Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> &l…
通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascript中,由于javascript的动态性(解释执行,当然也有简单的预编译过程),this的指向在运行时才确定.这个特性在给我们带来迷惑的同时也带来了编程上的自由和灵活,结合apply(call)方法,可以使JS变得异常强大. this指向的对象,可以通过以下三点区分: .当函数仅仅作为函数执行的时…
总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示. 由于代码中使用了console.log或dir方法,因此如果在ie中执行,请自行替换为alert或注释掉. 第三节 - ()()用法 在JS中,有一种特殊的写法,就是两个小括号,如下(代码一): (function(){ console.log("执行"); })(); 这段代码会在页…
沉淀,再出发:Java基础知识汇总 一.前言 不管走得多远,基础知识是最重要的,这些知识就是建造一座座高楼大厦的基石和钢筋水泥.对于Java这门包含了编程方方面面的语言,有着太多的基础知识了,从最初的语法,对象的定义,类.接口.继承.静态.动态.重载.覆盖这些基本的概念和使用方法,到稍微高级一点的多线程,文件读写,网络编程,GUI使用,再到之后的反射机制.序列化.与数据库的结合等高级一点的用法,最后将设计模式应用其中,产生了一个个新的概念,比如Spring.Spring MVC.Hibernat…
前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码: yvxo,文章中的每个案例后面都有对应的序号. 1. BOM 基本概念 BOM(Browser Object Model):浏览器对象模型,提供了一套操作浏览器的工具. BOM中包含的内容很多,但是有很多东西是用不到的.在BOM中我们需要掌握定时器. 2. window 对象 window对象是一个全局对…
javascript这个语言庞大而复杂,我用了三年多了,还是皮毛都不会.从刚开始的jquery,到后来的es6,每天都在学习,每天都在忘记. 1.禁止手机虚拟键盘弹出 在开发适配手机的页面时,出现了这么一个现象,我用了input标签,点击弹出一个选择框,就是那种picker组件,在手机上点击就会出现虚拟键盘,这个必须去掉.第一种是为input加入readonly属性,第二种用js代码的document.activeElement.blur() 123 $("#datePicker").…
开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用代码和事件汇总. 一.基础知识: 1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,scr…
只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN (不是一个数字).对 null 值和 undefined 值作比较总是相等的.null和undefined拼接string字符时相当于'null'和'undefined'字符串拼接. 如: null+2=2; null*4=0; undefined+2=NaN; null==undefined /…
这篇主要说一下在源码中jquery对象是怎样设计实现的,下面是相关代码的简化版本: (function( window, undefined ) { // code 定义变量 jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); }, // code 定义变量 jQuery.fn = jQuery.prototype = { jquery: core…
JavaScript的简介 javascript是一门动态弱类型的解释型编程语言,增强页面动态效果,实现页面与用户之间的实时动态的交互. javascript是由三部分组成:ECMAScript.DOM.BOM ECMAScript由ECMA-262定义,提供核心语言功能(ECMA是欧洲计算机制造商协会) DOM(Document Object Model)文档对象模型,提供访问和操作网页内容的方法和接口 BOM(Browser Object Model)浏览器对象模型,提供与浏览器交互的方法和…
JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. JS作用:表单验证,减轻服务端的压力:添加页面动画效果:动态更改页面内容:Ajax网络请求. 下面简单介绍JS的基础知识: >>> JS基础知识 一.基本结构 <script type="text/javascript"> alert("hahaha"); </script> 二.使用JS的三种方式 1.直接在HTML标签中,使用…