首页
学习
活动
专区
圈层
工具
发布

前端面试题1(HTML篇)

HTML ---- 语义化 HTML标签的语义化是指:通过使用包含语义的标签(如h1-h6)恰当地表示文档结构 css命名的语义化是指:为html标签添加有意义的class 为什么需要语义化: 去掉样式后页面呈现清晰的结构...长期存储数据,浏览器关闭后数据不丢失 sessionStorage 的数据在浏览器关闭后自动删除 语意化更好的内容元素,比如 article、footer、header、nav、section 表单控件...方法产生的标签 可以利用这一特性让这些浏览器支持HTML5新标签 浏览器支持新标签后,还需要添加标签默认的样式 html5有哪些新特性、移除了那些元素?...长期存储数据,浏览器关闭后数据不丢失 sessionStorage 的数据在浏览器关闭后自动删除 语意化更好的内容元素,比如 article、footer、header、nav、section 表单控件...label标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件 HTML5的form如何关闭自动完成功能?

2.3K10

lru_cache和cache原理

当缓存队列已满时,新的元素加入队列时,需要从现有队列中移除一个元素,LRU 策略就是将最近最少被访问的元素移除,从而腾出空间给新的元素。...import time @lru_cache() # 3.8后内部处理 lru_cache(add) 等价于 lru_cache()(add) def add(x, y): print...# # 最近最少使用的key会删除, 对于计算fib(200)只依赖199和198,换出的是前面很久没有使用的,fib(1)等 2.在我们编写接口时可能需要缓存一些变动不大的数据如配置信息,我们可能编写如下接口...2.1 进阶用法 ​ 还是以上面的例子,如果发生用户的删除或者新增时,我们再请求用户接口时仍然返回的是缓存中的数据,这样返回的信息就和我们数据库中的数据就会存在差异,所以当发生用户新增或者删除时,我们需要清除原先的缓存...__wrapped__.cache_clear() return jsonify("新增用户成功") 2.2 functiontools.wrap装饰器对lru_cache的影响 ​ 在上节我们看到

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

    前端面试那些坑之HTML篇

    首先:CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,如div的display默认值为“block”,则为“块级”元素;span默认display属性值为...[ Chrome的:Blink(WebKit的分支)] 7、html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML 和HTML5?...的数据在浏览器关闭后自动删除; 语意化更好的内容元素,比如 article、footer、header、nav、section; 表单控件,calendar、date、time...、email、url、search; 新的技术webworker, websocket, Geolocation; 移除的元素: 纯表现的元素:basefont,big,center...有期时间: localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据; sessionStorage 数据在当前浏览器窗口关闭后自动删除。

    2K90

    2024全网最全面及最新且最为详细的网络安全技巧 七之 XSS漏洞典例分析POC以及 如何防御和修复(5)———— 作者:LJS

    但这里要注意的是,URL锚点#x是在编码外的,不能把这部分编码进base64,否则无法引用成功。...我最开始不是很明白这样做的用意,因为onload这个属性在后面白名单移除的时候会被删掉,在这里又做一次删除到底意义何在。后来看到了单元测试的case并进行调试以后,我才明白了原因。...的Payload是无法满足第二个条件的,因为onerror是在src加载失败的时候触发,中间存在IO操作时间比较久,所以肯定无法在onerror被移除前完成。...其中,后者能够成功的关键在于,一些恶意的事件在设置innerHTML的时候就瞬间触发了,即使后面对其进行了删除操作也无济于事。...此外,一些流行的Web应用程序和框架(如Drupal)具有内置缓存功能。 还有其他类型的缓存,例如客户端浏览器缓存和DNS缓存,但它们不是本文的研究重点。

    78510

    HTML5 CSS3

    地理(Geolocation) API 6. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; 7. sessionStorage 的数据在浏览器关闭后自动删除 8....* 绘画 canvas 元素 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除...* 绘画 canvas 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除...localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 数据在浏览器关闭后自动删除。 31....伪数组(类数组):无法直接调用数组方法或期望length属性有什么特殊的行为,但仍可以对真正数组遍历方法来遍历它们。

    4.2K40

    前端人员该怎么面试 经典Angular面试题有哪些

    #FormatImgID_0# 2、事件发射器如何在Angular 2中工作的? Angular 2不具有双向digest cycle,这是与Angular 1不同的。...Shadow DOM以及其它一些技术,使开发人员能够像标签一样构建自己的一级标签,Web组件和API。总的来说,这些新的标签和API被称为Web组件。...Shadow DOM通过提供了更好的关注分离,通过其它的HTML DOM元素实现了更少的样式与脚本的冲突。...因为shadow DOM本质上是静态的,同时也是开发人员无法访问的,所以它是一个很好的候选对象。因为它缓存的DOM将在浏览器中呈现得更快,并提供更好的性能。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    5.4K80

    如何整理自己的前端面试题库_2023-02-28

    完成模块编译:经过第 4 步使用 loader 翻译完所有模块后,得到了每个模块被翻译后的最终内容以及它们之间的依赖关系。...这个映射关系依靠初始化时的 JSX 建立完成; 当虚拟 DOM 发生变化后,就会根据差距计算生成 patch,这个 patch 是一个结构化的数据,内容包含了增加、更新、移除等; 最后再根据 patch...当使用后代选择器的时候,浏览器会遍历所有子元素来确定是否是指定的元素等等; (2)如果规则拥有ID选择器作为其关键选择器,则不要为规则增加标签。...过滤掉无关的规则(这样样式系统就不会浪费时间去匹配它们了)。 (3)避免使用通配规则,如*{}计算次数惊人,只对需要用到的元素进行选择。 (4)尽量少的去对标签进行选择,而是用class。...defer 和 async属性都是去异步加载外部的JS脚本文件,它们都不会阻塞页面的解析,其区别如下: 执行顺序: 多个带async属性的标签,不能保证加载的顺序;多个带defer属性的标签,按照加载顺序执行

    1.7K50

    JDK 11 版本时间表公布

    JEP-320:移除 Java EE 和 CORBA 模块 Java SE 9 的重组包括对 Java EE 和 CORBA 模块的支持,但根据 JEP-277,它们立即遭到弃用,并在未来版本中移除掉。...12 年中得到很好的发展,并且可以在第三方站点(如 Maven Central)中随时获得。...JEP 320 中得到确认和记录,特别是对于 Java EE 模块: 如果应用程序依赖 JDK 中 Java EE API 和相关工具的支持,那么它们将无法通过编译或运行。...依赖 RMI-IIOP、javax.activity 包或 CORBA API 的 CORBA 应用程序将无法通过编译或运行。...没有它,我就无法过好我的生活!Java 在我家里随处可见,这个小咖啡杯究竟有什么威力,为什么它可以控制我的家,包括我的身体。” “Java 命中注定,因为他们专注于完整性而不是简单性。”

    1.3K10

    看不完的那种!前端170面试题+答案学习整理(良心制作)

    读取服务器数据,有同步操作,如遍历一个大型数组,它们都不能立即得到结果。...,如何使用jquery来选择它们 可以使用标签选择器来选择所有的div元素,$("div")会返回一个包含5个div标签的jQuery对象。...,包括绑定的事件以及与该元素相关的jquery数据 detach()虽然可以将元素自身移除,但是它不会删除数据和绑定事件 57.如何利用jquery,来向一个元素添加或移除css类 用addClass...增加命中区域,屏幕阅读器可以读出标签。...触发重排的条件:任何页面布局和几何属性的改变都会触发重排 比如: 1、页面渲染初始化(无法避免) 2、添加或删除可见的DOM元素; 3、元素位置的改变,或者使用动画; 4、元素尺寸的改变——大小,外边距

    13.1K50

    轻松改善您网站上最大的内容绘制 (LCP)

    优化您在网站上提供的用户体验对于任何在线业务的成功都至关重要。谷歌确实使用不同的用户体验相关指标来为 SEO 对网页进行排名,并继续提供多种工具来衡量和提高网络性能。...对于此类资源,您可以通过向HTML 文档的 head 部分添加带有rel= "preload"属性的标签来预加载它们。 如 JS、CSS 和字体文件)使用 CDN 将显着加快它们的加载时间。ImageKit 确实支持通过其系统交付静态内容。...在这种情况下,您可以使用 script 标签的 defer 属性向浏览器指示它可以继续进行 DOM 解析并在稍后阶段继续执行 JS 文件。添加 defer 属性可以移除任何 DOM 解析的阻塞。...CSS 和 JS 文件包含空格以使它们清晰易读,但它们对于代码执行来说是不必要的。因此,您可以删除它们,从而减少生产中的文件大小。较小的文件大小意味着文件可以快速加载,从而减少您的 LCP 时间。

    5.6K20

    HTML 段落和文本格式化

    由于关闭标签没有任何意义,因此它没有结束标签。 HTML 输出- 使用提醒 我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。...对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。...("bold") 与 ("italic") 对输出的文本进行格式, 如:粗体 or 斜体 这些HTML标签被称为格式化标签(请查看底部完整标签参考手册)。...在线实例 文本格式化 此例演示如何在一个 HTML 文件中对文本进行格式化 预格式文本 此例演示如何使用 pre 标签对空行和空格进行控制。...删除字效果和插入字效果 此例演示如何标记删除文本和插入文本。

    13110

    系统性能提升利刃 | 缓存技术使用的实践与思考

    惰性删除 元素过期后并不会立马删除,而是等到该元素的下一次操作(如:访问、更新等)才会判断是否过期,执行过期删除操作。...a) FIFO:先进先出,当空间不足时,先进入的元素将会被移除。此方案并没有考虑元素的使用特性,可能最近频繁访问的一个元素会被移除,从而降低了缓存命中率。...但也有缺点:如果一个元素访问存在间歇规律,1分钟前访问1万次,后面30秒无访问,然后再访问一万次,这样就会导致被删除,降低了命中率。...这种算法针对LRU的缺点进行了优化,记录了元素访问的总次数,选出访问次数最小的元素进行删除。原本的LFU算法要求记录所有元素的访问次数,但考虑到内存成本,改进后的LFU是在有限队列中进行淘汰。...7.2.2 先操作(delete/update)缓存,再操作DB 第一种方案:当update缓存成功,但操作DB失败,虽然缓存中的数据是最新的了,但这个最新的数据最终并没有更新到DB中,当缓存失效后,还是会从

    56020

    这几个控制台API能帮你调试Web应用

    这些开发者工具提供了诸如审查DOM元素,添加或删除样式类,修改属性值,为一个或多个元素绑定事件等许多功能。除此之外,开发者工具还支持控制台API。...在本文中,我会向你介绍控制台API提供的主要功能并逐一介绍如何使用它们。 控制台API简介 控制台API提供了一系列诸如选择并审查DOM元素,监控事件监听器,停止或启动性能分析器等常见任务的入口。...通常你可能需要修改元素的某个属性,删除一个样式类,修改元素内容,甚至是在DOM树中移动元素的位置。要实现这些操作,你需要在这些元素的上下文中查看它们。现在让我们看看如何实现这一目标。...本节将介绍如何在控制台中实现这些操作。 设置或取消断点 通过UI界面设置断点通常会比较繁琐,因为你不得不在多个标签间切换以找到你要调试的函数。幸运的是,控制台API为你提供了debug()方法。...当你调查完毕后,你可以通过undebug()方法来移除断点。 监控函数的调用参数 有时断点并不是最适合的工具。

    1.4K20

    趣学前端 | 前端内存泄露多维度解析:从预防到排查的实战指南

    一、业务中常见内存泄露场景1.1 事件监听未移除场景描述: 在组件挂载时添加的事件监听器,若未在卸载时正确移除,会导致DOM元素无法被垃圾回收。...,即使这些 DOM 元素已经从页面中移除,由于 JavaScript 中的引用仍然存在,这些 DOM 元素所占用的内存也无法被回收。...如果缓存命中,直接返回缓存的图片对象。如果未缓存,则创建新的Image对象加载图片,并将图片存入缓存后返回。...CacheManager(5);cache.set('key1', 'value1'); // 添加缓存项cache.set('key2', 'value2'); // 添加缓存项// 当缓存达到最大容量时,会自动删除最早添加的元素架构解析...设计思路:设置缓存的最大容量,当缓存达到最大容量时,删除最早添加的元素,避免缓存数据无限增长。 重点逻辑:在 set 方法中检查缓存的大小,如果超过最大容量,则删除最早添加的元素。

    65720

    Vue2向Vue3过渡,持续记录

    2.setup异步请求 在开发 vue3 中,因为通过接口数据为异步函数获取,导致最后数据无法成功赋值进 return 中的数据。...每一个非纯字符串的子元素都应该用函数返回(返回值可以是vNode、Vnode数组、插槽对象表示的vNode),需要注意的是如果渲染普通的html标签不能返回对象格式(会导致无法渲染,并且不报错);...由 v-if 所触发的切换 由 v-show 所触发的切换 由特殊元素 切换的动态组件 触发过程: v-enter-from:元素插入或显示之前添加,插入或显示后的下一帧移除; v-enter-active...v-enter-to:在元素插入完成后的下一帧被添加 (也就是 v-enter-from 被移除的同时),在过渡或动画完成之后移除。 v-leave-from:离开动画的起始状态。...在一个离开动画被触发后的下一帧被添加 (也就是 v-leave-from 被移除的同时),在过渡或动画完成之后移除。

    7.6K40

    JS魔法堂:属性、特性,傻傻分不清楚

    可以看到元素的“属性”被分为三块   1. standard attribute:标准属性(或固有属性),如id、name等DTD/Scheme中定义的标签属性。     ...style属性会被删除,因此无法通过outerHTML来萃取异常样式规则的字符串值。   ...时会返回true;       但通过removeAttribute移除selected属性后,并不会改变选中项,因为selectedIndex没有被改变。         ...时会返回true;       但通过removeAttribute移除selected属性后,并不会改变选中项。     ...无法通过delete操作删除固有属性,在IE5.5、6、7中还会抛异常呢!            ②. 固有属性为只读属性,无法修改。

    2.1K70

    工作中最常用的5种本地缓存

    : %.2f%%, 命中数: %d, 未命中数: %d, 加载成功: %d, 加载失败: %d, 总加载时间: %dms", stats.hitRate() * 100,...Cache迁移到Caffeine后,会发现命中率有明显提升,特别是在数据访问模式复杂多变的场景下。...("未命中数: " + stats.missCount()); System.out.println("加载成功数: " + stats.loadSuccessCount());...08 综合对比与选型指南 现在我们已经深入了解了5种本地缓存方案,如何在实际项目中选择呢?下面的对比图和选型指南可以帮助你做出决策。...Caffeine是现代高性能缓存库,提供了最优的命中率和并发性能,是新项目的首选。 Guava Cache设计优雅,API友好,适合已经使用Guava库或对API设计有要求的项目。

    13310
    领券