continue 与 break的区别

107 阅读4分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第5天,点击查看活动详情

原生JS中如何从一个页面 跳转 到另一个页面

跳转到其它页面(会产生历史记录) location.href = '路径'

跳转且替换页面(不会产生历史记录) location.replace('路径')

在JS中编码与解码URL

.encodeURI() 可以对字符串编码 .decodeURI() 可以对字符串解码 callee 与 call 与 caller的区别:

callee是arguments上面的属性,表示当前正在执行的函数 call改变函数调用时里边this的指向 caller是函数上的一个属性,它指向当前函数外一层函数,没有外一层函数,则为null 什么是jsonp

jsonp是一种解决跨域请求问题的技术 不足点:它只能是get请求 [1, 2, 3].map(Math.pow)的结果是什么?

请说出代码的运行结果,为什么?

结果时 129

map()会根据提供提供的函数对指定序列(列表)做映射。

pow()方法返回 x的y次方的值。

map(function(当前元素的值value,下标index));

toString() 与 valueOf()的区别

toString() 方法返回一个表示该对象的字符串。 valueOf() 方法返回指定对象的原始值, 如果对象没有原始值,则valueOf将返回对象本身 怎么自定义一个dom事件,并且编程式触发它?

通过new Event('事件名')创建一个事件对象 给指定元素绑定事件 document.dispatchEvent(事件对象)来触发事件 示例

const ev = new Event('abc');

document.addEventListener('abc', function (e) {

console.log('abc事件触发了。。。。。。')

})

document.dispatchEvent(ev) continue 与 break的区别

continue:跳过本次循环,直接进入下一次循环 break:直接终止循环 简述一下你对 HTML 语义化标签的理解?

① 用正确的标签做正确的事情。 ② html语义化让页面的 内容结构化,结构更清晰, 便于对浏览器、搜索引擎解析;即使在没有样式 CSS 情况下也以一种文档格式显示, 并且是容易阅读的; ③ 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重,利于SEO; ④ 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

图片img标签title与alt属性的区别

title属性:光标移入要显示图片文字 alt属性:当图片加载失败时要显示的文字 HTML5 的 form 如何关闭自动完成功能?

答案:将不想要自动完成的form或input设置为autocomplete=off

简述一下 src 与 href 的区别。

答案:src 用于引用资源,替换当前元素; href 用于在当前文档和引用资源之间确立联系。

解析: ● href href 标识超文本引用,用在 link 和 a 等元素上,href 是引用和页面关联, 是在当前元素和引用资源之间建立联系,在加载它的时候, 不会停止对当前文档的处理, 浏览器会继续往下走

若在文档中添加 href ,浏览器会识别该文档为 CSS 文件, 就会并行下载资源并且不会停止对当前文档的处理。 这也是为什么建议使link方式加载 CSS,而不是使用 @import 方式。
● src src 表示引用资源,替换当前元素,用在 img,script,iframe 上, src 是页面内容不可缺少的一部分。

当浏览器解析到 src ,会暂停其他资源的下载和处理 (图片不会暂停其他资源下载和处理),直到将该资源加载、编译、执行完毕, 图片和框架等也如此,类似于将所指向资源应用到当前内容。 这也是为什么建议把 js 脚本放在底部而不是头部的原因。 对 WEB 标准以及 W3C 的理解与认识

标签闭合、标签小写、不乱嵌套 使用外链css 和 js脚本、结构行为表现的分离、文件下载与页面速度更快 W3C标准使网站容易维护、有利于搜索引擎查找 Label的作用是什么?是怎么用的?

答案:label 标签来定义表单控制间的关系,当用户选择该标签时, 浏览器会自动将焦点转到和标签相关的表单控件上