Html+Javascript
文章平均质量分 77
.NET跨平台
比较认真。编程就是算法和数据结构,算法和数据结构是编程的灵魂。
展开
-
html下拉框(select元素标签)的基本操作
1、获取单个select框的选中值。js方法获取:获取value值:var value = document.getElementById("select_ID").value;获取text值:var selectObj= document.getElementById("select_ID");var text=selectObj[selectObj.selectedInd转载 2018-03-03 16:23:02 · 7242 阅读 · 0 评论 -
百度地图API的使用
1.初始化地图,并设置地图中心点var map = new BMap.Map("allmap"); // 创建Map实例map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别当然也可以根据城市名称设置地图的中心点:map.centerAndZoom("上海",15); map.addCo转载 2018-03-05 21:44:12 · 3798 阅读 · 0 评论 -
JavaScript实现两个对象数组合并去重
Index.html<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title>原创 2018-03-23 09:42:11 · 4598 阅读 · 0 评论 -
JavaScript标准库(一)【内置对象】
本章介绍和说明了 JavaScript 中所有的标准的内置对象、以及它们的方法和属性。全局的对象( global objects )或称标准内置对象,不要和 “全局对象(global object)” 混淆。这里说的全局的对象是说在全局作用域里的内置对象。“全局对象 (global object)” 是一个Global类的对象。可以在全局作用域里,用this访问(但只有在非严格模式下才可以,在严格模转载 2018-03-25 14:26:03 · 863 阅读 · 0 评论 -
JavaScript标准库(二)【Object】
Object 构造函数创建一个对象包装器。语法// 对象初始化器(Object initialiser)或对象字面量(literal){[nameValuePair1[, nameValuePair2[, ...nameValuePairN]]]} // 以构造函数形式来调用new Object([value])参数nameValuePair1, nameValuePair2, ... name转载 2018-03-25 14:45:39 · 307 阅读 · 0 评论 -
JavaScript标准库(三)【Array】
JavaScript的 Array 对象是用于构造数组的全局对象,数组是类似于列表的高阶对象。创建数组var fruits = ['Apple', 'Banana'];console.log(fruits.length);// 2通过索引访问数组元素var first = fruits[0];// Applevar last = fruits[fruits.length - 1];// Ban转载 2018-03-25 15:43:22 · 592 阅读 · 0 评论 -
动态生成HTML元素并为元素追加属性
动态生成HTML元素的方法由三种:第一种:`document.createElement()`创建元素,再用`appendChild()`方法将元素添加到指定节点;添加a元素:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body>转载 2018-04-25 13:55:44 · 3897 阅读 · 0 评论 -
javascript中的各种问题
无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。经网上查询后整理如下: 例如对于函数hello(_name),它用于针对用户名显示欢迎信息:var userName="jack";//根据用户名显示欢迎信息function hello(_name){ alert(转载 2018-05-09 23:04:12 · 254 阅读 · 2 评论 -
JavaScript知识点汇总
if ('0') alert("'0' is true"); if ('0' == false) alert("'0' is false");结果是,两次都 alert 了!那么 ‘0’ 到底是 true 还是 false 呢?答案是:在js做比较的时候,有这样的三条规则:如果比较的两者中有boolean,会把 boolean 先转换为对应的 number,即 0 和 1(false是0,1是转载 2018-05-09 18:10:13 · 404 阅读 · 0 评论 -
Keycode对照表
字母和数字键的键码值(keyCode)转载 2018-05-16 22:41:20 · 832 阅读 · 0 评论 -
JS实现数组去重方法总结(六种方法)
方法一:双层循环,外层循环元素,内层循环时比较值如果有相同的值则跳过,不相同则push进数组Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i &lt; len; i++){ for(j = ...转载 2018-05-17 20:44:58 · 822 阅读 · 0 评论 -
JSON转Excel
1.引入js (dist目录下JsonExportExcel.min.js)script src="https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js">script>npm install -save js-export-excelconst ExportJsonExcel = re转载 2018-05-05 22:19:05 · 1554 阅读 · 0 评论 -
JavaScript中数组Array.sort()排序方法详解
JavaScript中数组的sort()方法主要用于对数组的元素进行排序。其中,sort()方法有一个可选参数。但是,此参数必须是函数。 数组在调用sort()方法时,如果没有传参将按字母顺序(字符编码顺序)对数组中的元素进行排序,如果想按照其他标准进行排序,就需要进行传一个参数且为函数,该函数要比较两个值,并且会返回一个用于说明这两个值的相对顺序的数字。1、对数字数组进行由小到大的顺序进行排...转载 2018-05-26 14:35:54 · 4779 阅读 · 1 评论 -
JavaScript 使用sort()方法从数值上对数组进行排序
JavaScript中数组的sort()方法主要用于对数组的元素进行排序。其中,sort()方法有一个可选参数。但是,此参数必须是函数。 数组在调用sort()方法时,如果没有传参将按字母顺序(字符编码顺序)对数组中的元素进行排序,如果想按照其他标准进行排序,就需要进行传一个参数且为函数,该函数要比较两个值,并且会返回一个用于说明这两个值的相对顺序的数字。1、对数字数组进行由小到大的顺序进行排...转载 2018-05-26 14:36:27 · 621 阅读 · 0 评论 -
Javascript中的数组对象排序
一、普通数组排序 js中用方法sort()为数组排序。sort()方法有一个可选参数,是用来确定元素顺序的函数。如果这个参数被省略,那么数组中的元素将按照ASCII字符顺序进行排序。如:var arr = ["a", "b", "A", "B"];arr.sort();console.log(arr);//["A"转载 2018-05-26 14:37:53 · 4208 阅读 · 0 评论 -
Javascript数组排序sort方法和自定义排序方法
前言针对一个数组进行排序,一个很常见的需求.尤其在后端.当然,前端也是有这个需求的.当然,数组排序,是有现成的方法的.就是sort()方法.我们先开看下这个.标准答案,sort方法var arr = [45,98,67,57,85,6,58,83,48,18];console.log('原数组');console.log(arr);console.log('sort方...转载 2018-05-26 14:42:58 · 5503 阅读 · 0 评论 -
javascript事件机制底层实现原理
前言又到了扯淡时间了,我最近在思考javascript事件机制底层的实现,但是暂时没有勇气去看chrome源码,所以今天我来猜测一把我们今天来猜一猜,探讨探讨,javascript底层事件机制是如何实现的博客里面关于事件绑定与执行顺序一块理解有误,请看最新博客 基础知识 事件捕获/冒泡我们点击一个span,我可能就想点击一个span,事实上他是先点击document,然后点击事...转载 2018-06-03 15:22:08 · 2121 阅读 · 2 评论 -
JavaScript 调试常见报错以及原因
在程序开发中难免会遇到一些错误,在成千上万的代码中去寻找错误很明显相当于大海捞针,为此,每种计算机编程语言都要它独特的一套错误处理与调试机制。当然,JavaScript也不例外。但是,接触过javascript的人都知道,在调试js的过程中有时候真想砸电脑。因为在调试的过程中,控制台给出的错误非常难以理解,其次给出的行号不总有帮助。虽然很多时候都要靠经验去判断,但是控制台给出的错误提示也并不是一...转载 2018-06-03 15:37:50 · 611 阅读 · 0 评论 -
JavaScript执行顺序分析
前言上星期面试被问到了事件执行顺序的问题,想起来之前看《深入浅出Node.js》时看到这一章就忽略了,这次来分析一下JavaScript的事件执行顺序。废话少说,正题开始。单线程JavaScript首先我们要知道JavaScript是一门单线程解释型语言。这就意味着在同一个时间下,我们只能执行一条命令。之所以它是一门单线程语言,和它的用途有关。 JavaScript设计出来的初衷是为...转载 2018-06-03 21:53:45 · 715 阅读 · 0 评论 -
Js错误Error对象详解
一、概念error,指程序中的非正常运行状态,在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。ECMAScript定义了六种类型的错误。除此之外,还可以使用Error构造方法创建自定义的Error对象,并使用throw语句抛出该对象。六种错误:ReferenceError:找不到对象时TypeError:错误的...转载 2018-05-16 21:02:27 · 2162 阅读 · 0 评论 -
JavaScript内置对象--Error类型详解
一、什么是错误处理?在介绍Error对象之前,先说说什么是错误处理。错误,指程序中非正常运行状态,在其他编程语言中称为”异常”或”错误”,解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。通过使用JS提供的异常错误语句,可以用结构化的方式来捕捉发生的错误,让异常处理代码与核心业务代码实现分离,最终使我们能够集中精力编写主业务功能代码。简言之:在程序执行过程中,即使程序...转载 2018-05-16 21:02:56 · 753 阅读 · 0 评论 -
JavaScript try/catch/finally 语句
在下面的例子中,我们故意在 try 块的代码中写了一个错字。该实例本应该提醒”欢迎光临!”,但弹出的是拼写错误信息。catch 块会捕捉到 try 块中的错误,并执行代码来处理它:try { adddlert("欢迎光临!");}catch(err) { document.getElementById("demo").innerHTML = err.messag...转载 2018-05-16 21:16:17 · 259 阅读 · 0 评论 -
初识onkeydown及其兼容性问题
在js中用:document.onkeydown来对用户敲击键盘事件进行监听,在网上整理了点,现将资料集中于此。概念onkeypress、onkeyup、onkeydown区别:onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。onkeydown 这个事件在用...转载 2018-05-16 22:11:39 · 1090 阅读 · 0 评论 -
MDN之学习 Web 开发(一)【Web API简介】
首先,我们将从一个高层次看看API - 它们是什么;他们如何工作;如何在代码中使用它们,以及它们是如何组织的。我们也将看看不同主要类别的API以及它们的用途。 预备知识 基本计算机知识,对于HTML和CSS的基本理解(见JavaScript 第一步,创建JavaScript代码块,JavaScript 对象入门)。 目标 熟悉API,他们可以做什么...转载 2018-06-04 22:09:00 · 1951 阅读 · 0 评论 -
MDN之JavaScript-高级(二)【Concurrency model and Event Loop并发模型与事件循环】
JavaScript 的并发模型基于”事件循环”。这个模型与像 C 或者 Java 这种其它语言中的模型截然不同。运行时概念下面的内容解释了一个理论上的模型。现代 JavaScript 引擎着重实现和优化了描述的几个语义。可视化描述栈函数调用形成了一个栈帧。function foo(b) { var a = 10; return a + b + 11;}f...转载 2018-06-04 22:37:41 · 591 阅读 · 0 评论 -
MDN之Window(三)【window.postMessage】
window.postMessage()&nbsp;方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机&nbsp; (两个页面的模数 Document.domain 设置为相同的值) 时,这两个脚本才能相互通信。window.postMessage()&nbsp;方法提供了一种受控机制...转载 2018-06-04 23:05:06 · 860 阅读 · 0 评论 -
javascript的this
thisjavascript的this总是指向一个对象,而具体指向哪个对象实在运行时基于函数的执行环境动态绑定的,而非函数被声明时的环境实际应用中,this的指向大概分为以下四种 1.作为对象的方法调用 2.作为普通函数调用 3.构造器调用 4.Function.prototype.call或者Function.prototype.apply调用...转载 2018-05-29 22:50:51 · 260 阅读 · 0 评论 -
Javascript的装载和执行
通常来说,浏览器对于Javascript的运行有两大特性:载入后马上执行执行时会阻塞页面后续的内容(包括页面的渲染/其他资源的加载)。于是,如果有多个js文件被引入,那么对于浏览器来说,这些js文件被穿行地载入,并一次执行。因为javascrit可能会操作HTML文档的DOM树,所以,浏览器一般都不会像并行下载css文件并行下载js文件,因为这是js文件的特殊性造成的。所以,如果你的...转载 2018-05-30 20:37:49 · 329 阅读 · 0 评论 -
浏览器的工作原理
浏览器如何工作?一、浏览器的主要构成简单来说浏览器可以分为两部分,shell+内核。Shell是指浏览器的外壳:例如菜单,工具栏等。主要是提供给用户界面操 作,参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。常见的浏览器内核可以分这四种:Trident、Gecko、 Presto、Webkit。浏览器一般由以下组...转载 2018-05-30 20:38:25 · 766 阅读 · 0 评论 -
Javascript 技术原理剖析
javascript 事件驱动机制javascript在浏览器端和服务器端(node.js)的事件驱动机制。1、javascript 在浏览器端的事件驱动机制javascript 在浏览器端运行是单线程的,这是由浏览器决定的,这是为了避免多线程执行不同任务会发生冲突的情况。也就是说我们写的javascript 代码只在一个线程上运行,称之为主线程(HTML5提供了web worker ...转载 2018-06-01 10:21:34 · 1358 阅读 · 0 评论 -
Js中async/await的执行顺序详解
随着async/await正式纳入ES7标准,越来越多的人开始研究据说是异步编程终级解决方案的 async/await。但是很多人对这个方法中内部怎么执行的还不是很了解,本文是我看了一遍技术博客理解 JavaScript 的 async/await(如果对async/await不熟悉可以先看下这篇文章)后拓展了一下,我理了一下await之后js的执行顺序,希望可以给别人解疑答惑,先简单介绍一下as...转载 2018-06-25 23:03:26 · 7679 阅读 · 3 评论 -
JavaScript:async/await的基础用法
相对于回调函数来说,Promise是一种相对优雅的选择。那么有没有更好的方案呢?答案就是async/await。 优势主要体现在,级联调用,也就是几个调用依次发生的场景。 async/await。被称为到目前最优雅的异步过程解决方案,不知道你是否认同,反正我是信了。相对于Promise,async/await有什么优点?比较场景: 级联调用,也就是几个调用依次发生的场景Promis...转载 2018-06-26 21:58:38 · 5321 阅读 · 0 评论 -
跟我学习javascript的call(),apply(),bind()与回调
一、call(),apply(),bind()方法JavaScript 中通过call或者apply用来代替另一个对象调用一个方法,将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。简单的说就是改变函数执行的上下文,这是最基本的用法。两个方法基本区别在于传参不同。call(obj,arg1,arg2,arg3); call第一个参数传对象,可以是null。参数以逗...转载 2018-08-18 14:13:17 · 383 阅读 · 0 评论 -
详解 JavaScript的 call() 和 apply()
定义ECMAScript规范为所有函数都包含两个方法(这两个方法非继承而来), call 和 apply 。这两个函数都是在特定的作用域中调用函数,能改变函数的作用域,实际上是改变函数体内 this 的值 。 call 和 apply 语法 定义 说明 call(thisObj,Object) 调用一个对象的一个方法,以另一个对象替换当前对象。 call 方法可以用来代替另...转载 2018-08-18 14:23:44 · 174 阅读 · 0 评论 -
JS中的call()方法和apply()方法用法总结
最近又遇到了JacvaScript中的call()方法和apply()方法,而在某些时候这两个方法还确实是十分重要的,那么就让我总结这两个方法的使用和区别吧。 1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。 2. 相同点:这两个方法的作用是一样的。都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。一般来说,th...转载 2018-08-18 14:32:40 · 179 阅读 · 0 评论 -
javascript中call()、apply()、bind()的用法终于理解
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面: 例1obj.objAge; //17obj.myFun() //小张年龄undefined 例2 shows() //盲僧 比较一下这两者this 的差别,第一个打印里面的this 指向obj,第二个全局声明的shows()函数 this 是window ;1,cal...转载 2018-08-18 14:41:30 · 13022 阅读 · 11 评论 -
你知道JavaScript的继承有几种写法吗?
标题的灵感来源于鲁迅的小说《孔乙己》中孔乙己和小伙计的一段对话:“茴香豆的茴字,怎样写的?……回字有四样写法,你知道么?”这里我们并不探讨封建制度下穷苦潦倒的读书人的迂腐,回字的几种写法留给汉语言的同学去研究吧,今天我们讨论JavaScript继承的几种写法,由浅入深,一层层剥开她的面纱,最后给出一个最佳实践。一、通过构造函数实现继承function Parent() { this...转载 2018-08-17 10:58:35 · 702 阅读 · 1 评论 -
JavaScript中0, "", null, false, undefined的区别
JavaScript中0, "", null, false, undefined返回的Boolean类型均为false。然而它们所指的并不是同一个概念,需要加以区分。首先先看一段代码:document.write(typeof(0)) //numberdocument.write(typeof("")) //stringdocument.write(typeo...转载 2018-09-04 21:13:34 · 1154 阅读 · 1 评论 -
JS中将一个值转换为字符串的3种方法
value.toString()"" + valueString(value)第一种方法存在的问题是,它不能把null和undefined转换为字符串.还有第二种和第三种方法,这两种方法的效果基本一样.""+value: 使用加法运算符配合一个空字符串可以把任意值转换为字符串,我觉得这种方法代码的可读性很差,但相对String(value)来,还是有一些人更喜欢用这种转换方式....转载 2018-09-04 21:14:31 · 3662 阅读 · 0 评论 -
JSON.parse与eval的区别
JSON.parse与eval和能将一个字符串解析成一个JSON对象,但还是有挺大区别。测试代码var A = "{ a: 1 , b : 'hello' }";var B = "{ 'a': 1 , 'b' : 'hello' }";var C = "{'a':1,'b':'hello'}";var D = '{"a":1,"转载 2018-08-30 15:21:56 · 252 阅读 · 0 评论