![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
github@niexia
前端工程师
展开
-
TypeScript 最快速的入门教程
TypeScript 最简单、高效的入门教程。在这个 TypeScript 教程中,你将学习:为什么 TypeScript 比 JavaScript 有很多好处。了解 TypeScript 的真正含义,以及它是如何在引擎下工作的。使用 TypeScript 及其丰富的功能,如类型、类、接口、模块,以及更多。 前提条件原创 2023-03-21 00:42:02 · 245 阅读 · 0 评论 -
DOM扩展:Selectors API(querySelector()和querySelectorALL())
1.querySelector()方法querySelector()只接收一个CSS选择符,返回与该选择符匹配的第一个元素,如果没有找到匹配的,返回null。//取得body元素var body=document.querySelector("body");//取得ID为"myDiv"的元素var maDiv=document.querySelector("#myDiv");//取得类为"sel原创 2017-08-28 17:50:12 · 375 阅读 · 0 评论 -
DOM节点层次(Element类型 Text类型)
3.Element类型除了Document类型之外,最常用的就是Element类型了(注意结合DOM节点树来分析) Element类型具有一下特征:nodeType的值为1nodeName的值为元素的标签名nodeValue的值为nullparentNode的值为Document或Element1.要访问标签名可以用nodeName也可以用tagName属性。var div=docume原创 2017-08-28 16:21:31 · 2338 阅读 · 0 评论 -
DOM扩展:HTML5
1.与类相关的扩展getElementsByClassName() 只接收一个参数,即包含一个或者多个类名的字符串,返回带有指定类的所有元素的NodeList。(包含多个类名时,类名的先后顺序无所谓)//取得所有类中包含username和current的元素,类名的先后顺序无所谓var allCurrentUsernames=document.getElementByClassName("u原创 2017-08-29 09:48:32 · 303 阅读 · 0 评论 -
高性能查找数组中的最大值和最小值
function Search_max_and_min(a,N){ var i,max,min,tmax,tmin; if(N%2==0){ max=(a[0]>a[1])?a[0]:a[1]; min=(a[0]<a[1])?a[0]:a[1]; } else max=mi原创 2017-09-08 11:02:53 · 2250 阅读 · 0 评论 -
JavaScript面向对象的程序设计1(创建对象)
怎样创建一个对象呢???1.工厂模式 function createPerson(name,age,job) { var o=new Object();//显示地创建对象 o.name=name; o.age=age; o.job=job; o.sayName=fu原创 2017-08-22 14:52:48 · 290 阅读 · 0 评论 -
./和../的区别
./ 当前目录 ../ 父级目录原创 2017-10-09 00:09:28 · 15262 阅读 · 0 评论 -
对象的排序
var data = [{ name: “jiang”, age: 22 }, { name: “AAAAAAAAAAAAAA”, age: 21 }, { name: “CCCCCCCCc”, age: 25 }]; //定义一个比较器 function compare(propertyName) {转载 2018-01-23 09:32:21 · 461 阅读 · 0 评论 -
content-type
ttp Header里的Content-Type一般有这三种application/x-www-form-urlencoded 数据被编码为名称/值对。这是标准的编码格式。multipart/form-data 数据被编码为一条消息,页上的每个控件对应消息中的一个部分。text/plain 数据以纯文本形式(text/json/xml/html)进行编码,其中不含任何控件或格式字符原创 2018-01-17 14:46:07 · 235 阅读 · 0 评论 -
js创建一个节点(以img为例)
<div id="d1"></div>HTMLfunction a(){document.getElementById("d1").innerHTML="<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>";}a();方法function b(){va..转载 2018-01-26 11:25:04 · 13284 阅读 · 0 评论 -
文件的下载
1 后台给接口(需要传参)定义的是get方式,这个时候需要定义好是否可以使用ajax或者axios来调用接口。直接打开: (1)将参数拼到地址里,/xxx/xxx...原创 2018-03-01 09:51:31 · 184 阅读 · 0 评论 -
元素绑定事件
在HTML中绑定: 绑定: <xxx on事件名="js语句"> 当事件发生时: 自动执行js语句 问题: 不符合内容与行为分离的原则,不便于维护和重用 在组件开发中,反而要求内容,行为和样式集中定义在一个小组件内,自成体系。在js中绑定, 每个事件只能绑定一个处理函数: 绑定:xxx.on事件名=function(){ ... }当事件发生时: xxx.o...原创 2018-03-02 17:02:50 · 340 阅读 · 0 评论 -
屏蔽默认右键菜单
Jquery$(document).bind("contextmenu",function(e){ return false;});jsdocument.oncontextmenu = function(e){ return false;}之后就可以自定义右键菜单 $("#flight_box").on("mousedown", "....原创 2018-03-22 17:48:03 · 3127 阅读 · 0 评论 -
event.preventDefault()
event.preventDefault() 如果事件可取消,则取消该事件,而不停止事件的进一步传播。比如下面的实例,做一个校验,输入不满足的则不会写入。<!DOCTYPE html><html><head><title>preventDefault example</title></head>...原创 2018-03-06 14:14:15 · 2541 阅读 · 0 评论 -
getBoundingClientRect()
getBoundingClientRect()是用来获取页面元素的位置的方法.这个方法最终返回的是一个矩形对象,包括四个属性:left top right bottom.top:元素上边到视窗上边的距离;right:元素右边到视窗左边的距离;bottom:元素下边到视窗上边的距离;left:元素左边到视窗左边的距离; width:边界矩形的宽度height:边界矩形的高度...原创 2018-03-27 20:24:15 · 3415 阅读 · 0 评论 -
Js TypeError 和 referentError
TypeErrorTypeError 对一个变量的值做不合理的操作,如对非函数的变量进行函数调用 或者引用null或undefined类型的值得属性let a = {};console.log(a.list.name); //这种情况也比较常出现ReferenceError1 RHS查询在所有嵌套的作用域都找不到该变量 抛出该错误 var a = x;// x...原创 2018-05-10 13:40:52 · 2835 阅读 · 0 评论 -
webpack实现多客户配置
https://github.com/yangseas/yangseas.github.io/issues/7在开发中,如果项目代码中,面对多个客户,现在需要根据不同客户打包的不同的代码,需要怎么配置呢?平常的开发中一些需求也是比较类似的,例如下面这段代码,根据不同环境,配置不同的接口地址。它们都是需要根据环境变量来做不同的配置,从而实现打包的时候进行区分。…......原创 2019-03-08 16:03:57 · 304 阅读 · 0 评论 -
DOM的动态样式
动态样式//一般方式<style> body{ background-color: red; }</style>//DOM方式<script> var style=document.createElement("style"); style.type="text/css"; style.ap原创 2017-08-28 17:19:23 · 378 阅读 · 0 评论 -
DOM节点层次(Document类型)
2.Document类型在浏览器中,document对象是Document类型的一个实例,表示整个HTML页面。同时它也是window对象的一个属性,因此可以将其作为全局对象来访问。Document的特征:nodeType的值为9nodeName的值为”#document”nodeValue的值为nullparentNode的值为nullownerDocument的值为null其子节点可原创 2017-08-28 14:59:36 · 405 阅读 · 0 评论 -
日期比较(substring split prase)
1.yy-mm-dd HH:mm:ss的比较实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>split</title></head><body><script> function comptime() { var beginTime = "2009-09-21原创 2017-09-13 09:26:37 · 913 阅读 · 0 评论 -
客户端检测
在理想状态下,我们会认为浏览器应该支持一组最常用的公共功能,但是现实时浏览器之间有存在差异以及特的“怪癖”(quirk)。因此客户端检测除了是一种补救措施之外,更是一种行之有效的开发策略。主要有以下三种客户端检测方法1.能力检测在编写代码之前先检测特定的浏览器的能力。例如,脚本在调用某个函数之前,可能线检测该函数是否存在。这种检测方法将开发人员从考虑具体的浏览器类型和版本中解放出来,让它们把注意力转载 2017-08-09 15:42:06 · 179 阅读 · 0 评论 -
JavaScript简介
1.javaScript实现虽然JavaScript和ECMAScript通常被人们用来表达相同的含义,但是JavaScript的含义远比ECMA-262中规定的要多得多。一个完整的JavaScript应该包含下列三个不同部分:核心(ECMAScript)文档对象模型(DOM)浏览器对象模型(BOM) (1)ECMAScript是JavaScript的基础,它规定了这门语言的下列组成部分:原创 2017-08-17 20:54:14 · 203 阅读 · 0 评论 -
如何在HTML中使用JavaScript
1.使用script元素<script> //JavaScript代码</script>HTML 4.01为<script>定义了6个属性async(可选) 表示应该立即下载脚本,但不妨碍页面中的其他操作,比如下载其他资源或待加载其他脚本。只对外部脚本文件有效//异步脚本<script type="text/javascript" defer="defer" src="first.原创 2017-08-20 10:22:07 · 2159 阅读 · 0 评论 -
JavaScript基本概念(变量 数据类型)
typeof Number() parseInt() toString()1.变量ECMAScript中的变量是松散类型的,所谓的松散类型就是可以用来保存任何类型的数据。换句话说,每个变量仅仅是一个用于包村值的占位符而已。格式:var result;//result可以用来保存任何类型的值比如字符串、数字等。//像这样没有初始化的会保存一个特殊的值--undefined初始化var r原创 2017-08-20 12:31:25 · 516 阅读 · 0 评论 -
Javascript的for-in语句和with语句
1.for-in语句for-in是一种精准的迭代语句,可以用来枚举对象的属性,以下是for-in的语法: for (property in expression) statement下面的示例中,使用for-in循环来显示BOM中window对象的所有属性。每次执行循环时,都会将window对象中存在的一个属性名赋给propName.这个过程会一直持续到对象中的所有属性都枚举一遍为止。在这里v原创 2017-08-20 12:58:56 · 554 阅读 · 0 评论 -
JavaScript的基本类型和引用类型
instanceof() ECMAScript变量可能包含两种不同类型的值:基本类型值和引用类型值 基本类型值指的是简单的数据段 引用类型值指的是那些可能由多个值构成的对象5种基本的数据类型Undefined、Null、Boolean、Number和String是按值访问的,也就是可以操作保存在变量中的实际的值。引用类型的值是保存在内存中的对象,JavaScript不允许直接访原创 2017-08-20 15:19:11 · 257 阅读 · 0 评论 -
JavaScript的执行环境及作用域
1.执行环境执行环境定义了变量或函数有权访问的范围。每个执行环境都有与之关联的变量对象,环境定义的所有变量和函数都保存在这个对象中。 全局环境:是最外围的一个执行环境,全局环境被认为是window对象,所有的全局变量和函数都是作为window对象的属性和方法创建的。 局部环境:比如函数,每个函数有自己的执行环境,进入一个函数执行的时候,函数的环境就会进入一个环境栈中。执行完之后,该函数的环原创 2017-08-21 09:36:02 · 212 阅读 · 0 评论 -
JavaScript的引用类型1(Object Array)
Object类型 Array类型 Date类型 RegExp类型 Function类型引用类型的值也就是对象是引用类型的一个实例,引用类型是一种数据结构,将数据和功能组合在一起。//新对象是使用new操作符后跟一个构造函数创建的var person=new Object();//创建一个Object引用类型的一个新实例,使用的构造函数是Object()1.Object 类型使用最多的类型创建原创 2017-08-21 10:53:17 · 2428 阅读 · 0 评论 -
JavaScript的引用类型2(Function类型)
相关知识点: arguments和this。 arguments.callee和arguments.callee.caller length和prototype apply( )和call( ) bind( )1.Function类型函数实际是对象,也具有属性和方法,函数名实际是一个指向函数对象的指针 注意:使用不带括号的函数名是访问函数指针,不是调用函数。(1)定原创 2017-08-21 18:07:06 · 177 阅读 · 0 评论 -
JavaScript的Math对象
min()和max方法舍入方法random方法其他方法 <script> var max=Math.max(1,24,34,23,45,6,45); console.log(max);//45 console.log(Math.ceil(23.1));//向上舍入24 console.log(Math.round(24.5));原创 2017-08-22 09:57:53 · 157 阅读 · 0 评论 -
JavaScript面向对象的程序设计2(组合构造和原型 继承)
1.组合使用构造函数模式和原型模式构造函数:定义实例属性 原型模式:定义方法和共享属性function Person(name, age, job) { this.name=name; this.age=age; this.job=job; this.friends=["Curry","Green"];原创 2017-08-22 16:06:56 · 209 阅读 · 0 评论 -
Sublime Text3快捷键
快捷键(1) Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑) Ctrl+G 跳转到相应的行 Ctrl+J 合并行(已选择需要合并的多行时) Ctrl+L 选择整行(按住-继续选择下行) Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+T 词互换 Ctrl+U 软撤销 Ctrl+P 查找当前项目中的文件和快转载 2017-07-26 09:51:36 · 173 阅读 · 0 评论 -
JavaScript 函数表达式 闭包
创建函数有两种方式:一种是函数声明,另一种是函数表达式1.函数声明function functionName(i,j){ //函数体}说明:首先是函数关键字function,然后是函数的名字functionName。 最大的特征:函数声明提升,这就意味着函数声明可以放在调用它的语句之后sayHi();//函数调用在前function sayHi(){//函数声明在后 aler原创 2017-08-27 12:26:44 · 318 阅读 · 0 评论 -
JavaScript的作用域、块级作用域(私有作用域)概念理解
任何一对花括号中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域作用域永远都是任何一门编程语言中的重中之重,因为它控制着变量与参数的可见性与生命周期。讲到这里,首先理解两个概念:块级作用域与函数作用域。 什么是块级作用域呢? 任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域。转载 2017-08-08 14:52:50 · 899 阅读 · 0 评论 -
DOM总结
DOM是语言中中立的API,用于访问和操作HTML和XML文件。DOM1级将HTML和XML文档形象地看作是一个层次化的节点树,可以使用Javascript来操作这个节点树,进而改变底层文档的外观和结构。DOM又各种节点构成,总结如下:最基本的节点类型是Node 用于抽象地表示文档中一个独立地部分,所有其他类型都继承自Node。Document类型 表示整个文档,是一组分层节点地根节点。在J原创 2017-08-11 11:36:42 · 185 阅读 · 0 评论 -
DOM节点层次(Node类型)
1.节点层次 DOM将任何HTML和XML文档描绘成一个由多层节点构成的结构。有几个不同类型的节点,节点又有各自的特点、数据和方法,同时节点之间存在着某种关系,这些关系构成层次。<html> <head> <title>Sample Page</title> </head> <body> <p>Hello World1</p> <原创 2017-08-27 15:30:53 · 953 阅读 · 0 评论 -
BOM
ECMAScript 是JavaScript 的核心,但如果要在Web 中使用JavaScript,那么BOM(浏览器对象模型)则无疑才是真正的核心。BOM 提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关window对象BOM 的核心对象是window,它表示浏览器的一个实例。在浏览器中,window 对象有双重角色,它既是通过JavaScript 访问浏览器窗口的一个接口,又是E原创 2017-08-09 09:43:28 · 376 阅读 · 0 评论