首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript预备知识

css(样式):Cascading Style Sheets层叠样式表是一种样式规则语言,允许我们精确地设计HTML的样式,例如设置背景颜色和字体,在多个列中布局内容。...在这里插入图片描述 1.2 语言特点 JavaScript 是轻量级解释型语言。 浏览器接受到 JavaScript 代码,并以代码自身的文本格式运行它。...函数式编程特点:每个方法必须有返回值(本身对象),把函数或者Block当做参数,block参数(需要操作的值)block返回值(操作结果) iOS小技能:链式编程在iOS开发中的应用https://blog.csdn.net...获取浏览器的一些相关信息 1.4 脚本调用策略 HTML 元素是按其在页面中出现的次序调用的,如果用 JavaScript 来管理页面上的元素(更精确的说法是使用 文档对象模型 DOM),若 JavaScript...如果脚本需要等待页面解析,且依赖于其它脚本,调用这些脚本时应使用 defer,将关联的脚本按所需顺序置于 HTML 中。

51810

一个简单的例子让你很轻松地明白JavaScript中apply、call、bind三者的用法及区别

总结 结束语 引言 这是我的第一篇前端面试题文章,也是用来帮助自己巩固复习知识, 在之后希望拿到自己满意的offer,这第一篇讲的就是一道常见的面试题,关于JavaScript中apply、call、bind...add函数中的 this 指的是他所在的对象obj1,所以this.my_favorite 就是banana, 但是我们如果想获得obj2中的my_favorite, 该怎么办呢?...add函数的 this 指向了obj2 , 第二个参数以数组形式传入多个参数,作为 obj1 中的 add 函数传入的参数, 所以最后能将 apple 和 watermelon 都输出。...六、总结 apply、call、bind 三者都是可以改变函数的this指向的 apply 和 call 都是改变函数this指向,并传入参数后立即调用执行该函数 bind 是在改变函数this指向,并传入参数后返回一个新的函数...,不会立即调用执行 apply 传入的参数是数组形式的;call 传入的参数是按顺序的逐个传入并以逗号隔开; bind 传入的参数既可以是数组形式,也可以是按顺序逐个传入。

24610
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript小技能:变量

    } // myVarVariable 在这里 *能* 被引用 //JavaScript 与其他语言的(如 Java)的重要区别是在 JavaScript 中语句块(blocks)是没有作用域的,只有函数有作用域...因此如果在一个复合语句中(如 if 控制结构中)使用 var 声明一个变量,那么它的作用域是整个函数(复合语句在函数中)。...中的一切(除了核心类型,core object)都是对象,JavaScript 中的对象,可以简单理解成“名称 - 值”对(而不是键值对)。...; 定义和声明函数 function 函数名称(参数列表){ 函数体 } //一个 JavaScript 函数可以包含 0 个或多个已命名的变量。...5, 6, 2, 3, 7]; const max = Math.max.apply(null, numbers); JavaScript 允许以递归方式调用函数,递归在处理树形结构(比如浏览器 DOM

    70440

    全网最新、最全的jQuery核心知识,你真的不想点开看看嘛?

    12.1 定义元素监听事件 语法:$(选择器).事件名称(事件的处理函数) $(选择器) :定位dom对象,dom对象可以有很多个,这些dom对象都绑定了这个事件 事件名称 : 就是js中的事件去掉on...val函数 (常用) 操作数组中 DOM 对象的 【value 属性】 $(选择器).val() :无参数调用形式, 读取数组中第一个 DOM 对象的 value 属性值 $(选择器).val(值):...对象数组中所有 DOM 对象在浏览器中显示起来 13.2.3 remove函数 $(选择器).remove() : 将jQuery对象数组中所有 DOM 对象及其子对象一并删除 13.2.4 empty...注意:在代码中的写的等标签不会在页面中显示,而是会在页面中执行,但是获取的文本内容中含有这个 $(选择器).html():无参数调用方法,获取 DOM 数组第一个dom对象的在网页上显示的文本内容。...这个例子中测试的两级查询,在实际生活中,会存在多个级别一起查询,方法一样,通过一级查询二级,通过二级查询三级,以此类推。

    5.9K10

    JavaScript实用手册

    函数体,就是执行任务的步骤清单的代码段 ③. 返回值,任务的执行结果,如果使用函数的人希望获得函数的执行结果时 (2)....全局函数 全局函数是 ES 标准中规定的,浏览器厂商已经实现,不需要就可直接调用的函数 包括: W3C 手册=>JavaScript=>JavaScript 对象=>JS Functions 常见: isNaN...分割,按指定的字符,将字符串分割为多段子字符串 var arr=str.split("分隔符" | /正则表达式/); 切割后的子字符串组成的数组,切割后的结果中,不包含切割符本身 固定套路: 将字符串打散为字符数组...重载: overload 重载是相同函数名,不同参数列表的多个函数,在调用时可自动根据传入参数的不同, 选择对应的函数执行,重载可以减少 API 的名字,减轻调用者的负担,只要一项任务,可 能根据不同的参数执行不同的逻辑时就要使用重载...JS 语法默认不支持重载,因为JS中不允许多个相同名称的函数同时存在,后定义的同 名函数,会覆盖先定义的,解决方案如下(2 步): (1).

    3.4K10

    javascript教程:实现函数柯里化与反柯里化

    下面来一起看看究竟什么是函数柯里化 维基百科的解释是:把接收多个参数的函数变换成接收一个单一参数(最初函数的第一个参数)的函数,并返回接受剩余的参数而且返回结果的新函数的技术。...,很麻烦,并且每调用一次函数都要进行一定的操作,如果数据量巨大,有可能会有影响性能的风险,那么有没有可以偷懒又能解决问题的办法呢?...函数,结果会返回闭包内部函数 var s=currying(add);   //调用闭包内部函数,当有参数的时候会将参数逐步添加到args数组中,待没有参数传入的时候直接调用   //调用的时候支持链式操作..., 4);时候实质上是在调用上面的方法在Function的原型对象上添加uncurring方法并返回一个闭包内部函数执行,在执行的过程中因为Array原型对象上的shift方法会把 push(arguments..., 4);中的arguments截取,所以其实方法的实际调用是push(4),所以最终的结果才是[1,2,3,4]

    78220

    你可能需要这14 个实用又简洁的单行 JS 代码

    获取数组的最小元素 要获得数组中的最小项,我们可以采用这种使用 for 循环和 if 语句的命令式方法。...打乱数组 数组/列表洗牌的一个常见用途是在纸牌游戏中,其中牌组中的牌必须随机排序。 Fisher-Yates 洗牌是一种著名的洗牌算法。...按对象属性对数组进行分组 有时我们需要使用它们都具有的特定属性对一组对象进行分组,例如,按国家/地区对用户进行分组,按出版年份对书籍进行分组,按颜色对汽车进行分组等。...它们具有#RRGGBB 格式,其中 RR 代表红色,GG 代表绿色,BB 代表蓝色。 每种颜色的值范围从 0 到 255,并以十六进制格式表示 - 0 到 FF。...将蛇形字符串转换为驼峰大小写 在蛇形字符串中,每个单词由下划线 (_) 分隔并以小写字母开头,例如:variable_name、bread_and_eggs 等。

    1.7K30

    JSON 数据格式

    基础示例 简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。...在 XML 中,需要许多开始标记和结束标记;如果使用典型的 名称 / 值 对(就像在本系列前面文章中看到的那种名称 / 值对),那么必须建立一种专有的数据格式,或者将键名称修改为 person1-firstName...所以,在同样的数据结构中,可以改变表示数据的方式,甚至可以以不同方式表示同一事物。 格式应用 掌握了 JSON 格式之后,在 JavaScript 中使用它就很简单了。...JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。...如果使用 JSON,只需调用一个简单的函数,就可以获得经过格式化的数据,可以直接使用了。对于其他数据格式,需要在原始数据和格式化数据之间进行转换。

    3.6K20

    JavaScript高级程序设计-性能整理(三)

    两方使用散列函数和共享私钥来签名和验证消息。 KDF(Key Derivation Functions):可以使用散列函数从主密钥获得一个或多个密钥的算法。...该函数作为 IIFE 调用并传递参数,结果则被发送回主线程。虽然计算斐波那契数列比较耗时,但所有计算都会委托到工作者 线程,因此并不会影响父上下文的性能。...注意 像这样序列化函数有个前提,就是函数体内不能使用通过闭包获得的引用,也包括全局变量,比如 window,因为这些引用在工作者线程中执行时会出错。...在 JavaScript 中访问数组元素也是 O(1)操作,与简单的变量查找一样。...有两个办法可以实现这一点。第一个办法是从页面中移除列表,执行更新,然后再把列表插回页面中相同的位置。这个办法并不可取,因为每次更新 时页面都会闪烁。

    2.1K20

    Json和Jsonp

    JSON有两种结构: json简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组2种结构,通过这两种结构可以表示各种复杂的结构 1、对象:对象在js中表示为“{}”扩起来的内容,...2、数组:数组在js中是中括号“[]”扩起来的内容,数据结构为 ["java","javascript","vb",...]...js格式的文件里,供客户端调用和进一步处理; 4、恰巧我们已经知道有一种叫做JSON的纯字符数据格式可以简洁的描述复杂数据,更妙的是JSON还被js原生支持,所以在客户端几乎可以随心所欲的处理这种格式的数据...> 先将本地文件中添加一个js函数,然后调用远程服务器的js文件。...aehyok({"result":"我是远程js带来的数据"}); 这是在远程服务端js文件中的代码。 运行后效果 ? 调用成功。

    1.4K20

    json格式

    基础示例   简单地说 ,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序...在 XML 中,需要许多开始标记和结束标记;如果使用典型的名称 / 值对(就像在本系列前面文章中看到的那种名称 / 值对),那么必须建立一种专有的数据格式,或者将键名称修改为 person1-firstName...所以,在同样的数据结构中,可以改变表示数据的方式,甚至可以以不同方式表示同一事物。 格式应用   掌握了 JSON 格式之后,在 JavaScript 中使用它就很简单了。...JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。...如果使用 JSON,只需调用一个简单的函数,就可以获得经过格式化的数据,可以直接使用了。对于其他数据格式,需要在原始数据和格式化数据之间进行转换。

    2.6K20

    分享近百道JavaScript 基础面试题,帮助你巩固JavaScript 基础知识

    今天我整理了近100道JavaScript的基础面试题,希望这些面试题可以帮助你在面试中获得好的成绩,从而增加拿到心意offer的可能性。 那么,现在我们就开始吧。...bind() 方法创建一个新函数,在调用时具有指定的 this 值和传递给它的参数。 12. 在 JavaScript 中循环遍历数组有哪些不同的方法?...map() 方法创建一个新数组,其中填充了对调用数组中的每个元素调用提供的函数的结果。 31. JavaScript 中的 let、const 和 var 有什么区别?...concat() 方法用于合并两个或多个数组,创建一个包含连接元素的新数组。 69. 如何在 JavaScript 中对数组进行排序? 可以使用 sort() 方法按字母顺序或数字顺序对数组进行排序。...82.在JavaScript中如何将字符串转换为特定格式的日期对象?

    35210

    174道 JavaScript 面试题,助你查漏补缺

    如果存储在栈中,将会影响程序运行的性能;引用数据类型在 栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实 体。...表达式 void ___ 没有返回值,因此返回结果是 undefined。void 并不改变表达式的结果,只是让表达式不返回值。 按惯例我们用 void 0 来获得 undefined。 9....这种模型通过 attachEvent 来添加监听函数,可以添加多个监听函数,会按顺序依次执行。 第三种是 DOM2 级事件模型,在该事件模型中,一次事件共有三个过程,第一个过程是事件捕获阶段。...多个设置了 defer 属性的脚本按规范来说最后是顺序执行的,但是在一些浏览器中可能不是这样。...5.Symbol.for 接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。如果有,就返回这个 Symbol 值,否则就新建并返回一个以该字符串为名称的 Symbol 值。

    50910

    JS与ES6高级编程学习笔记(三)——JavaScript面向对象编程

    (); console.log(obj3.price); //访问属性,输出101 对象中可以包含的内容是数组、函数、对象、基本数据类型等,他们间还可以嵌套或混合出现,数组中可以有对象或函数,对象中可以有数组或函数...函数与构造器在定义上没有任何区别,习惯把构造器名称的首字母大写。...3.3、Object静态成员 Object的静态成员直接通过"Object.成员名称"的形式调用,ES5、ES6中新增加了不少新的成员 (1)、Object.assign() 通过复制一个或多个对象来创建一个新的对象...JSON采用完全独立于语言的文本格式,包含Java与C#在内的多数程序设计语言都支持JSON。JSON慢慢在取代笨重的XML。 JSON有两种结构:"键/值对"与"数组"。...因为undefined是JavaScript中特殊存在的,变量需要运算才可以获得结果。 3、数值不能出现前置零;小数点,后至少有一位数字。

    74230

    AJAX常见面试问题

    script:返回纯文本JavaScript代码。不会自动缓存结果。 json:返回JSON数据。 jsonp:JSONP格式。使用JSONP形式调用函数时,例如myurl?callback=?...3.有没有遇到过这种情况 在ie浏览器中 后台图片数据已经改变 但是客户端没有发生改变 该怎么处理?...那么对于这个问题有没有办法?...JQuery会生成随机回调函数名称,或者你自己起名字。 后台会获取callback的值,连接上() 把数据放入() 中,返回页面, 相当于调用函数function名(data)。...第一种: JSONP,利用传递方法名的方式,告诉后台前端方法名是什么,后台取到后,在名称后面拼接(),把数据(DATA)放到小括号中,返回前端,相当于返回:方法名(data)到前端后就直接调用这个方法了

    1.8K20

    PHP使用JSON

    简 单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。...在 XML 中,需要许多开始标记和结束标记;如果使用典型的名称/值对(就像在本系列前面文章中看到的那种名称/值对),那么必须建立一种专有的数据格式,或者将键 名称修改为 person1-firstName...所以,在同样的数据结构中,可以改变表示数据的方式,甚至可以以不同方式表示同一事物。 掌握了 JSON 格式之后,在 JavaScript 中使用它就很简单了。...JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。...如果使用 JSON,只需调用一个简单的函数,就可以获得经过格式化的数据,可以直接使用了。对于其他数据格式,需要在原始数据和格式化数据之间进行转换。

    2.6K30

    JavaScript 面试知识点总结

    如果存储在栈中,将会影响程序运行的性能;引用数据类型在 栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实 体。...表达式 void ___ 没有返回值,因此返回结果是 undefined。void 并不改变表达式的结果,只是让表达式不返回值。 按惯例我们用 void 0 来获得 undefined。 9....这种模型通过 attachEvent 来添加监听函数,可以添加多个监听函数,会按顺序依次执行。 第三种是 DOM2 级事件模型,在该事件模型中,一次事件共有三个过程,第一个过程是事件捕获阶段。...多个设置了 defer 属性的脚本按规范来说最后是顺序执行的,但是在一些浏览器中可能不是这样。...5.Symbol.for 接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。如果有,就返回这个 Symbol 值,否则就新建并返回一个以该字符串为名称的 Symbol 值。

    40820

    HTML、CSS、JavaScript学习总结

    : 函数调用一般和表单元素的事件一起使用,调用格式为:事件名=“函数名” ; 参数是由函数的使用方传递到函数体中的变量,用于为函数中的操作提供相应的信息和数据。...– 按地址传递:这时传递的是原变量的内存地址,即函数中的参数和原变量是同一个变量。因此在函数中改变了参数值,原变量也会随之改变。...那么弹出的对话框结果是3,如果想得到所有的参数值,可以通过for循环遍历该数组。 为了增强阅读性,最好按照规范,按定义好的形式参数传递实际参数。...onSubmit 表单提交事件 onMouseDown 鼠标按下 onMouseUp 鼠标弹起 onFocus和onBlur 事件 文本框获得鼠标焦点时(onFocus)调用的函数: 清空卡号文本框...文本框失去鼠标焦点时(onBlur)调用的函数: 判断格式是否正确 focus( )方法 再次获得焦点,即鼠标 光标回到卡号文本框 onMouseOver=”src=’dog2.jpg'” 表示本图片的图片名称替换为

    3.2K20
    领券