xxq_0217
xxq_0217

常见面试题之HTML

行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

HTML 中的行内元素（inline elements）通常用于在一行内显示，不会独占一行的空间。常见的行内元素有：

块级元素（block-level elements）通常会独占一行的空间，并且会在前后创建换行。常见的块级元素有：

  • ：用于将内容分组。

  • ：用于段落。

  • -
    ：用于标题。

    • 和
        ：用于无序和有序列表。

      2. ：用于列表项。

      3. ：用于创建表格。

        空元素（void elements）是指没有闭合标签的元素。它们在 HTML 中没有内容，只有一个开启标签。常见的空元素有：


        • ：用于插入换行符。

        • ：用于插入图像。

        • ：用于创建用户输入字段。

        • ：用于指定页面元数据。

        • ：用于引入外部资源。

        • ：用于创建水平分隔线。

        如何理解HTML5结构语义化？

        • 简单说就是，用正确的标签做正确的事情

        • 段落用p标签，标题用h系列标签，图片用img，主要内容用main标签等

        • 对开发者：

          • 便于团队的开发和维护

          • 在没有加载CSS的情况下也能呈现较好的内容与代码结构，易于阅读

        • 对浏览器：

          • 有利于SEO，搜索引擎的爬虫依赖于标签来确定上下文和各个关键字的权重

          • 方便其他设备的解析 (如屏幕阅读器、盲人阅读器等)，有利于无障碍阅读，提高可访问性。

        HTML5的新特性？

        • 新增：

          • 语义化标签：nav、header、footer、aside、article、section

          • 媒体的audio 音频、video 视频

          • 数据存储的：localstorage、sessionStorage

          • 表单控件：date、time、email、url、search、color、range等

          • 新的技术：canvas画布、Geolocation地理位置、websocket通信协议、webworker

          • history API：go、forward、back、pushstate

        • 移除的元素：

          • 纯表现的元素：basefont、big、center、font、s、strike、tt、u

          • 对可用性产生负面影响的元素：frame、frameset、noframes

        • 支持HTML5新标签的浏览器：

          • 在IE8/IE7/IE6浏览器中可以通过document.createElement方法创建标签，让这些浏览器支持HTML5的新标签

          • 也可以使用成熟的框架，如html5shim

        • 通过DOCTYPE声明、新增的结构元素、功能元素可以区分HTML5

        标签上title和alt属性的区别是什么？

        • 这两个属性都可以用在img标签中的

        • title是元素的注释信息，给用户看的，当鼠标放到图片或者文字上时会显示。在IE浏览器中alt起到了title的作用，变成文字提示

        • alt是当图片不显示时的替代文字，给搜索引擎识别的

        src和href的区别

        • src是用于替换当前元素

          • src是source的缩写

          • 指向外部资源的位置，在请求src资源时会将其指向的资源下载并应用到文档内，如js、img、frame等元素

          • 当浏览器解析到该元素时，会暂停其他资源的下载和处理，知道将该资源加载、编译、执行完毕，图片和框架等元素也是如此，类似于将所指向资源嵌入当前标签内。

        • href是用于在当前文档和引用资源之间确立联系

          • href是Hypertext Reference的缩写

          • 指向网络资源所在位置，建立和当前元素或当前文档之间的链接，如link元素

          • 浏览器会识别文档并下载资源且不会停止对当前文档的处理

        label标签

        label的for属性和input的id配合使用，当我们点击label时，浏览器会自动将焦点这个input框中

        

​
​

        锚点

        对于锚点，可以在 HTML 中使用 a 标签的 name 属性来设置锚点，然后在页面中通过a 标签的 href 属性使用#进行跳转。

        浏览器的渲染机制一般分为几个步骤？网页渲染到浏览器发生了什么？一个网页怎么渲染到浏览器端的？

        • 处理HTML 并构建 DOM 树

        • 处理 css 构建 CSSOM 树

        • 将 DOM 与 CSSOM 合并成一个渲染树

        • 根据渲染树来布局，计算每个节点的位置

        • 调用 GPU 绘制，合成图层，显示在屏幕上

        • 注意:

          • 在构建 CSSOM 树时，会阻塞渲染，直至 CSSOM 树构建完成。并且构建 CSSOM 树是一个十分消耗性能的过程，所以应该尽量保证层级扁平，减少过度层叠，越是具体的 CSS 选择器，执行速度越慢

          • 当HTML 解析到 script 标签时，会暂停构建 DOM，完成后才会从暂停的地方重新开始。也就是说，如果你想首屏渲染的越快，就越不应该在首屏就加载JS 文件。

        iframe的理解？

        • iframe是一个框架标签，在网页中嵌入其他文件，可以嵌入广告，与超链接或表单的target配合，展示不同的内容。

        • 优点：

          • 解决加载缓慢的第三方内容，如图标和广告等加载问题

          • 并行加载脚本

        • 缺点：

          • iframe会阻塞主页面的OnLoad事件

          • 即使内容为空，加载也需要事件

          • 没有语义

        如果有两个iframe怎么进行数据传递？

        1. 使用postMessage API

        2. 可以使用本地缓存，localStorage、sessionStorage和cookie

        cookies、sessionStorage、localStorage的区别

        • cookie是网站为了标识用户身份而储存在用户本地终端上的数据。cookie数据始终在同源的http请求中携带，即会在浏览器和服务器间来回传递

        • sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存

        • 存储大小：

          • cookie数据大小不能超过4k

          • sessionStorage和localStorage比cookie大，可以达到5M或更大

        • 储存时间：

          • cookie可以设置过期时间，在用户关闭浏览器后仍保留；

          • sessionStorage在当前会话期间有效，关闭浏览器后数据被清除；临时缓存页面中的分页，保存当前页码和每页显示的条数

          • localStorage可以长期保留数据，除非手动删除或清除缓存；历史记录、收藏夹或者离线存储

        • 常用API：

          1. Cookies

            • document.cookie：获取或设置当前页面的 cookie。

            • encodeURIComponent()：编码字符串以便放到cookie中。

            • decodeURIComponent()：解码cookie中的字符串。

            • max-age：设置Cookie的过期时间。

          2. sessionStorage

            • sessionStorage.setItem(key, value)：存储一个键值对。

            • sessionStorage.getItem(key)：根据键名获取存储的值。

            • sessionStorage.removeItem(key)：删除某个键值对。

            • sessionStorage.clear()：清空所有键值对。

          3. localStorage

            • localStorage.setItem(key, value)：存储一个键值对。

            • localStorage.getItem(key)：根据键名获取存储的值。

            • localStorage.removeItem(key)：删除某个键值对。

            • localStorage.clear()：清空所有键值对

        渐进式增强和优雅降级

        • 这两个都和前端开发中的跨浏览器的兼容性有关

        • 简单地说，就是描述了一种处理不同浏览器对网站或应用程序支持程度不同的方法

        • 渐进式增强：从简单到复杂的设计策略。指在设计和开发的过程中，在保证基本功能可用的情况下，逐步添加高级的功能。确保网站在就得浏览器或设备可以正常工作，并且在新的浏览器或设备上可以得到更好的用户体验。

          注重于提供核心经验，并逐步添加额外功能

        • 优雅降级：从复杂到简单的设计策略。假设网站或应用程序具有完整高质量并且复杂的特点，在尽可能多的平台上运行良好，当某些客户端设备无法处理所有的特性时，会优雅地回退到一个更为简单，但仍满足基本需求的版本

          立足于完整和复杂的设计，并在必要的时候简化他们确保网站或者应用程序的使用

        !DOCTYPE

        • DOCTYPE是HTML5中的一种文档类型声明，告诉浏览器应该用哪个HTML版本解析网页

        • 浏览器渲染页面有两种模式：

          • 标准模式：默认模式，浏览器使用W3C的标准解析渲染页面，以最高的标准呈现页面

          • 混杂模式：就是页面以一种比较宽松的向后兼容的方式显示

        html5的离线存储资源

        • 在线情况下，通过请求mainfest文件，如果是第一次访问，浏览器就根据mainfest文件的内容进行下载并进行离线存储，那如果是之前访问，mainfest文件没有改变的情况，过就会使用离线缓存的内容，如果mainfest文件进行更新了，就会重新下载并进行缓存

        • 离线情况下，浏览器直接使用离线存储

        自定义属性 / 全局属性

        • 自定义属性：指在HTML标签中自己定义的属性。命名要以data-前缀开头，然后用js获取或者css设置这个属性的值，使用dataset来获取或者设置

        • 全局属性：比id、class、style、title、lang等，适用于任何HTML元素

        script 标签为什么建议放在 body 标签的底部（defer、async）

        • 因为浏览器在渲染html的时候是从上到下执行的，当遇到js文件的时候就会停止当前页面的渲染，转而去下载js文件。

        • 如果将script标签放在头部，在文件很大的情况下将导致首屏加载时间延长，影响用户体验。

        style写在body前和写在body后有什么区别？

        • 因为我们的代码是从上往下执行的，style写在前面会逐步渲染

        • 当把style写后面的时候，浏览器解析完html文档，解析到尾部的css时会导致浏览器停止之前的渲染，等待加载解析完css后重新渲染，会导致页面出现FOUC现象，即页面闪烁的问题

        什么是HTML5，以及和HTML的区别是什么？

        • HTML5是HTML的新标准，其主要目标是无需任何额外的插件如Flash、Silverlight等，就可以传输所有内容。它囊括了动画、视频、丰富的图形用户界面等。

          HTML5是由万维网联盟（W3C）和 Web Hypertext Application Technology Working Group 合作创建的HTML新版本。

        • 区别：

          • 从文档声明类型上看：

            • HTML是很长的一段代码，很难记住。

            • HTML5却只有简简单单的声明，方便记忆

          • 从语义结构上看：

            • HTML4.0：没有体现结构语义化的标签，通常都是这样来命名的

              ，这样表示网站的头部。

            • HTML5：在语义上却有很大的优势。提供了一些新的标签，比如：

              。

        HTML5 有哪些 drag 相关的 API ？

        • dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。

        • darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。

        • dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。

        • dragover：事件主体是目标元素，在被拖放在某元素内移动时触发。

        • dragleave：事件主体是目标元素，在被拖放元素移出目标元素是触发。

        • drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发。

        • dragend：事件主体是被拖放元素，在整个拖放操作结束时触发。

        canvas和svg

        • 通过Javascript来绘制2D图形，是逐像素进行渲染的。其位置发生改变，就会重新进行绘制

        • svg是缩放矢量图，不依赖分辨率，支持事件处理器，不适合游戏应用

        如何实现浏览器内多个标签页之间的通信？

        1. localStorage

          localStorage是浏览器多个标签共用的存储空间，所以可以用来实现多标签之间的通信(ps：session是会话级的存储空间，每个标签页都是单独的）

        2. WebSocket通讯

          全双工（full-duplex）通信自然可以实现多个标签之间的通信

        3. postMessage

          两个需要交互的tab页面具有依赖关系。比如iframe标签可以使用

        4. 定时器setInterval + cookie

          • 在页面A设置一个使用setInterval定时器不断刷新，检查Cookies的值是否发生变化，如果变化就进行刷新的操作。

          • 由于Cookies是在同域可读的，所以在页面B审核的时候改变Cookies的值，页面A自然是可以拿到的。

        5. Broadcast Channel

          顾名思义，“广播频道”，官方文档里的解释为“用于同源不同页面之间完成通信的功能”（该方法无法完成跨域的数据传输），在其中某个页面发送的消息会被其他页面监听到。

        6. SharedWorker

          SharedWorker可以被多个window共同使用，但必须保证这些标签页都是同源的(相同的协议，主机和端口号)

        input上传文件怎么实现的，可以多选吗？

        type属性值设置为file，当我们选择文件的时候触发change事件，将选择的文件上传到服务器。通过multiple属性实现同时选择多个

        你可能感兴趣的:(HTML面试题,html,前端)

        • 前端性能优化之SSR优化 xiangzhihong8 前端前端
          我们常说的SSR是指Server-SideRendering，即服务端渲染，属于首屏直出渲染的一种方案。SSR也是前端性能优化中最常用的技术方案了，能有效地缩短页面的可见时间，给用户带来很好的体验。SSR渲染方案一般来说，我们页面加载会分为好几个步骤：请求域名，服务器返回HTML资源。浏览器加载HTML片段，识别到有CSS/JavaScript资源时，获取资源并加载。现在大多数前端页面都是单页面应
        • 前端面经分享（25/03/18） CreatorRay react面试前端前端面试react
          北京一家做边缘云服务提供商公司，技术一面，15k-20k，要求3-5年上家公司的项目为什么会选择MQTT进行通信React常用Hook为什么React不能在条件语句里用Hook前端常见的优化策略React如何捕获子组件的错误React给节点加key会有什么效果最近俩家公司都用WebSocket做了什么HTTP各个版本的区别跨域的常见解决方案前端常见布局WebSocket和SSE的区别A页面滚动到一
        • 智慧物流数字管理系统设计案例分析 UI设计开发服务商 数据分析数据挖掘
          你好，宝子们！艾斯视觉团队在此，我们专注于UI设计和前端开发领域10年有余。非常高兴能与您分享我们的经验和见解。如果您觉得有所帮助，请给予我们支持和关注，并随时私信我们，共同探讨进步！谢谢您的鼓励！随着科技的飞速发展，数字化已经成为现代物流业的重要发展趋势。智慧物流数字管理系统旨在通过先进的技术手段，实现物流信息的实时共享、智能分析和优化决策，从而提高物流效率、降低成本并提升客户满意度。本文将以一
        • 前端面经真题解析10-字节/抖音电商/前端/超详细记录 浪里个浪zxf 前端面试前端
          文章目录1.自我介绍2.介绍下自己的项目3.看你项目里面用了axios,说下请求拦截和响应拦截怎么做？4.说下项目里面前后端交互过程及设计？5.怎么处理切换分页请求数据的，优化手段？6.说下你爬取别人网站数据的时候，别人如果设置了拦截，你的解决方案是？7.你说下http请求的refer字段？**Origin字段：****Referer字段：****Host字段****区别：**8.看你做了路由懒加
        • 【网易雷火秋招】前端面经分享 编程自学-领绿学长 前端求职招聘面试
          网易网易雷火是国内一流且最有创新力的游戏研发团队，是网易杭州的第一个游戏工作室。雷火开创性的打造了《逆水寒》、《永劫无间》、《倩女幽魂》、《全明星街球派对》等一众爆款游戏；并在二次元、FPS、主机游戏等方向上持续探索，《代号：无限大》等在研项目收到玩家广泛关注。与此同时，我们与全球合作伙伴一起共同构建开放、协同、共荣共生的产业生态，致力于让中国游戏走出去，让世界听见雷火声音。雷火还拥有国内专业从事
        • 深入解析：C# 中 `Task.Delay` 与 `Thread.Sleep` 的对比与实战 墨夶 C#学习资料1c#开发语言
          嘿，小伙伴们！今天我们要一起深入探讨C#中的Task.Delay和Thread.Sleep。想象一下，你正在开发一个需要处理异步操作的应用程序，如何有效地管理线程和延迟执行任务呢？别急，让我们通过这篇文章来详细解析Task.Delay和Thread.Sleep的区别，并涵盖以下内容：基本概念Thread.Sleep的用法Task.Delay的用法对比分析实战示例注意事项与最佳实践常见面试题及答案正
        • 【万字总结】前端全方位性能优化指南（四）——虚拟DOM批处理、文档碎片池、重排规避 庸俗今天不摸鱼 Web性能优化合集前端性能优化
          前言在浏览器宇宙中，DOM操作如同「时空裂缝」——一次不当的节点更新可能引发连锁重排，吞噬整条渲染流水线的性能。本章直面这一核心矛盾，以原子级操作合并、节点记忆重组、排版禁忌破解为三重武器，重构DOM更新的物理法则。通过虚拟DOM的批处理引擎将千次操作坍缩为单次提交，借助文档碎片池实现90%节点的跨时空复用，再以transform替代top等20项反重排铁律，我们将彻底终结「JavaScript线
        • 前端面经分享（25/03/19） CreatorRay 前端面试前端面试
          北京一家做协同办公软件出海的公司，技术一面，20k-40k，要求3-5年详细聊了一下上家公司的项目上家公司的项目是不做了吗，离职原因是什么，你觉得公司的这个产品怎么样在做AI类的业务时，作为前端感觉跟常规业务有什么区别详细聊了一下上上家公司的项目细节讲一下项目里用编辑器做了什么事遇到过什么难解决的问题项目里提供的UI自动化的功能是怎么做的聊了一下写博客的事情有没有了解过浏览器底层的东西最近在研究或
        • 常用的pdf技术有哪些？--笔记 我不是彭于晏灬 pdf笔记
          常用的pdf技术有哪些？1.iTextPDF：iText是著名的开放项目，是用于生成PDF文档的一个java类库。通过iText不仅可以生成PDF或rtf的文档，而且可以将XML、Html文件转化为PDF文件。Openoffice：openoffice是开源软件且能在windows和linux平台下运行，可以灵活的将word或者Excel转化为PDF文档。JasperReport：是一个强大、灵活
        • 【VSCode】VSCode常用快捷键 Ctrl Z. vscodeide编辑器
          ！+回车键快速创建html骨架Ctrl+/单行注释（取消）快捷键Alt+Shift+A块注释（取消）快捷键Ctrl+加号代码放大（适合浏览器）Ctrl+减号代码缩小（适合浏览器）Ctrl+Shift+K删除当前行Ctrl+H替换查询下一个/上一个：F3/Shift+F3选中所有出现在查询中的：Alt+EnterCtrl+D匹配当前选中的词汇或者行，再次选中-可操作Shift+Alt+F格式化代码F
        • 【VSCode】VSCode常用插件 Ctrl Z. vscodeide编辑器
          Chinese(Simplified)(简体中文)LanguagePackforVisualStudioCode：简体中文支持插件HTML/CSS/JavaScriptSnippets：支持HTML/CSS/JavaScript快速匹配输入HTMLSnippets：这个插件提供了一系列HTML代码片段，通过简单的缩写就可以快速生成常用的HTML结构。例如，输入!并按下Tab键，就可以快速生成一个完
        • python面试题详解 __wishing__ python
          十道经典面试题（python）1.一行代码实现累加1-100之和print(sum(range(1,101)))输出结果：5050分析：利用sum函数进行累加。range控制序列。2.一行代码实现列表去重#声明需要去重的列表list1=[1,1,2,2,3,3,4,4]list1=list(set(list1))</
        • 2025美团最新面试题—Java程序减少GC的设计 程序员共鸣 javajvm开发语言
          1.对象复用与池化线程局部变量：通过ThreadLocal缓存线程私有对象，避免竞争。可变对象：优先使用可修改对象（如StringBuilder代替String拼接）。2.减少对象创建避免隐式装箱：使用基本类型（int而非Integer）。优化循环：避免在循环内创建临时对象。静态不可变对象：将常量声明为staticfinal（如配置参数）。3.数据结构优化预分配容量：初始化集合时指定合理大小（如A
        • 浏览器开发者工具深度调试指南：从入门到高阶技巧 109702008 编程网络人工智能网络
          浏览器开发者工具（DevTools）是现代前端工程师的"瑞士军刀"，本文将系统解析其核心功能与实战技巧，助您掌握高效调试的终极奥义。一、基础操作与核心功能1.1工具启动方式快捷键：F12（Win/Linux）|Cmd+Opt+I（Mac）右键菜单：网页任意位置右键→检查（Inspect）移动端调试：启用设备模式（Ctrl+Shift+M）1.2核心面板全景图面板名称核心功能快捷键切换Element
        • 《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅 JJCTO袁龙 前端react.js前端框架
          文章标题《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅在前端开发的浪潮中，React.js已经成为开发者们不可或缺的利器。它以其高效、灵活的特性，成为构建现代Web应用的首选框架之一。然而，随着项目复杂度的增加，如何更好地管理状态、优化性能、提升代码可维护性，成为每个开发者必须面对的挑战。幸运的是，我最近出版的《React开发实践：掌握Redux与Hooks应用》这
        • Webpack常见面试题总结 xiangzhihong8 ReactNative前端webpack前端javascript
          一、谈谈你对Webpack的理解1.1背景Webpack的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。在早期的前端项目中，我们通过文件划分的形式来实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的JS文件中。约定每个文件是一个独立的模块，然后再将这些js文件引入到页面，一个script标签对应一个模块，然后再调用模块化的成员。比如：但这种模块化开发的弊端也十分
        • 初级面试题：数据类型面试题大揭秘 佩奇的技术笔记 Java面试小册java开发语言
          一、引言在Java开发的面试中，数据类型相关的问题经常出现。面试官通过这些问题考察候选人对Java基础的理解程度以及在实际开发中对数据类型的运用能力。本文将深入剖析常见的数据类型面试题，帮助读者全面掌握这些知识点。二、基本数据类型与引用数据类型面试题：int和Integer的区别是什么？答案：int是基本数据类型，占用4个字节内存，直接存储数值；Integer是int对应的引用数据类型，即包装类，
        • 最完整的webpack Dll打包与采坑总结 仰望星空的代码 Vue.js踩坑记vue.jswebpackdll打包打包优化
          webpack已经成为前端主流的项目打包工具，对于前端开发必不可少。在前端项目依赖第三方库过多，项目比较大文件比较多时，webpack打包的速度也会被拖成蜗牛，是时候优化一下webapck的打包速度了。在优化打包速度方面有不少方法方式，其中一个比较重要的方式是DllPlugin。DllPlugin把第三方库打包成动态链接库（动态链接库：windows系统中库文件概念，这里是借用了这一概念。），Dl
        • echarts柱状图区间滚动 没有天赋的搬砖者 echarts前端javascript
          constxData=['00:00','01:00','02:00','03:00','04:00','05:00','06:00'];constbarData=[5,20,36,10,10,20];option={tooltip:{show:true,trigger:'axis',confine:true,formatter(item){consthtml=`${xData[item[0].d
        • Java WebSocket与项目页面（通常是HTML + JavaScript）之间建立连接并传输数据 hh_fine javawebsockethtml
          JavaWebSocket与项目页面（通常是HTML+JavaScript）之间建立连接并传输数据1.创建JavaWebSocket服务器：使用JavaWebSocketAPI创建一个WebSocket服务器端点。2.在HTML页面中使用JavaScript连接WebSocket：通过JavaScript的WebSocketAPI与JavaWebSocket服务器建立连接。3.双向数据传输：实现服
        • 前端开发：Webpack的使用总结 三掌柜666 web前端知识汇总webpack前端javascript
          前言在前端开发过程中，尤其是现在前端框架的频繁使用的当下，作为前端开发者想必对于Webpack并不陌生，尤其是在使用Vue框架做前端开发的时候，打包时候必用Webpack。还有就是在前端求职面试的时候，Webpack相关的知识点也是面试官必定考察的，那么本篇博文就来分享一下关于Webpack使用相关的知识点，记录下来，方便后期查阅使用。Webpack概念Webpack其实是一个前端资源加载/打包工
        • 什么时候用到jupyter notebook的NBConvert 老光私享 jupyterpython人工智能windows机器学习
          JupyterNotebook的NBConvert功能是用来将JupyterNotebook文件转换为其他格式的工具。通常情况下，我们会用到NBConvert功能来将JupyterNotebook文件转换为HTML、LaTeX、PDF或其他文本格式。这样可以方便地将JupyterNotebook分享给他人，或者将其用于报告、文章、文档或其他写作目的。要使用NBConvert功能，需要在命令行中运行
        • 【css酷炫效果】纯CSS实现球形阴影效果 冰夏之夜影 css前端
          【css酷炫效果】纯CSS实现球形阴影效果缘创作背景html结构css样式完整代码基础版进阶版(动态版)效果图想直接拿走的老板，链接放在这里：上传后更新缘创作随缘，不定时更新。创作背景刚看到csdn出活动了，赶时间，直接上代码，令人丧气的是：活动的领域有要求，不是发够就行，瞬间意志消沉。html结构css样式.button{background-image:url('a.gif');border-
        • UNI-APP+VUE3+VITE+VSCode开发经验及填坑记录（持续更新ING） 集成显卡 前端项目实践uni-appvscodeide
          uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。快速开发模板unibest：最好的uniapp开发框架，由uniapp+Vue3+Ts+Vite5+UnoCss+VSCode(可选webstorm)+uni插件+wot-ui（
        • sql与html 就很对 sqlhtmljvm
          sql与htmlsqlite3sqlsql_callbacksql_dicthtmlhtml01ser02sersql_workhtml_ser03.htmlwebser06ser012.html011.html013.html015.html03.html04.html05.html06.htmlsqlite3sql//sqlite3_open//sqlite3_exec//sqlite3_cl
        • 详细介绍 Jupyter nbconvert 工具及其用法：如何将 Notebook 转换为 Python 脚本 源代码杀手 python使用技巧pythonjupyteride
          nbconvert是Jupyter提供的一个非常强大的工具，允许用户将JupyterNotebook文件（.ipynb）转换成多种格式，包括Python脚本（.py）、HTML、PDF、LaTeX等。你可以通过命令行来运行nbconvert，也可以在JupyterNotebook中通过一些自定义的设置来实现转换。安装nbconvert通常情况下，nbconvert会随Jupyter一起安装，因此不
        • 【Spring AI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心交互函数及RAG知识库构建 un_fired spring人工智能java
          系列文章目录【SpringAI】基于专属知识库的RAG智能问答小程序开发——完整项目（含完整前端+后端代码）【SpringAI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心ChatClient对象相关构造函数【SpringAI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心交互函数及RAG知识库构建文章目录系列文章目录前言1.Service层知识库构建与检索函数详
        • 个人AI助手的未来：Yi AI开源系统助力快速搭建 耶耶Norsea 网络杂烩人工智能开源
          摘要YiAI推出了一站式个人AI助手平台解决方案，助力用户快速搭建专属AI助手。该平台采用全套开源系统，涵盖前端应用、后台管理及小程序功能，并基于MIT协议开放使用。同时，平台集成了本地RAG方案，利用Milvus与Weaviate向量数据库支持本地部署，为用户提供高效、灵活的数据处理能力。关键词个人AI助手,快速搭建,开源系统,本地RAG,向量数据库一、YiAI开源系统概述1.1个人AI助手的发
        • HTML：ul标签的作用 凭君语未可 Web开发html前端
          ul标签解释解释举例效果分析``标签支持的属性1.`type`举例：效果：分析2.`class`举例：效果：分析解释在HTML中，标签表示无序列表（UnorderedList）。它用于创建一个项目列表，其中列表项通常以圆形、方形或none的图标（也称为列表项标记）进行标记。每个列表项都是使用（listitem）标签创建的。举例123效果分析在上面的例子中，我们创建了一个包含三个项目的无序列表，这些
        • 2025React岗位前端面试题180道及其答案解析,看完稳了,万字长文,持续更新.... 祈澈菇凉 前端
          1.什么是React？它的主要特点是什么？答案解析：React是一个用于构建用户界面的JavaScript库，主要用于构建单页应用。其主要特点包括：组件化：React应用由多个可重用的组件组成，便于管理和维护。虚拟DOM：React使用虚拟DOM提高性能，通过最小化实际DOM操作来优化渲染过程。单向数据流：数据在组件之间以单向流动的方式传递，简化了数据管理和调试。声明式编程：React允许开发者以
        • LeetCode[位运算] - #137 Single Number II Cwind javaAlgorithmLeetCode题解位运算
          原题链接：#137 Single Number II  要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现三次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间   难度：中等   分析： 与#136类似，都是考察位运算。不过出现两次的可以使用异或运算的特性 n XOR n = 0, n XOR 0 = n，即某一
        • 《JavaScript语言精粹》笔记 aijuans JavaScript
          0、JavaScript的简单数据类型包括数字、字符创、布尔值（true/false）、null和undefined值，其它值都是对象。 1、JavaScript只有一个数字类型，它在内部被表示为64位的浮点数。没有分离出整数，所以1和1.0的值相同。 2、NaN是一个数值，表示一个不能产生正常结果的运算结果。NaN不等于任何值，包括它本身。可以用函数isNaN(number)检测NaN,但是
        • 你应该更新的Java知识之常用程序库 Kai_Ge java
          在很多人眼中，Java 已经是一门垂垂老矣的语言，但并不妨碍 Java 世界依然在前进。如果你曾离开 Java，云游于其它世界，或是每日只在遗留代码中挣扎，或许是时候抬起头，看看老 Java 中的新东西。 Guava Guava[gwɑ:və]，一句话，只要你做Java项目，就应该用Guava（Github）。 guava 是 Google 出品的一套 Java 核心库，在我看来，它甚至应该
        • HttpClient 120153216 httpclient
          /** * 可以传对象的请求转发，对象已流形式放入HTTP中 */ public static Object doPost(Map<String,Object> parmMap,String url) { Object object = null; HttpClient hc = new HttpClient(); String fullURL
        • Django model字段类型清单 2002wmj django
          Django 通过 models 实现数据库的创建、修改、删除等操作，本文为模型中一般常用的类型的清单，便于查询和使用： AutoField：一个自动递增的整型字段，添加记录时它会自动增长。你通常不需要直接使用这个字段；如果你不指定主键的话，系统会自动添加一个主键字段到你的model。(参阅自动主键字段) BooleanField：布尔字段,管理工具里会自动将其描述为checkbox。 Cha
        • 在SQLSERVER中查找消耗CPU最多的SQL 357029540 SQL Server
          返回消耗CPU数目最多的10条语句 SELECT TOP 10    total_worker_time/execution_count AS avg_cpu_cost, plan_handle,    execution_count,    (SELECT SUBSTRING(text, statement_start_of
        • Myeclipse项目无法部署，Undefined exploded archive location 7454103 eclipseMyEclipse
          做个备忘！ 错误信息为：       Undefined exploded archive location 原因：           在工程转移过程中，导致工程的配置文件出错； 解决方法：    
        • GMT时间格式转换 adminjun GMT时间转换
          普通的时间转换问题我这里就不再罗嗦了，我想大家应该都会那种低级的转换问题吧，现在我向大家总结一下如何转换GMT时间格式，这种格式的转换方法网上还不是很多，所以有必要总结一下，也算给有需要的朋友一个小小的帮助啦。 1、可以使用 SimpleDateFormat SimpleDateFormat    EEE-三位星期 d-天 MMM-月 yyyy-四位年
        • Oracle数据库新装连接串问题 aijuans oracle数据库
          割接新装了数据库，客户端登陆无问题，apache/cgi-bin程序有问题，sqlnet.log日志如下： Fatal NI connect error 12170.   VERSION INFORMATION:         TNS for Linux: Version 10.2.0.4.0 - Product
        • 回顾java数组复制 ayaoxinchao java数组
          在写这篇文章之前，也看了一些别人写的，基本上都是大同小异。文章是对java数组复制基础知识的回顾，算是作为学习笔记，供以后自己翻阅。首先，简单想一下这个问题：为什么要复制数组？我的个人理解：在我们在利用一个数组时，在每一次使用，我们都希望它的值是初始值。这时我们就要对数组进行复制，以达到原始数组值的安全性。java数组复制大致分为3种方式：①for循环方式 ②clone方式 ③arrayCopy方
        • java web会话监听并使用spring注入 bewithme Java Web
                  在java web应用中，当你想在建立会话或移除会话时，让系统做某些事情，比如说，统计在线用户，每当有用户登录时，或退出时，那么可以用下面这个监听器来监听。        import java.util.ArrayList; import java.ut
        • NoSQL数据库之Redis数据库管理(Redis的常用命令及高级应用) bijian1013 redis数据库NoSQL
          一 .Redis常用命令         Redis提供了丰富的命令对数据库和各种数据库类型进行操作，这些命令可以在Linux终端使用。         a.键值相关命令         b.服务器相关命令 1.键值相关命令       &
        • java枚举序列化问题 bingyingao java枚举序列化
          对象在网络中传输离不开序列化和反序列化。而如果序列化的对象中有枚举值就要特别注意一些发布兼容问题: 1.加一个枚举值 新机器代码读分布式缓存中老对象，没有问题，不会抛异常。 老机器代码读分布式缓存中新对像，反序列化会中断，所以在所有机器发布完成之前要避免出现新对象，或者提前让老机器拥有新增枚举的jar。 2.删一个枚举值 新机器代码读分布式缓存中老对象，反序列
        • 【Spark七十八】Spark Kyro序列化 bit1129 spark
          当使用SparkContext的saveAsObjectFile方法将对象序列化到文件，以及通过objectFile方法将对象从文件反序列出来的时候，Spark默认使用Java的序列化以及反序列化机制，通常情况下，这种序列化机制是很低效的，Spark支持使用Kyro作为对象的序列化和反序列化机制，序列化的速度比java更快，但是使用Kyro时要注意，Kyro目前还是有些bug。 Spark
        • Hybridizing OO and Functional Design bookjovi erlanghaskell
            推荐博文： Tell Above, and Ask Below - Hybridizing OO and Functional Design 文章中把OO和FP讲的深入透彻，里面把smalltalk和haskell作为典型的两种编程范式代表语言，此点本人极为同意，smalltalk可以说是最能体现OO设计的面向对象语言，smalltalk的作者Alan kay也是OO的最早先驱，
        • Java-Collections Framework学习与总结-HashMap BrokenDreams Collections
                  开发中常常会用到这样一种数据结构，根据一个关键字，找到所需的信息。这个过程有点像查字典，拿到一个key，去字典表中查找对应的value。Java1.0版本提供了这样的类java.util.Dictionary(抽象类)，基本上支持字典表的操作。后来引入了Map接口，更好的描述的这种数据结构。  &nb
        • 读《研磨设计模式》-代码笔记-职责链模式-Chain Of Responsibility bylijinnan java设计模式
          声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 业务逻辑：项目经理只能处理500以下的费用申请，部门经理是1000，总经理不设限。简单起见，只同意“Tom”的申请 * bylijinnan */ abstract class Handler { /*
        • Android中启动外部程序 cherishLC android
          1、启动外部程序 引用自： http://blog.csdn.net/linxcool/article/details/7692374 //方法一 Intent intent=new Intent(); //包名 包名+类名（全路径） intent.setClassName("com.linxcool", "com.linxcool.PlaneActi
        • summary_keep_rate coollyj SUM
          BEGIN /*DECLARE minDate varchar(20) ; DECLARE maxDate varchar(20) ;*/ DECLARE stkDate varchar(20) ; DECLARE done int default -1; /* 游标中 注册服务器地址 */ DE
        • hadoop hdfs 添加数据目录出错 daizj hadoophdfs扩容
          由于原来配置的hadoop data目录快要用满了，故准备修改配置文件增加数据目录，以便扩容，但由于疏忽，把core-site.xml, hdfs-site.xml配置文件dfs.datanode.data.dir 配置项增加了配置目录，但未创建实际目录，重启datanode服务时，报如下错误： 2014-11-18 08:51:39,128 WARN org.apache.hadoop.h
        • grep 目录级联查找 dongwei_6688 grep
                 在Mac或者Linux下使用grep进行文件内容查找时，如果给定的目标搜索路径是当前目录，那么它默认只搜索当前目录下的文件，而不会搜索其下面子目录中的文件内容，如果想级联搜索下级目录，需要使用一个“-r”参数： grep -n -r "GET" .   上面的命令将会找出当前目录“.”及当前目录中所有下级目录
        • yii 修改模块使用的布局文件 dcj3sjt126com yiilayouts
          方法一：yii模块默认使用系统当前的主题布局文件，如果在主配置文件中配置了主题比如: 'theme'=>'mythm', 那么yii的模块就使用 protected/themes/mythm/views/layouts 下的布局文件； 如果未配置主题，那么 yii的模块就使用  protected/views/layouts 下的布局文件， 总之默认不是使用自身目录 pr
        • 设计模式之单例模式 come_for_dream 设计模式单例模式懒汉式饿汉式双重检验锁失败无序写入
                          今天该来的面试还没来，这个店估计不会来电话了，安静下来写写博客也不错，没事翻了翻小易哥的博客甚至与大牛们之间的差距，基础知识不扎实建起来的楼再高也只能是危楼罢了，陈下心回归基础把以前学过的东西总结一下。   *********************************
        • 8、数组 豆豆咖啡 二维数组数组一维数组
            一、概念       数组是同一种类型数据的集合。其实数组就是一个容器。   二、好处       可以自动给数组中的元素从0开始编号，方便操作这些元素   三、格式   //一维数组 1,元素类型[] 变量名 = new 元素类型[元素的个数] int[] arr =
        • Decode Ways hcx2013 decode
          A message containing letters from A-Z is being encoded to numbers using the following mapping: 'A' -> 1 'B' -> 2 ... 'Z' -> 26 Given an encoded message containing digits, det
        • Spring4.1新特性——异步调度和事件机制的异常处理 jinnianshilongnian spring 4.1
          目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
        • squid3(高命中率)缓存服务器配置 liyonghui160com
              系统:centos 5.x   需要的软件:squid-3.0.STABLE25.tar.gz 1.下载squid wget http://www.squid-cache.org/Versions/v3/3.0/squid-3.0.STABLE25.tar.gz tar zxf squid-3.0.STABLE25.tar.gz &&
        • 避免Java应用中NullPointerException的技巧和最佳实践 pda158 java
          1) 从已知的String对象中调用equals()和equalsIgnoreCase()方法，而非未知对象。 　　总是从已知的非空String对象中调用equals()方法。因为equals()方法是对称的，调用a.equals(b)和调用b.equals(a)是完全相同的，这也是为什么程序员对于对象a和b这么不上心。如果调用者是空指针，这种调用可能导致一个空指针异常 Object unk
        • 如何在Swift语言中创建http请求 shoothao httpswift
          概述：本文通过实例从同步和异步两种方式上回答了”如何在Swift语言中创建http请求“的问题。 如果你对Objective-C比较了解的话，对于如何创建http请求你一定驾轻就熟了，而新语言Swift与其相比只有语法上的区别。但是，对才接触到这个崭新平台的初学者来说，他们仍然想知道“如何在Swift语言中创建http请求？”。 在这里,我将作出一些建议来回答上述问题。常见的
        • Spring事务的传播方式 uule spring事务
          传播方式：        新建事务       required       required_new   - 挂起当前         非事务方式运行       supports   &nbs