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,前端)

        • pdfjs转图片_PDF转图片，在线PDF转JPG/PNG 诡道荒行 pdfjs转图片
          原理使用pdf.js预览图片，pdf.js将pdf通过canvas将每一页渲染出来，然后我们通过canvas的toDataURL方法保存为jpg或png格式。pdf.js是Mozilla开源的一个js库，无需任何本地支持就可以在浏览器上显示pdf文档。唯一的要求就是浏览器必须支持HTML5。依赖需要pdf.min.js和pdf.worker.min.js两个js文件全部代码实现pdfjsLib.G
        • 10.1、LNMT架构 weixin_30832405 java数据库运维
          Java环境安装包下载路径：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.htmlTomcat安装包下载路径：https://tomcat.apache.org/download-90.cgijpress软件下载：http://jpress.io/downloadJava环境安装上传j
        • pdfjs转图片_PDF转图片，PDF转JPG/PNG，完全由JS实现-阿里云开发者社区 陈紫璇 pdfjs转图片
          原理使用pdf.js预览图片，pdf.js将pdf通过canvas将每一页渲染出来，然后我们通过canvas的toDataURL方法保存为jpg或png格式。pdf.js是Mozilla开源的一个js库，无需任何本地支持就可以在浏览器上显示pdf文档。唯一的要求就是浏览器必须支持HTML5。依赖需要pdf.min.js和pdf.worker.min.js两个js文件全部代码实现pdfjsLib.G
        • Word/excel/df文档转图片返回前端 p393975269 图片转换工具aspose文档转图片出现空心方格乱码文档转图片自定义字体
          导入jarcom.asposeaspose-words13.9.0.0com.asposeaspose-cells8.5.2commons-iocommons-io2.6org.apache.pdfboxpdfbox2.0.8org.apache.pdfboxfontbox2.0.8controller层从本地读取文件信息publicclassWordToPngController{publics
        • 全面掌握React：2025年学习路径指南 chenNorth。 前端reactreact.js学习前端
          文章目录第一步：Web开发的基石——JavaScript与TypeScript第二步：Web设计的核心——HTML与CSS第三步：进入React的世界第四步：用TailwindCSS进行样式设计第五步：用Shadcn/UI增强你的UI第六步：用ReactHookForm处理表单第七步：用Next.js提升你的技能第八步：用Remix掌握全栈开发第九步：ReactNative+Expo：轻松开发移动
        • Vue对话式前端界面 WUJI02 裁判文书大模型vue.js前端javascript
          一.对话样式的实现用一个messages数组来存放对话信息，信息有两种类型user和botthis.messages.push({type:'user',content:this.userMessage});this.messages.push({type:'bot',content:response.data.reply});模版部分使用:class="['message-content',me
        • springboot + xterm.js + vue + websocket实现终端功能（y-shell）文件管理器实现 张音乐 JSVueReact前端踩坑实战教程树形菜单右键菜单VUE
          一、文件管理器功能描述这一章节讲一下文件管理器的实现与设计细节。首先，文件管理器需要提供以下几个主要的功能，开发过程中使用vue渲染前端页面以及交互过程中还是遇到了不少问题，比如说右键菜单，表单校验。1、文件夹的新增，编辑，删除。2、ssh配置的新增，编辑，删除。3、右键菜单如图：文件夹管理ssh连接管理快速运行dockerrun-itd--namey-shell-
        • html5 h265播放器,PC端播放H265 健康和谐男哥 html5h265播放器
          说明需要在PC端浏览器(Chrome)中播放直播视频，视频格式有H264/H265。有不少三方库可以实现。通过video.js(支持H264，不支持H265)videojs-contrib-hlsembedVideo.jsExampleEmbeddata-setup='{}'>参考地址：通过hls.js(支持H264，不支持H265)pcplaym3u8(hlsjs)video{width:600
        • 数据库-SqlServer面试题系列 001 code36 C#&.Net面试题Java面试题数据库sqlserver
          一、数据库基础知识（通用）篇1.说说主键、外键、超键、候选键超键：在关系中能唯一标识元组的属性集称为关系模式的超键。一个属性可以为作为一个超键，多个属性组合在一起也可以作为一个超键。超键包含候选键和主键。候选键：是最小超键，即没有冗余元素的超键。主键：数据库表中对储存数据对象予以唯一和完整标识的数据列或属性的组合。一个数据列只能有一个主键，且主键的取值不能缺失，即不能为空值（Null）。外键：在一
        • 探索2025年最流行的移动端前端框架 程序猿000001号 前端框架
          探索2025年最流行的移动端前端框架正文：在当今快速发展的移动互联网时代，选择合适的前端框架对于开发高效、响应迅速的移动应用至关重要。以下是一些目前非常流行且备受开发者青睐的移动端前端UI框架。VantVant是一个轻量、可靠的移动端Vue组件库，适用于各种业务场景。它提供了丰富的组件和良好的文档支持，是许多电商应用的首选。ElementPlusElementPlus是基于Vue3的桌面端组件库，
        • 基于python3.10的Django4.1项目安装启动（二） weixin_40686234 前端djangobootstrappythonhtml
          创建模版---templates和引入静态文件，bootstrap一.创建模版---templates1.在url.py页面编辑路由path("home/",views.home),#用于创建一个templates首页模板2.在views.py页面建立视图映射defhome(request):#去app目录下新建templates目录再新建home.html文件returnrender(reque
        • 能说说MyBatis的工作原理吗？ java1234_小锋 javajava开发语言
          大家好，我是锋哥。今天分享关于【能说说MyBatis的工作原理吗？】面试题。希望对大家有帮助；能说说MyBatis的工作原理吗？1000道互联网大厂Java工程师精选面试题-Java资源分享网MyBatis是一个流行的持久化框架，它简化了数据库操作，通过映射SQL语句与Java对象之间的关系，使得开发者可以专注于业务逻辑，而不需要处理大量的数据库底层操作。它的工作原理主要围绕以下几个核心概念：1.
        • Netty的心跳机制怎么实现的？ java1234_小锋 javajava开发语言
          大家好，我是锋哥。今天分享关于【Netty的心跳机制怎么实现的？】面试题。希望对大家有帮助；Netty的心跳机制怎么实现的？Netty的心跳机制主要是通过在客户端和服务器之间定期发送特殊的数据包（比如空消息或自定义的控制消息）来保持连接的活跃状态，并检测网络连接的健康性。Netty并没有内建“心跳机制”，但是它通过IdleStateHandler和ChannelPipeline可以很方便地实现这种
        • 能说说MyBatis的工作原理吗？ java1234_小锋 javajava开发语言
          大家好，我是锋哥。今天分享关于【Redis为什么这么快?】面试题。希望对大家有帮助；能说说MyBatis的工作原理吗？MyBatis是一款流行的持久层框架，它通过简化数据库操作，帮助开发者更高效地与数据库进行交互。MyBatis允许开发者使用XML或注解来配置SQL语句并映射数据库中的记录到Java对象。它的工作原理可以从以下几个方面来解释：1.MyBatis核心组件MyBatis的工作原理基于几
        • 构建响应式管理后台系统（Python + Django + Bootstrap） 后端架构魔术骑士 pythondjangobootstrapPython
          在本文中，我们将使用Python编程语言结合Django和Bootstrap框架来构建一个响应式管理后台系统。我们将使用Django作为后端框架，处理数据和业务逻辑，并使用Bootstrap作为前端框架，实现用户界面的设计和布局。环境设置和项目创建首先，确保你已经安装了Python和Django。在命令行中运行以下命令来创建一个新的Django项目：$django-adminstartprojec
        • 嵌入式经典面试题之操作系统（一） 指尖动听知识库 javalinux服务器
          文章目录1请你说说常用的Linux命令有哪些？2在linux中如何创建一个新的目录？3Linux中查看进程运行状态的指令、tar解压文件的参数。4在linux中，文件权限如何修改？5怎样以root权限运行某个程序？6在linux里如何查看一个进程?7在Linux里如何看带关键字日志文件？8在Linux中修改主机名的命令是什么？9简述GDB常见的调试命令？什么是条件断点？多进程下如何调试？1请你说说
        • html5 webgl stl,新闻|Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视化开发... miao君 html5webglstl
          4.0.0主要更新添加了对ammo.js的支持，作为物理插件(复合对象，电机，关节)(TrevorDev)Added在ammo.js物理插件中增加了对3D软体，2D布和1D绳索的软体的支持(JohnK)添加了AmmoJSPlugin场景文件加载器(MackeyK24)添加了对WebXR支持(TrevorDev)添加customAnimationFrameRequester以允许会话挂钩到引擎的渲染
        • SAP GR/IR在系统AP中收货和校验对会计业务的影响（详细） trassion SAP-FISAPGRIR采购
          转自：http://www.studa.net/kuaiji/100405/14523268.html【摘要】正确理解和掌握SAP系统采购收货和发票校验的集成性对会计业务的影响,可以为物料数据分析和成本数据分析提供有力工具,保证数据真实、完整、实时和丰富,为企业管理者提供决策支持。【关键词】SAP;采购收货;发票校验;集成;影响mySAPERP系统是一种可以实现跨地区、跨部门、甚至跨公司整合实时信
        • 怎么创建一个能在线测试php的html5网页？ 很酷的站长 编程记录html5专题php专题phphtml5开发语言
          代码示例：一、搭建服务器环境首先，你需要在服务器上搭建PHP运行环境。如果你使用的是Linux服务器，可以使用Apache或Nginx作为Web服务器，并安装PHP解释器。对于Windows服务器，可以使用WAMP（Windows,Apache,MySQL,PHP）或XAMPP等集成环境。二、创建HTML表单页面创建一个HTML页面，包含一个表单，用户可以在表单中输入PHP代码，将该代码提交到服务
        • 一个简单的html5导航页面 很酷的站长 html5专题html5前端html
          一个简单的HTML5导航页面的示例代码：html简单导航页面/*样式部分*/body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;}nav{background-color:#333;overflow:hidden;}nava{float:left;display:block;color:whit
        • day1-ES6学习基础语法 clock的时钟 es6学习前端
          title:day1-ES6学习基础语法date:2025-01-1512:00:00tags:-前端categories:-前端ES6#一认识：什么是ES6?ES6，全称ECMAScript2015，是JavaScript语言的一个重要版本，对语言进行了许多重大改进和新增功能。ES6的引入极大地提升了JavaScript的可用性、可读性和开发效率*ECMAScript是由ECMA国际标准化组织制
        • 一个简单的自适应html5导航模板 很酷的站长 html5专题csscss3前端
          一个简单的HTML导航模板示例，它包含基本的导航栏结构，同时使用了CSS进行样式美化，让导航栏看起来更美观。另外，还添加了一些JavaScript代码，用于在移动端实现导航菜单的展开和收起功能。PHP网址导航模板body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;}header{backgrou
        • 基于Python的Selenium详细教程总结（极简版） weixin_41663997 pythonselenium开发语言
          基于Python的Selenium详细教程总结一、PyCharm安装配置Selenium使用环境:Windows11,Python3.10.5,PyCharm2022.1.3,Selenium4.3.0需要技术:Python,HTML,CSS,JavaScriptSelenium安装:查看已安装的Python包:piplist安装Selenium4.3.0:pipinstallselenium==
        • 基于requests库的爬虫实战 京东商品信息爬取 Jerry104393 Pythonpython爬虫正则表达式
          一，功能描述：目标：从京东商城爬取商品信息，输出商品名称和价格二、技术路线：requests-re-bs4三，程序设计结构：1.爬取网页内容：getHTMLText()2.提取信息到合适的数据结构中:parsePage()3.利用数据结构展示并输出:printGoodsList()四、体会：本次实验遇到的最大技术难题就是怎么剔除HTML标签（查看源代码发现可以用i和em两个标签精确定位），后来查看
        • 计算机毕业设计JAVA房屋租赁系统mybatis 煦洋cxsj985 mybatisjava开发语言
          计算机毕业设计JAVA房屋租赁系统mybatis计算机毕业设计JAVA房屋租赁系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://pan
        • JAVA面试题目整理 qq~374327792 javajava
          JAVA基础JAVA中的几种基本数据类型是什么，各自占用多少字节。String类能被继承吗，为什么。String，Stringbuffer，StringBuilder的区别。ArrayList和LinkedList有什么区别。讲讲类的实例化顺序，比如父类静态数据，构造函数，字段，子类静态数据，构造函数，字段，当new的时候，他们的执行顺序。用过哪些Map类，都有什么区别，HashMap是线程安全的
        • Formality：黑盒(black box) 日晨难再 Synopsys#Formality数字IC硬件工程
          相关阅读Formalityhttps://blog.csdn.net/weixin_45791458/category_12841971.html?spm=1001.2014.3001.5482简介在使用Formality时，黑盒(blackbox)的概念很重要，指的是一个其功能未知的设计。黑盒通常用于设计中不可综合的组件，包括RAM、ROM、模拟电路和硬核IP等。它也是需要匹配的对象之一，必须确
        • 开启eslint后，html中全角符号绕过eslint检测 Э时间行者于我 前端前端
          直接在需要的地方复制这块eslint代码就行
        • 数据库查询优化：提升性能的关键实践 qcidyu 文章归档DBA最佳实践性能调优查询执行计划索引SQL数据库性能查询优化
          title:数据库查询优化：提升性能的关键实践date:2025/1/30updated:2025/1/30author:cmdragonexcerpt:在当今数据驱动的商业环境中，数据库的性能直接影响着应用程序的响应速度和用户体验。查询优化是性能调优的重要组成部分，通过对SQL查询的分析与改进，减少查询执行时间和资源消耗，从而提升整体系统效率。categories:前端开发tags:查询优化数据
        • Go语言学习笔记——gin实现验证码 PPPsych Go精进学习gin
          文章目录Golang验证码知识结构下载包导包配置session创建中间件生成图片生成验证码验证前端页面测试Golang验证码知识结构ginsession中间件表单处理路由下载包gogetgithub.com/dchest/captcha导包import("bytes""net/http""time""github.com/dchest/captcha""github.com/gin-contrib
        • 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