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

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

简述一下src与href的区别 href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。...src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。...em的值不是固定的，它是相对单位，em是指当前默认字号大小（继承父元素默认字号）的倍数，可根据父元素字号的改变而自动调整。...list-item 像块类型元素一样显示，并添加样式列表标记。...• fixed 固定定位，固定定位与父元素无关（无论父元素是否定位），直接根据浏览器窗口定位，且不随滚动条拖动页面而滚动，可通过z-index进行层次分级。

2.1K10

JavaScript Source Map 详解

举例来说，jQuery 1.9压缩后只有3行，每行3万个字符，所有内部变量都改了名字。你看着报错信息，感到毫无头绪，根本不知道它所对应的原始位置。 这就是Source map想要解决的问题。...- names：转换前的所有变量名和属性名。 　　- mappings：记录位置信息的字符串，下文详细介绍。...- 第五位，表示这个位置属于names属性中的哪一个变量。 有几点需要说明。首先，所有的值都是以0作为基数的。其次，第五位不是必需的，如果该位置没有对应names属性中的变量，可以省略第五位。...在这6个位中，左边的第一位（最高位）表示是否"连续"（continuation）。如果是1，代表这６个位后面的6个位也属于同一个数；如果是0，表示该数值到这6个位结束。 　　...如果是的，这个位代表"符号"（sign），0为正，1为负（Source map的符号固定为0）；如果不是，这个位没有特殊含义，被算作数值的一部分。

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

    基于 3D 激光雷达的位姿估计

    八叉树存储：基本原理是通过不断切割立方体，将大立方体所包含的信息由所分割的小立方体表示，而根据小立方体内是否包含大立方体的信息可在存储数据时将一些未包含信息的小立方体去除，以节省存储空间 点云压缩：将扫描出的...马尔可夫定位：一种基于概率的定位方法，基于马尔可夫模型，利用环境感知和控制信息，根据机器人的运动和观测结果来确定机器人的位置概率分布，在无人车行驶过程中，可以通过估计的方法获得车辆在某个时间的精确位置，...将车辆的位置假定为是概率分布的，随着车辆的移动，这个概率也会随之分散，利用滤波器对各种变量数据进行处理，可 以缩小这种概率分布，利用贝叶斯滤波器处理各种变量数据，实现无人车的定位 蒙特卡洛定位：通过粒子滤波进行定位...自适应蒙特卡洛定位：是基于 MCL 算法提出的一种增强算法，解决了 MCL 算法可能出现的绑架问题和粒子数固定的问题 机器人绑架问题：指类似机器人突然被移动到另一个地方的问题，自适应蒙特卡洛定位算法通过计算预测粒子的平均权重...粒子数固定问题：指算法迭代至定位快完成时，剩余粒子重叠，继续以这些粒子进行迭代会造成计算资源的浪费问题；算法通过采样对粒子占据比例进行计算，并设定阈值，在每次迭代重采样过程中，对于超过阈值的分散粒子，设置较高的粒子数量上限

    19310

    前端开发中不可忽视的知识点汇总（二）

    如何将浮点数点左边的数每三位添加一个逗号，如12000000.11转化为『12,000,000.11』?...闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。...如何判断一个对象是否属于某个类？...， 所有这些都是 W3C 地理位置 API 定义的对象和函数。...减少数据库操作指减少更新次数、缓存结果减少查询次数、将数据库执行的操作尽可能的让你的程序完成（例如join查询），减少磁盘IO指尽量不使用文件系统作为缓存、减少读写文件次数等。

    2.3K40

    JavaScript学习参考结构

    变量var 单变量，多变量 数据类型：字符串、数字、布尔、数组、对象、null、undefined 函数 有参函数 无参函数 运算符 判断 JavaScript中支持两个中条件语句，分别是：if 和 switch...//e是一个局部变量，用来指向Error对象或者其他抛出的对象 } finally { //无论try中代码是否有异常抛出（甚至是try代码块中有return语句），finally...1 4 lastIndex 一个整数，标示开始下一次匹配的字符位置。 1 4 multiline RegExp 对象是否具有标志 m。 1 4 source 正则表达式的源文本。...返回找到的值，并确定其位置。 1 4 test 检索字符串中指定的值。返回 true 或 false。...isFinite() 检查某个值是否为有穷大的数。 isNaN() 检查某个值是否是数字。 Number() 把对象的值转换为数字。 parseFloat() 解析一个字符串并返回一个浮点数。

    2.7K20

    js什么是匿名函数_js函数返回值

    因此，小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这个引用变量后面再加上参数列表，就会实现普通函数的调用形式。 　　...闭包是指某种程序语言中的代码块允许一级函数存在并且在一级函数中所定义的自由变量能不被释放，直到一级函数被释放前，一级函数外也能应用这些未释放的自由变量。 　　怎样？...不知道这么再解释后会否更加清晰，如果还是不明白，那么我们再简化一下：闭包，其实就是指程序语言中能让代码调用已运行的函数中所定义的局部变量。 　　...// 就是这里调用了闭包特性中的一级函数局部变量的x ，并对它进行操作 alert(y–);// 引用的参数变量也是自由变量 }}(5);// 初始化 abc();// “5” “5”...看到这里，你能判断究竟jQuery 的那个代码片段是否闭包了吗？ 　　以我的理解来说吧。是否应用了闭包特性，必须确定该段代码有没有最重要的要素：未销毁的局部变量。

    9.1K20

    【C语言】编译和链接深度剖析

    这个命令主要做以下工作： 语法检查test.s文件，检查汇编语法是否正确。 处理test.s中定义的符号，如标签、变量等。 根据test.s中的汇编指令，生成对应目标机器指令。...链接阶段读取对象文件 链接器读取所有对象文件，并构建一个全局符号表。 符号决议 链接器检查全局符号表中是否存在重复定义或未定义的外部符号。如果有，报错;如果没有，继续下一步。...符号表包含链接后符号的最终地址信息。 总结： 在C语言链接过程中，通过构建全局符号表实现符号决议，通过读取和修改重定位表实现符号地址的计算和重定位，从而生成可以直接执行的目标文件。...等待最后的链接的时候根据引用的符号Add在其他模块中查找Add函数的地址，然后讲test.c中所有引用到Add的指令重新修正，让他们的目标为真正的Add函数的地址，对于全局变量g_val也是类似的方法来修正地址...总结：通过构建全局符号表完成符号决议，读取并修改test.o重定位表记录实现了符号地址的计算和重定位，生成可以执行的目标文件。 总的记忆图： 运行环境 程序必须载入内存中。

    54410

    jQuery(一)

    如果在自己代码中使用$作为变量，为了避免冲突，通过调用 jQuery.noConflict() 释放$变量，让其指向原始值 其拥有两个名字的全局方法为jquery的核心查询方法。...第二种 传递一个Element，Document或Window对象给$()方法，$()将会将其封装成对象并返回。即，可以通过这种方式完成通过Jquery方法操作元素，而不使用原生DOM的方法。...即 $(document) 或 $(this) 使用这种方法可以完成对节点的操作 第三种 传递字符串文本给$()方法，jQuery将会根据传入的文本创建好HTML元素，然后将其封装为jQuery对象返回...paddingWidth; // 左border和右border的和 var margins = marginWidth - borderWidth; // 左margin和右margin的和 // 根据页面数...linklist id 的新div $(document.body).append('List of Links'); // 将文档中的所有链接复制并插入该新

    2.9K40

    详细说明如何实现简易轮播效果

    如图： 这里也有一个小误区：设置left的位置。...这里使用jQuery写法，为两个按钮绑定点击事件。这里#next为下一张，#prev为上一张。 绑定好事件后，设置关键的两个全局变量。 一个是index用于记录当前所在内容屏数。...第一行代码：点击后，内容肯定要换到下一屏内容，所以记录屏数的index变量自加1不难理解。 第二行代码：move的这个变量，也需要是全局变量，因为这个变量就是记录着整个轮播的移动量！...如图： 通常处理就是加上if判定，判定内容是index（记录屏数的变量）是否等于最后一屏内容。 1-问：这一步的关键是明白index == 4 意味着什么？...2-问：if判定为什么要放在事件的第一行？ 2-答：因为这个判定的内容是判定index变量，所以必须放在index自减或自加的前面；最保险的就是放在第一行。

    17110

    前端开发面试题总结之——JAVASCRIPT.One

    var a=[1,2]; alert(a.shift()); unshift 方法 将指定的元素插入数组开始位置并返回该数组。...闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量，利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。...垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量，如果一个对象的引用数量为0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。...是否了解针对 jQuery 性能的优化方法？ 基于Class的选择性的性能相对于Id选择器开销很大，因为需遍历所有DOM元素。 // 频繁操作的DOM，先缓存起来再操作。...协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则，超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器

    1.5K10

    6.Go流程控制

    , &money) // 注意：这里Scanf函数必须加上\n, 否则第二个Scanf不起作用 if money >= 2 { var seat_count int // 注意：该变量的定义位置...………………………… default: 要执行的代码 } switch-case结构的执行流程： 程序执行到switch处，首先将变量或者表达式的值计算出来，然后拿着这个值依次跟每个case后面所带的值进行匹配...（2.3.5）找出100-999间的水仙花数 分析：水仙花数指的就是 这个百位数字的，百位的立方 + 十位的立方 + 个位的立方 == 当前这个百位数字 例如： 153这个数字 百位数为1, 十位数为5...（2.4.3）循环录入5个人的年龄并计算平均年龄,如果录入的数据出现负数或大于100的数,立即停止输入并报错 分析： 定义一个变量来接收用户输入的年龄，同时还要定义一个变量来保存5个人的年龄之和。...// （2.4.3）循环录入5个人的年龄并计算平均年龄,如果录入的数据出现负数或大于100的数,立即停止输入并报错 var age int var sum int var b bool = true for

    1.7K10

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

    相同点：都是判定两个值是否相等 不同点：==不会判断类型，而===会判断类型 5、如何判断一个变量的值是否为数字？以及有哪些手段判断变量值的数据类型？...全局函数isNaN可以判断一个变量的值是否为数字。 可以使用运算符type、instanceof判断变量值的数据类型。 6、什么是Bom什么是Dom?你如何理解Dom?...在尾部添加使用push(); 在头部添加使用unshift(); 在任意位置添加使用splice(),但要注意把它的删除个数设置为0; array详细介绍请看下文链接 JS中数组对象详解 20、简述javascript...例子请看以下链接 JS中的事件委托 28、闭包是什么，有什么特性，对页面有什么影响 什么是闭包 “官方”的解释：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分...①内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。 ②垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。

    8.4K20

    前端模块化的今生

    Instantiation（实例）：把所有导出的变量入内存指定位置（但是暂时还不求值）。然后，让导出和导入都指向内存指定位置。这叫做『linking (链接)』。...Evaluation（求值）：执行代码，得到变量的值然后放到内存对应位置。...模块实例 获取到所有依赖文件并建立好 module map 后，就会找到所有模块记录，并取出其中的所有导出的变量，然后，将所有变量一一对应到内存中，将对应关系存储到『模块环境记录』（module environment...初始化导出变量和内存的对应关系后，紧接着会设置模块导入和内存的对应关系，确保相同变量的导入和导出都指向了同一个内存区域，并保证所有的导入都能找到对应的导出。 ?...连接到导入导出变量后，我们就需要将对应的值放入到内存中，下面就要进入到求值的步骤了。 模块求值 求值步骤相对简单，只要运行代码把计算出来的值填入之前记录的内存地址就可以了。

    86530

    datatables使用教程

    版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。...(排序的时候，数据很多耗费时间长的话，也会显示这个) lengthChange: true,//是否允许用户改变表格每页显示的记录数 orderMulti: true, //启用多列排序...(排序的时候，数据很多耗费时间长的话，也会显示这个) lengthChange: true,//是否允许用户改变表格每页显示的记录数 orderMulti: true, //启用多列排序...JSON数据返回 （不是每个参数都需要接受处理，根据自己的业务需要） 名称 类型 描述 draw integerJS 必要。...(排序的时候，数据很多耗费时间长的话，也会显示这个) lengthChange: true,//是否允许用户改变表格每页显示的记录数 orderMulti: true, //启用多列排序

    9K20

    jQuery中find&filter、live&bind对比介绍及图片懒加载

    live方法之所以能对后生成的元素也绑定相应的事件的原因归结在"事件委托"上面，所谓"事件委托"就是指绑定在祖先元素上的事件可以在其后代元素上进行使用。...相比之下，bind会在事件在绑定阶段就会判断绑定事件的元素是否存在，而且只针对当前元素进行绑定，而不是绑定到父节点上。 根据上面的分析，live的好处真是很强大，那么为什么还要使用bind方法呢？...realimg.jpg" alt="" /> 页面初次加载时获取图片在页面中的位置并缓存...(每次取offset的值会引发页面的reflow)，计算出可视区域，当图片的位置出现在可视区域中，将src的值替换成真实的地址，此时图片就开始加载了。...当页面滚动的时候，再判断图片已经缓存的位置值是否出现在可视区域内，进行替换src加载。当所有的图片都加载完之后，将相应的触发事件卸载，避免重复操作引起的内存泄漏。

    1.1K31

    JS的面试题（一）

    return基本数据类型时无效， return引用类型，返回值是return的内容 3.构造函数中的this指什么？...，当内层函数在外层函数的外部调用时，就产生了闭包 10.用闭包可以解决什么问题 循环绑定事件中获取索引 无需全局变量实现变量值递增 11.argums是什么？...找div是否有class ips 36、jQuery有哪些动画，分别设置的是什么？...jQuery.noConflict() jQuery 使用 noConflict 方法来放弃 调用时的命名，之后由 jQuery 代替 进行编写 54、如何用jQuery获取元素在文档中的位置？...(“dom”).offset().top无定位的位置 (“dom”).position().top有定位的位置 55、瀑布流的实现原理 先将图片绝对定位，通过计算出一排能够容纳几列元素，然后寻找各列之中所有元素高度之和的最小者

    1K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券