文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

50道JavaScript基础面试题（附答案）

22 对JSON的了解？...两个函数： JSON.parse(str) 解析JSON字符串 把JSON字符串变成JavaScript值或对象 JSON.stringify(obj) 将一个JavaScript值(对象或者数组)转换为一个...JSON字符串 eval('('＋json＋')') 用eval方法注意加括号 而且这种方式更容易被攻击 23 JS延迟加载的方式有哪些？...25 什么是跨域问题 ，如何解决跨域问题? 可以参考我的另一篇文章什么是跨域以及几种简单解决方案 26 页面编码和被请求的资源编码如果不一致如何处理？...如果没有引用指向该对象（零引用），对象将被垃圾回收机制回收。 该算法有个限制：无法处理循环引用。两个对象被创建，并互相引用，形成了一个循环。

14.4K01

精读《高性能 javascript》

小心地处理 HTML 集合,因为他们表现出“存在性”，总是对底层文档重新查询。将集合的 length 属性缓 存到一个变量中，在迭代中使用这个变量。如果经常操作这个集合，可以将集合拷贝到数组中。...注意重绘和重排版；批量修改风格，离线操作 DOM 树,缓存并减少对布局信息的访问。动画中使用绝对坐标，使用拖放代理。使用事件托管技术最小化事件句柄数量。 算法和流程控制 ? ?...Ajax ? ? 高性能 Ajax 包括：知道你项目的具体需求，选择正确的数据格式和与之相配的传输技术。 作为数据格式，纯文本和 HTML 是高度限制的，但它们可节省客户端的 CPU 周期。...缩短页面的加载时间，在页面其它内容加载之后，使用 Ajax 获取少量重要文件。 确保代码错误不要直接显示给用户，并在服务器端处理错误。...创建新对象和数组时使用对象直接量和数组直接量。它们比非直接量形式创建和初始化更快。 避免重复进行相同工作。当需要检测浏览器时，使用延迟加载或条件预加载。

1.8K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    40道+JavaScript基础面试题（附答案）

    21、 对JSON的了解？...两个函数： JSON.parse(str) 解析JSON字符串 把JSON字符串变成JavaScript值或对象 JSON.stringify(obj) 将一个JavaScript值(对象或者数组)转换为一个...JSON字符串 eval('('＋json＋')') 用eval方法注意加括号 而且这种方式更容易被攻击 22、 JS延迟加载的方式有哪些？...25、 页面编码和被请求的资源编码如果不一致如何处理？ 若请求的资源编码，如外引js文件编码与页面编码不同。可根据外引资源编码方式定义为 charset="utf-8"或"gbk"。...如果没有引用指向该对象（零引用），对象将被垃圾回收机制回收。 该算法有个限制：无法处理循环引用。两个对象被创建，并互相引用，形成了一个循环。

    1.5K10

    PHP使用JSON

    按照最简单的形式，可以用下面这样的 JSON 表示名称/值对： { "firstName": "Brett" } 这个示例非常基本，而且实际上比等效的纯文本名称/值对占用更多的空间： firstName...掌握了 JSON 格式之后，在 JavaScript 中使用它就很简单了。...我们用 PHP生成JSON后的字符串，然后把这个字符串传给前台Javascript，Javascirpt就可以很容易的将其反JSON然后应用。说通俗点， 它真的很像数组。...言归正传，如何使用JSON。PHP5.2开始内置了JSON的支持。当然，如果低于这个版本的话，那么市面上有很多PHP版本的实现，随 便下一个用就OK啦。现在主要是说说PHP内置支持的JSON。...很简单，两个函数：json_encode和json_decode（跟序列化很像啦）。 一个编码，一个解码。

    3.6K30

    前端面试ajax考点汇总_javascript常见面试题

    ajax的缺点： ajax不支持浏览器back按钮。 安全问题 AJAX暴露了与服务器交互的细节。 对搜索引擎的支持比较弱。 破坏了程序的异常机制。 不容易调试。 20、如何解决跨域问题？...31、什么是Ajax和JSON，它们的优缺点。...； JSON是一种轻量级的数据交换格式，ECMA的一个子集 优点：轻量级、易于人的阅读和编写，便于机器（JavaScript）解析，支持复合数据类型（数组、对象、字符串、数字） 32、页面编码和被请求的资源编码如果不一致如何处理...对于ajax请求传递的参数，如果是get请求方式，参数如果传递中文，在有些浏览器会乱码，不同的浏览器对参数编码的处理方式不同，所以对于get请求的参数需要使用encodeURIComponent函数对参数进行编码处理...对于post请求不需要进行编码。

    5.5K30

    什么是json?_string转json

    1.1 数组字面量 数组字面量，是用一对方括号括起一组用逗号隔开的 javascript 值，例如： var aNames=[“hello”, 12, true , null...在花括号内可以放置任意数量的“名称-值”对，定义格 式字符串值”。除了最后一行外，每个“名称-值”对后必须有一个逗号（这与Perl 中的联合数组的定义有些类似）。...语法 在Ajax应用中，就是服务器直接生成javascript语句，客户端获取后直接用eval方法来获得这个对象，这样就可以省去解析XML的性能损失。...1.5 JSON 编码和解码 作为 JSON 资源的一部分，Corockford 开发了一个能够实现 JSON 和Javascript 对象直接解码和编码的工具。...如果是通过工具对来回传送的数据进行创建和解析，那么的确没有理 由要求数据必须使人们易于阅读。问题的实质在于：存在可用的 JSON 工具。 3.

    2.6K20

    Ajax笔记(3)-axios

    编码与解码 URL地址中,只允许出现英文相关的字母,标点符号,数字,因此,在URL地址中不允许出现中文字符.如果URL中需要包含中文这样的字符,则必须对中文字符进行编码(转义) URL编码的原则...:使用安全的字符(没有特殊用途或者特殊意义的可打印字符,去表示那些不安全的字符),通俗理解就是用英文字符去表示非英文字符 (天哪我之前一直看成encodeURL) 数据交换格式 JSON的两种结构...:对象/数组 JSON就是用字符来表示JavaScript的对象和数组.所以,JSON中包含对象和数组两种结构,通过这两种结构的相互嵌套,可以表示各种复杂的数据结构 JSON和JS对象的转换...同源策略限制了从同一个源加载的文档或者脚本如何与来自另一个源的资源进行交互.这是一个用于隔离潜在恶意文件的重要安全机制 通俗的理解: 浏览器规定, A网站的JS,不允许和非同源网站C之间,进行资源的交互...,例如: 无法读取非同源网页的cookie,localStorage和indexedDB 无法解除非同源网页的DOM 无法向非同源地址发送ajax请求 跨域 什么是跨域 两个URL的协议,域名,

    1.1K20

    JSON 入门指南(IBM)

    由于 JSON 天生是为 JavaScript 准备的，因此，JSON 的数据格式非常简单，您可以用 JSON 传输一个简单的 String，Number，Boolean，也可以传输一个数组，或者一个复杂的...例如，用 JSON 表示一个简单的 String “ abc ”，其格式为： "abc" 除了字符 "，\，/ 和一些控制符（\b，\f，\n，\r，\t）需要编码外，其他 Unicode 字符可以直接输出...JSON 还可以表示一个数组对象，使用 [] 包含所有元素，每个元素用逗号分隔，元素可以是任意的 Value，例如，以下数组包含了一个 String，Number，Boolean 和一个 null：...(Boolean bool) { return bool.toString(); } 要将数组编码为 JSON 格式，可以通过循环将每一个元素编码出来： static String array2Json...目前，主流的浏览器对 JSON 支持都非常完善。应用 JSON，我们可以从 XML 的解析中摆脱出来，对那些应用 Ajax 的 Web 2.0 网站来说，JSON 确实是目前最灵活的轻量级方案。

    2.5K10

    AJAX

    访问添加csrf_token jquery实现ajax 引入jquery可以将文件放到一个static文件夹中，并在settings中添加 STATIC_URL = '/static/' STATICFILES_DIRS...发送信息至服务器时内容编码类型。...返回的数据进行预处理，有data和type两个参数，data为返回的原始数据，type为datatype参数，比如收到的是json类型，那么在预处理中tmp = JSON.parse(data) success...这里有json字符串和json对象两个概念 json字符串就是数据交换传输的信息格式，json对象其实是javascript对象的子集 数据传输或转换时，先将原数据转换成json字符串，使用时再将json...字符串的的格式 数字 （整数或浮点数） 字符串 （在双引号中） 逻辑值 （true 或 false） 数组 （在方括号中） 对象 （在花括号中，引号用双引） null json字符串中的引号都为双引号

    5.1K20

    求职 | 史上最全的web前端面试题汇总及答案2

    ①apply()函数有两个参数：第一个参数是上下文，第二个参数是参数组成的数组。如果上下文是null，则使用全局对象代替。...4、谈谈你对Ajax的理解。你在项目中如何使用Ajax？手写一个简单的Ajax操作。...一个简单的Ajax操作如下。 5、谈谈你对JSON的理解。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。...②一般我首先统一页面和服务器编码，对请求和响应的Content-Type设置正确编码；对请求参数进行编码处理。...具体请看一下参考： 【原创】说说json和jsonp,也许你会豁然开朗，含jQuery用例 深入浅出jsonp--解决ajax跨域问题 浏览器的同源策略-MDN 10、ajax 有那些优缺点?

    8.4K20

    【原生Ajax】全面了解xhr的概念与使用。

    了解xhr对象的readyState属性   使用xhr发起带参数的GET请求   URL编码与解码     什么是URL编码     如何对URL进行编码与解码   使用xhr发起post请求...后面以键值对的形式写上数据,多个数据用&连接。...如果URL中需要包含中文这样的字符，则必须对中文字符进行编码（转义）。 URL编码的原则，使用安全的字符，（没有特殊用途或者特殊意义的可打印字符）去表示那些不安全的字符。    ...如何对URL进行编码与解码 浏览器提供了URL编码与解码的API，分别是： encodeURI（） 编码的函数 decodeURI（）解码的函数 let str = '黑马程序员';...封装自己的Ajax函数   要实现的效果 定义一个名为itheima的ajax函数，导入js文件之后，可以进行调用文件内的相关函数。

    3.8K20

    2019PHP面试题大全【PHP基础部分】

    7、在程序的开发中，如何提高程序的运行效率？ （1）优化SQL语句，查询语句中尽量不使用select *，用哪个字段查哪个字段；少用子查询可用表连接代替；少用模糊查询。 （2）数据表中创建索引。...（3）对程序中经常用到的数据生成缓存（比如使用redis缓存数据，比如使用ob进行动态页面静态化等等）。 （4）对mysql做主从复制，读写分离。...优点是： ①可以实现代码的重用性，避免产生代码冗余； ②M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式 10、对json数据格式的理解？...（5）array_diff() 比较两个或两个以上数组的差异 （6）array_intersect() 获取两个或两个数组以上的交集 （7）array_keys() 获取数组的key列表 （8）array_values...（重点看函数的‘参数’和‘返回值’） （1）trim() 移除字符串两侧的空白字符和其他字符； （2）strlen() 获取字符串的长度 （3）mb_strlen() 获取字符串长度（可指定字符编码，对中文字符串计算长度

    5.8K40

    2019-PHP面试题大全【PHP基础部分】

    （4）数据传输上：get 方式通过url地址栏拼接参数进行传输，post 方式通过body体进行传输。...7、在程序的开发中，如何提高程序的运行效率？ （1）优化SQL语句，查询语句中尽量不使用select *，用哪个字段查哪个字段；少用子查询可用表连接代替；少用模糊查询。...（3）对程序中经常用到的数据生成缓存（比如使用redis缓存数据，比如使用ob进行动态页面静态化等等）。 （4）对mysql做主从复制，读写分离。...优点是： ① 可以实现代码的重用性，避免产生代码冗余； ② M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式 10、对json数据格式的理解？...（4）array_merge() 将多个数组合并成一个数组 （5）array_diff() 比较两个或两个以上数组的差异 （6）array_intersect() 获取两个或两个数组以上的交集

    2.4K20

    JQuery 入门学习(三)

    所以说ajax最大的优点，就是在不更新整个页面的情况下对部分内容进行修改、维护，这样服务器发送的数据少，减少了服务器的负担。 简单的ajax获取信息     说了那么多，我都感觉蛋疼了。...如果大家对ajax已经有了解了，就可以来看看我们用Jquery怎么去结合ajax。    ...比如刚才的数组，用json写出来： { "1": "a", "2": "b", "3": "C" }     这样的json能在任何javascript中被解析成一个json...在php5.2以上的版本，有了一对函数json_encode()和json_decode()，分别对php中对象进行json格式的编码和解码。     举个没什么营养的例子。     ...大家可以试验，点击了按钮后，打印出了php中定义的数组内容。php端两行代码，定义了一个数组，并用json_encode把数组做成一个json编码的字符串输出。

    9.8K20

    JSON Web Token(JWT)教程：一个基于Laravel和AngularJS的例子

    将其进行base64编码，我们就有了JWT的第一部分。...注：对于registered claim names，英文原文中使用的是registered ，jwt.io和查看的一些中文介绍中均用的是Reserved，故下文中均用Reserved代替英文原文中关于...但是，如果我们要添加额外的保护层，可以使用JSON Web Encryption（JWE）规范对JWT payload进行加密。...) 在本教程中，我将演示如何使用两个流行的Web技术实现JSON Web Token的基本身份验证：Laravel 5用于后端代码，AngularJS用于前端单页面应用程序（SPA）示例。...然而，在生产环境中，我们不想在配置文件中使用我们的密码或API密钥。相反，我们应该将它们放在服务器环境变量中，并使用该env函数在配置文件中引用它们。

    35.6K10

    jQuery ajax() 方法

    jQuery.getJSON() 使用 HTTP GET 请求从服务器加载 JSON 编码数据。...jQuery.param() 创建数组或对象的序列化表示，适合在 URL 查询字符串或 Ajax 请求中使用。 jQuery.post() 使用 HTTP POST 请求从服务器加载数据。...先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的 1. load( url, [data]...jQuery Ajax 事件 Ajax请求会产生若干不同的事件，我们可以订阅这些事件并在其中处理我们的逻辑。在jQuery这里有两种Ajax事件：局部事件 和 全局事件。...设置 AJAX 请求默认地址为 "/xmlhttp/"，禁止触发全局 AJAX 事件，用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数。

    4.4K60

    2019PHP面试题大全【PHP基础部分】

    7、在程序的开发中，如何提高程序的运行效率？ （1）优化SQL语句，查询语句中尽量不使用select *，用哪个字段查哪个字段；少用子查询可用表连接代替；少用模糊查询。 （2）数据表中创建索引。...（3）对程序中经常用到的数据生成缓存（比如使用redis缓存数据，比如使用ob进行动态页面静态化等等）。 （4）对mysql做主从复制，读写分离。...优点是： ①可以实现代码的重用性，避免产生代码冗余； ②M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式 10、对json数据格式的理解？...（5）array_diff() 比较两个或两个以上数组的差异 （6）array_intersect() 获取两个或两个数组以上的交集 （7）array_keys() 获取数组的key列表 （8）array_values...（重点看函数的‘参数’和‘返回值’） （1）trim() 移除字符串两侧的空白字符和其他字符； （2）strlen() 获取字符串的长度 （3）mb_strlen() 获取字符串长度（可指定字符编码，对中文字符串计算长度

    4.3K30

    HTML5 CSS3

    对于ajax请求传递的参数，如果是get请求方式，参数如果传递中文，在有些浏览器会乱码，不同的浏览器对参数编码的处理方式不同，所以对于get请求的参数需要使用 encodeURIComponent函数对参数进行编码处理...Ajax和JSON，它们的优缺点。...18、ajax请求时，如何解释json数据 使用eval()或者JSON.parse() 鉴于安全性考虑，推荐使用JSON.parse()更靠谱，对数据的安全性更好。...@*/false; 9、我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获 对两种事件模型的理解 10、实现一个函数clone，可以对JavaScript...18、在Javascript中什么是伪数组？如何将伪数组转化为标准数组？ 伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。

    4.2K40
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券