js
Zhweb_box
这个作者很懒,什么都没留下…
展开
-
JSON笔记
什么是jsonjson格式的引入:一种轻量级的数据交换格式JSON:JavaScript 对象表示法(JavaScript Object Notation)。JSON 是存储和交换文本信息的语法。 类似 XML。JSON 比 XML 更小、更快,更易解析。JSON的全称是”JavaScript ObjectNotation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平原创 2020-11-18 13:27:44 · 87 阅读 · 0 评论 -
了解百度API
什么是百度API百度地图API是一套有javascript语言编写的应用程序接口,他能帮助您在网站中构建功能丰富、交互性强的地图应用程序。百度地图API不仅包含构建地图的基本接口,还提供了诸如本地搜索、路线规划等数据服务,您可以根据自己的需要进行选择。地图API的服务是免费的,任何非盈利性的网站均可使用。百度API的参数origin 起点名称或经纬度,或者可同时提供名称和经纬度,此时经纬度优先级高,将作为导航依据,名称只负责展示。 destination 终点名称或经纬度,或者可同时提供名称和原创 2020-11-02 18:02:42 · 2662 阅读 · 0 评论 -
Ajax
AJAX介绍传统的web交换缺点:流量损失浪费时间和带宽AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。概念: ajax使网页异步刷新,在不重新加载整个页面时,对网页的局部进行刷新。特点: 局部刷新;ajax的优点:局部刷新;优化了浏览器与服务器之间的传输,减少了不必要的数据返回,减少了带宽占用;ajax引擎在客户端进行,承担部分服务器的工作,减少了服务器端的压力;ajax的缺点1.ajax不支持浏原创 2020-10-08 20:39:24 · 115 阅读 · 0 评论 -
JavaScript时间线
JavaScript是一种运行在JS解释器/独立引擎中的解释型脚本语言(解释型语言,编译行语言,弱类型语言,单线程)同步现象:上一件事情没做完,下一件事情必须等待配合异步:提高单线程的执行效率。get和post的区别:1、GET请求请求的数据会附加在URL之后,以?分割URL和传输数据,多个参数用&连接。URL的编码格式采用的是ASCII编码,而不是uniclde,即是说所有的非ASCII字符都要编码之后再传输。POST请求POST请求会把请求的数据放置在HTTP请求包的包.原创 2020-10-08 20:10:51 · 245 阅读 · 0 评论 -
JS原型和原型链深度解析
说完闭包,我想原型和原型链是js中的难点也是重点,明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效,并且原型和原型链会是面试中必不可少的话题什么是原型:任何对象都有一个原型对象,这个原型对象由对象的内置属性_proto_指向它的构造函数的prototype指向的对象,即任何对象都是由一个构造函数创建的,但是不是每一个对象都有prototype,只有方法才有prototype。new操作符具体干了什么呢?其实很简单,就干了三件事情:1 var obj = {};2 obj.__原创 2020-10-07 01:55:35 · 117 阅读 · 0 评论 -
深度理解JavaScript闭包
什么是js闭包我想在JavaScript中,一些比较难以理解透的知识点其中就有js闭包,所以我又回过头专门写了一个js闭包的博客。闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。其实这句话通俗的来说就是:Javascript中所有的function都是一个闭包。不过一般来说,嵌套的function所产生的闭包更为强大,原创 2020-10-07 01:30:39 · 123 阅读 · 0 评论 -
js节流
什么是节流?假如在一个页面中有任意多张图片,那么就有可能会使用懒加载技术,懒加载呢就是监听滚动条的位置,那么如果用户一直在滚动,那么事件监听就一直在触发,也是浪费性能。那么节流就是在一定时间间隔内触发一次事件。函数节流(throttle):高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率。函数节流(throttle)与 函数防抖(debounce)都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟,假死或卡顿的现象。代码如下:有两种主流的原创 2020-09-20 21:24:16 · 2964 阅读 · 1 评论 -
js防抖
什么是函数防抖?概念:函数防抖(debounce),就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n秒内又触发了事件,则会重新计算函数延执行时间。为什么需要函数防抖?前端开发过程中,有一些事件,常见的例如,onresize,scroll,mousemove ,mousehover等,会被频繁触发(短时间内多次触发),不做限制的话,有可能一秒之内执行几十次、几百次,如果在这些函数内部执行了其他函数,尤其是执行了操作DOM 的函数(浏览器操作 DOM是很耗费性能的),那不仅会浪原创 2020-09-20 21:01:23 · 154 阅读 · 0 评论 -
js计时器案例讲解
我们先说一下定时器吧:定时器:设置一个定时器,再设置一个等待的时间,到达指定时间后,执行对应的操作两种定时器:用法一样,区别一个执行后不会停下来,一个只执行一次window.setInterval([function],[interval]);//设置一个定时器,到达指定时间[interval] 执行我们的操作[function],然后定时器//并没有停止,以后每隔这么长时间,都重新执行我们的functionwindow.setTimeout([function],[interva原创 2020-09-13 18:29:50 · 544 阅读 · 0 评论 -
HTML BOM(window对象的总结)
什么是BOM?BOM,Browser Object Model即浏览器对象模型。浏览器页面初始化时,会在内存创建一个全局对象,用来描述当前窗口的属性和状态,这个全局对象被称为浏览器对象模型。不同于DOM的标准化组织是W3C,JavaScript的语法标准化组织是ECMA,BOM没有官方标准,对于现代浏览器,每个浏览器都有自己的BOM实现方法,所以直接使用BOM会有兼容性问题。BOM包含哪些内容?BOM有一个核心对象window,window对象包含了6大核心模块,分别是:document对象原创 2020-09-13 18:05:53 · 979 阅读 · 0 评论 -
DOM点击事件
onmousedown, onmouseup 以及 onclick 事件onmousedown, onmouseup 以及 onclick 事件构成了完整的鼠标点击事件。首先当鼠标按钮被点击时,onmousedown 事件被触发;然后当鼠标按钮被释放时,onmouseup事件被触发;最后,当鼠标点击完成后,onclick 事件被触发。onmousedown:用户鼠标按下时触发的事件。onmouseup:鼠标抬起时触发的事件。onclick:鼠标点击后触发的事件示例1:鼠标按下时更换字体原创 2020-09-06 22:10:00 · 2120 阅读 · 0 评论 -
DOM事件
onload 和 onunload 事件当用户进入后及离开页面时,会触发 onload 和 onunload 事件。onload 事件可用于检测访问者的浏览器类型和浏览器版本,然后基于该信息加载网页的恰当版本。onload 和 onunload 事件可用于处理 cookie。onload点击事件1.window.onload 是窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像,脚本文件,css文件等),就调用的处理函数下面的代码,当点击按钮,并不会弹出对话框,因为页面还没有原创 2020-09-06 21:51:29 · 143 阅读 · 0 评论 -
DOM案例
什么是DOM文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容,机构和样式。文档:一个页面就是一个文档,DOM中使用document表示元素:页面中的所有标签都是元素,DOM中使用element表示节点:页面中的所有内容都是节点(标签,属性,文本,注释等) ,DOM中使用node表示DOM把以上内容都看做是对象以下我们来原创 2020-08-29 23:14:48 · 418 阅读 · 0 评论 -
DOM对象初步理解
了解DOM需要清楚几个问题:什么是DOM?DOM可以用来干什么?DOM是怎么来的?怎么使用DOM?1. 什么是DOM?HTML DOM 是 HTML 的标准对象模型和编程接口。它定义了:作为对象的 HTML 元素所有 HTML 元素的属性访问所有 HTML 元素的方法所有 HTML 元素的事件换言之:HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。2. DOM可以用来干什么?理解了DOM是API,就知道它就是一些功能,通过这些功能可以对HTML原创 2020-08-24 01:05:58 · 243 阅读 · 0 评论 -
错题解析
在js函数中,我们对于函数的理解并不深刻,在我个人做的一些题目中,归结以下错题,做个总结例题一:6、下面代码输出的结果为?var func = function(m, n) { arguments[0] = 3; n = 2; return m + n;}console.log(func(1)); A.2 B. 5 C.编译报错,arguments数组未定义 D.7解析:形参:函数定义的参数实参:函数调用时实际传递的参数参数的匹配从左.原创 2020-08-22 17:01:09 · 560 阅读 · 0 评论 -
JavaScript正则以及RegExp
正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。什么是正则?正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符,或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。 搜索模式可用于文本搜索和文本替换。转义字符\s : 空格\S : 非空格\d : 数字\D : 非.原创 2020-08-16 15:57:41 · 131 阅读 · 0 评论 -
js中Math对象和Date对象
Math对象常用方法介绍Math 是数学函数,但又属于对象数据类型 typeof Math => ‘object’ 它是一个对象console.dir(Math)查看Math的所有函数方法。控制台打印的结果如下:1,Math.abs() 获取绝对值Math.abs(-12) = 122,Math.ceil() and Math.floor() 向上取整和向下取整 console.log(Math.ceil(12.03));//13 console.log(Math.ceil(原创 2020-08-16 15:16:06 · 223 阅读 · 0 评论 -
理解函数的本质
函数的预编译首先我们需要了解javaScript函数预编译过程:1、创建AO对象(执行期上下文 ),寻找函数形参和变量声明。2、把形参和变量名作为AO属性名,值为undefined。3、把实参赋给形参,实参形参相统一。4、寻找函数声明,赋值函数体。5、函数开始执行。代码实例 function fun(zhang){ console.log(zhang); var zhang = '小张'; consoloe.log(zhang); function zhang(){ret原创 2020-08-09 15:20:59 · 427 阅读 · 0 评论 -
JavaScript this指向解析
函数作用域原创 2020-08-08 16:56:13 · 104 阅读 · 0 评论 -
JavaScript对象以及数组的运用
Object类型 和 Array类型 的创建方法1)Array() 和 Object() 不能构造函数。object对象传统创建对象:var box = new Object();box.name = '张浩';box.age = 21;box.fun = function(){return 'run le'; };字面量创建对象:var box = {name: '张浩',age : 21,fun : function(){ return 'run le';原创 2020-08-03 00:44:49 · 166 阅读 · 0 评论 -
javascript函数的进阶
一.函数的定义在javascript中函数是一段可以被执行或调用任意次数的JavasScript代码,在数据类型中属于"function"。函数也拥有属性和方法,因此函数也是对象。二.函数的语法函数就是包裹在花括号中的代码块,前面使用了关键词 function:function functionname(){ // 执行代码}三. 函数的表达式在javascript中定义一个函数,该函数整体作为变量的赋值语句或者调用执行的语句而存在,该函数语句块称为函数表达式。//函数表达原创 2020-08-02 23:58:18 · 110 阅读 · 0 评论 -
JavaScript的循环结构
在前章文章中我们说到了JavaScript的:分支结构: 程序的流程控制1.顺序结构2.分支结构3.循环结构前面已经说了分支结构接下来我们来介绍一下:循环结构js的循环结构是什么?重复执行相同或像是的代码就好比如果我们要在控制台输出十句:hello world;如果没有循环结构,我们是不是得:console.log('hello world');console.log('hello world');console.log('hello world');console.l原创 2020-07-27 01:21:43 · 221 阅读 · 0 评论 -
深入初级JavaScript
我们学习JavaScript初级首先得从——核心语法初级——DOM—— BOM这样的一个过程DOM和BOM后面会说到变量的增删改查增:var obj = { //obj为对象名 name : 'abc', //属性名 age : 18, gender : false}obj.address = "asdfasdf"; //增加的对象后面的都以增的obj对象为参照删://给obj的address赋值为空删除此属性obj.address = undefined原创 2020-07-27 00:56:05 · 71 阅读 · 0 评论 -
JavaScript初步理解
JavaScript的数据类型数据:有用的信息数据类型:数据的分类,保存在内存中的数据的类型,决定了数据在内容中占有多大的空间值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)引用数据类型:对象(Object)、数组(Array)、函数(Function)。1.字符串(string)字符串是储存字符的变量字符串可以是引号中的任意文本,可以使用单引号或者双引号我们也可以在字符串中使用引号,只要不匹配包围字符串原创 2020-07-19 21:19:36 · 133 阅读 · 0 评论 -
初学JavaScript
了解JavaScript起源:网景(Netscape) ,1994年 推出了一款商用浏览器,网景浏览器(Netscape Navigator)1995年,网景公司决定在浏览器中加入一门语言,可以用作交互效果,提高用户体验1992年 Nombas C-- SciptEase 可以嵌入到网页中,第一个在网页终端运行的语言1996年 Brendan Eich花费了 10天左右的时间 创造了这个新语言LiveScript 也就是后来的—— JavaScriptJavaScript属性解释型语言(弱类型原创 2020-07-19 19:59:33 · 80 阅读 · 0 评论