知孤云出岫

HTML 入门级知识点总结

HTML文档结构：

HTML文档以声明文档类型。
元素是整个HTML文档的根元素。
元素包含文档的元信息，如标题、字符集、样式和脚本引用。
</code>元素定义文档标题，显示在浏览器标签页上。</li> <li><code><body></code>元素包含页面的主要内容。</li> </ul> <ol> <li><strong>HTML元素：</strong></li> </ol> <ul> <li>HTML元素由开始标签、内容和结束标签组成，例如：<code><p>这是一个段落</p></code>。</li> <li>有些元素是空元素，没有结束标签，例如：<code><br></code>、<code><img></code>。</li> </ul> <ol> <li><strong>常用HTML元素：</strong></li> </ol> <ul> <li>标题元素：<code><h1></code>到<code><h6></code>，用于定义标题。</li> <li>段落元素：<code><p></code>，用于定义段落。</li> <li>超链接元素：<code><a></code>，用于创建超链接。</li> <li>图像元素：<code><img></code>，用于插入图像。</li> <li>列表元素：<code><ul></code>（无序列表）、<code><ol></code>（有序列表）、<code><li></code>（列表项）。</li> <li>表格元素：<code><table></code>、<code><tr></code>、<code><td></code>，用于创建表格。</li> <li>表单元素：<code><form></code>、<code><input></code>、<code><button></code>，用于创建表单。</li> </ul> <ol> <li><strong>HTML属性：</strong></li> </ol> <ul> <li>HTML元素可以具有属性，为元素提供附加信息。</li> <li>属性以键值对的形式出现，例如：<code><a href="https://www.example.com">链接</a></code>。</li> </ul> <ol> <li><strong>HTML注释：</strong></li> </ol> <ul> <li>注释用<code></code>的格式添加到HTML代码中，不会在浏览器中显示。</li> </ul> <ol> <li><strong>HTML版本：</strong></li> </ol> <ul> <li>HTML有不同的版本，如HTML4、HTML5等。HTML5是当前主流版本，引入了许多新特性和改进。</li> </ul> <ol> <li><strong>HTML语义化：</strong></li> </ol> <ul> <li>HTML应该按照语义规范编写，以便更好地描述文档结构，提高可访问性和搜索引擎优化。</li> </ul> <ol> <li><strong>嵌套与块级/内联元素：</strong></li> </ol> <ul> <li>HTML元素可以嵌套，但要确保正确关闭和嵌套元素。</li> <li>元素可以分为块级元素（如<code><div></code>、<code><p></code>）和内联元素（如<code><span></code>、<code><a></code>）。</li> </ul> <ol> <li><strong>表单和输入元素：</strong></li> </ol> <ul> <li>表单用于收集用户输入数据，包括文本框、单选框、复选框、下拉框等输入元素。</li> </ul> <ol> <li><strong>多媒体元素：</strong></li> </ol> <ul> <li><code><audio></code>和<code><video></code>元素用于嵌入音频和视频。</li> <li><code><iframe></code>元素用于嵌入其他网页。</li> </ul> <h5>HTML标签：</h5> <ol> <li><strong>文档结构标签：</strong></li> </ol> <ul> <li><code><!DOCTYPE html></code>：声明HTML文档类型。</li> <li><code><html></code>：HTML文档的根元素。</li> <li><code><head></code>：包含文档的元信息，如标题、字符集等。</li> <li><code><title></code>：定义文档标题。</li> <li><code><body></code>：包含页面的主要内容。</li> </ul> <ol> <li><strong>文本标签：</strong></li> </ol> <ul> <li>标题：<code><h1></code>到<code><h6></code>。</li> <li>段落：<code><p></code>。</li> <li>强调：<code><em></code>（斜体）和<code><strong></code>（粗体）。</li> </ul> <ol> <li><strong>列表标签：</strong></li> </ol> <ul> <li>无序列表：<code><ul></code>，列表项使用 <code><li></code>。</li> <li>有序列表：<code><ol></code>，列表项同样使用 <code><li></code>。</li> </ul> <ol> <li><strong>超链接和图像标签：</strong></li> </ol> <ul> <li>超链接：<code><a></code>，使用 <code>href</code> 属性指定链接目标。</li> <li>图像：<code><img></code>，使用 <code>src</code> 属性指定图像源。</li> </ul> <ol> <li><strong>表格标签：</strong></li> </ol> <ul> <li><code><table></code>：定义表格。</li> <li><code><tr></code>：定义表格行。</li> <li><code><td></code>：定义表格数据单元格。</li> <li><code><th></code>：定义表头单元格。</li> </ul> <ol> <li><strong>表单标签：</strong></li> </ol> <ul> <li><code><form></code>：定义表单。</li> <li><code><input></code>：用于创建输入字段，如文本框、复选框等。</li> <li><code><select></code>：定义下拉框。</li> <li><code><textarea></code>：定义多行文本输入框。</li> <li><code><button></code>：定义按钮。</li> </ul> <ol> <li><strong>多媒体标签：</strong></li> </ol> <ul> <li><code><audio></code>：嵌入音频。</li> <li><code><video></code>：嵌入视频。</li> <li><code><iframe></code>：嵌入其他网页。</li> </ul> <ol> <li><strong>样式和区块标签：</strong></li> </ol> <ul> <li><code><div></code>：定义文档中的块级容器，用于组织内容。</li> <li><code><span></code>：定义文档中的内联容器，用于样式部分文本。</li> </ul> <h5>HTML属性：</h5> <ol> <li><strong>全局属性：</strong></li> </ol> <ul> <li><code>class</code>：为元素定义一个或多个类名。</li> <li><code>id</code>：为元素定义唯一的标识符。</li> <li><code>style</code>：为元素添加行内样式。</li> <li><code>data-*</code>：自定义数据属性。</li> </ul> <ol> <li><strong>超链接和图像属性：</strong></li> </ol> <ul> <li><code>href</code>：定义超链接的目标地址。</li> <li><code>src</code>：定义图像的源文件地址。</li> </ul> <ol> <li><strong>表格属性：</strong></li> </ol> <ul> <li><code>colspan</code>：定义单元格跨越的列数。</li> <li><code>rowspan</code>：定义单元格跨越的行数。</li> </ul> <ol> <li><strong>表单属性：</strong></li> </ol> <ul> <li><code>action</code>：定义表单数据提交的URL。</li> <li><code>method</code>：定义表单数据的提交方式（GET或POST）。</li> </ul> <ol> <li><strong>输入元素属性：</strong></li> </ol> <ul> <li><code>type</code>：定义输入字段的类型（text、checkbox、radio等）。</li> <li><code>name</code>：定义输入字段的名称。</li> </ul> <h5>HTML相关技术：</h5> <ol> <li><strong>HTML5新特性：</strong></li> </ol> <ul> <li>语义化标签：<code><header></code>、<code><nav></code>、<code><article></code>等。</li> <li>表单增强：新输入类型如<code><input type="date"></code>。</li> <li>本地存储：<code>localStorage</code>和<code>sessionStorage</code>。</li> <li>媒体元素：<code><audio></code>和<code><video></code>。</li> </ul> <ol> <li><strong>嵌套与DOM（文档对象模型）：</strong></li> </ol> <ul> <li>了解HTML元素的正确嵌套和DOM的概念，以便通过JavaScript操纵网页。</li> </ul> <ol> <li><strong>字符实体和转义字符：</strong></li> </ol> <ul> <li>使用 <code><</code> 表示 <code><</code>，<code>></code> 表示 <code>></code> 等字符实体。</li> </ul> <ol> <li><strong>HTML注释和条件注释：</strong></li> </ol> <ul> <li>使用 <code></code> 添加注释。</li> <li>使用条件注释根据条件加载特定的HTML内容。</li> </ul> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1747923237272043520"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(计算机,html,前端)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1897500827040411648.htm" title="分布式网络" target="_blank">分布式网络</a> <span class="text-muted">Hard_pea</span> <a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a> <div>分布式网络（DistributedNetwork）指的是一种计算机网络架构，其中计算资源（计算、存储、数据处理等）分布在多个物理或逻辑上的节点上，而不是集中在单一的服务器或数据中心中。这种架构的主要目标是提高系统的可靠性、可扩展性和性能。1.分布式网络的特点✅去中心化（Decentralization）传统的集中式网络（如单台服务器）会有单点故障（SPOF，SinglePointofFailure</div> </li> <li><a href="/article/1897498558718865408.htm" title="从零开始学习黑客技术，看这一篇就够了" target="_blank">从零开始学习黑客技术，看这一篇就够了</a> <span class="text-muted">网络安全-旭师兄</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AF%86%E7%A0%81%E5%AD%A6/1.htm">密码学</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a> <div>基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包黑客，对于很多人来说，是一个神秘的代名词，加之影视作品夸张的艺术表现，使得黑客这个本来只专注于技术的群体，散发出亦正亦邪的神秘色彩。黑客源自英文hacker一词，最初曾指热心于计算机技术、水平高超的电脑高手，尤其是程序设计人员，逐渐区分为白帽、灰帽、黑帽等。其中，白帽黑客被称为道德黑客。他们不会非法入侵用户网络，而是通过一系列测试检查</div> </li> <li><a href="/article/1897494396287381504.htm" title="VSCode 配置优化指南：打造极致高效的前端开发环境" target="_blank">VSCode 配置优化指南：打造极致高效的前端开发环境</a> <span class="text-muted">超级小狗</span> <a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a> <div>VSCode配置优化指南：打造极致高效的前端开发环境一、基础环境配置：让开发更流畅1.性能优化设置//settings.json{"files.autoSave":"afterDelay",//自动保存（延迟1秒）"files.exclude":{//隐藏非必要文件"**/.git":true,"**/.DS_Store":true,"**/node_modules":true//大型项目建议保留</div> </li> <li><a href="/article/1897492127848394752.htm" title="Python从0到100（十八）：面向对象编程应用" target="_blank">Python从0到100（十八）：面向对象编程应用</a> <span class="text-muted">是Dream呀</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>前言：零基础学Python：Python从0到100最新最全教程。想做这件事情很久了，这次我更新了自己所写过的所有博客，汇集成了Python从0到100，共一百节课，帮助大家一个月时间里从零基础到学习Python基础语法、Python爬虫、Web开发、计算机视觉、机器学习、神经网络以及人工智能相关知识，成为学习学习和学业的先行者！欢迎大家订阅专栏：零基础学Python：Python从0到100最新</div> </li> <li><a href="/article/1897489478730182656.htm" title="编程语言发展史之：面向对象编程语言" target="_blank">编程语言发展史之：面向对象编程语言</a> <span class="text-muted">AI天才研究院</span> <a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E4%BC%81%E4%B8%9A%E7%BA%A7%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">AI大模型企业级应用开发实战</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E5%A4%A9%E4%B8%80%E9%97%A8%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">一天一门编程语言</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%AE%9E%E8%B7%B5/1.htm">编程实践</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a> <div>作者：禅与计算机程序设计艺术1.简介面向对象编程(Object-OrientedProgramming，OOP)是一种计算机编程方法，它以数据抽象、继承和多态作为编程哲学基础，并通过类、对象和消息传递的方式实现对真实世界的模拟,[1][2][3]。在过去几十年里，面向对象编程已经成为一种主流的程序设计方法，并且越来越受到开发者的欢迎。特别是在大型软件系统中，采用面向对象的方法可以有效地提高开发效率</div> </li> <li><a href="/article/1897489097161764864.htm" title="Spring Boot整合Thymeleaf模板引擎实战——从静态页面到动态表单处理全流程解析" target="_blank">Spring Boot整合Thymeleaf模板引擎实战——从静态页面到动态表单处理全流程解析</a> <span class="text-muted">Sendingab</span> <a class="tag" taget="_blank" href="/search/%E9%9B%B6%E5%9F%BA%E7%A1%807%E5%A4%A9%E7%B2%BE%E9%80%9ASpring/1.htm">零基础7天精通Spring</a><a class="tag" taget="_blank" href="/search/Boot/1.htm">Boot</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E7%B2%BE%E9%80%9A/1.htm">从入门到精通</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>https://example.com/thymeleaf-spring-demo前言在前后端不分离的传统Web项目中，Thymeleaf凭借自然的HTML语法与强大的表达式功能成为SpringBoot官方推荐的模板引擎。本文将带你从零实现用户注册功能，涵盖表单验证、页面碎片化、国际化等核心场景，并分享性能调优实战经验。一、快速整合Thymeleaf1.1添加基础依赖 xmlorg.springf</div> </li> <li><a href="/article/1897486319626547200.htm" title="松下加固计算机 FZ-55 测评" target="_blank">松下加固计算机 FZ-55 测评</a> <span class="text-muted">北京嘉年华业加固计算机</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%84%91/1.htm">电脑</a> <div>在如今的数字化时代，各行业对于计算机设备的需求愈发多样化。对于一些特殊工作环境，如野外勘探、工业生产现场、物流运输等，普通计算机难以满足其对设备坚固性、稳定性以及特殊功能的要求。松下作为电子产品领域的知名品牌，推出的FZ-55加固计算机旨在应对这些复杂场景。北京嘉年华业科技有限公司对松下FZ-55进行了全面测评，深入探究其在多方面的表现。一、外观与坚固设计松下FZ-55拥有坚固耐用的外观设计，其机</div> </li> <li><a href="/article/1897480397684535296.htm" title="机器学习笔记" target="_blank">机器学习笔记</a> <span class="text-muted">有涯小学生</span> <a class="tag" taget="_blank" href="/search/%E8%B5%B5%E5%8D%AB%E4%B8%9C%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">赵卫东机器学习笔记</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>1概述1.1简介机器学习（MachineLearning）是计算机科学的子领域，也是人工智能的一个分支和实现方式。“对于某类任务T和性能度量P，如果一个计算机程序在T上以P衡量的性能随着经验E而自我完善，那么就称这个计算机程序在从经验E学习。”（汤姆·米切尔（TomMitchell），1997，MachineLearning）1.2机器学习、人工智能、数据挖掘从本质上看，数据科学的目标是通过处理各</div> </li> <li><a href="/article/1897477623156633600.htm" title="YOLOv8改进主干RTMDet论文系列：高效涨点的单阶段目标检测器主干" target="_blank">YOLOv8改进主干RTMDet论文系列：高效涨点的单阶段目标检测器主干</a> <span class="text-muted">IdfdFsharp</span> <a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a> <div>近年来，目标检测技术在计算机视觉领域取得了显著的进展。为了提高目标检测器的性能和降低延时，研究人员不断提出新的方法和架构。本文介绍了一篇名为"YOLOv8改进主干RTMDet"的论文系列，该系列通过结合最新的RTMDet论文和采用CSPNeXt主干结构，实现了高性能、低延时的单阶段目标检测器主干。在本论文系列中，作者着重研究了目标检测器主干的改进方法。主干网络在目标检测中扮演着重要的角色，它负责提</div> </li> <li><a href="/article/1897473460880338944.htm" title="2025年入职/转行网络安全，该如何规划？_网络安全职业规划" target="_blank">2025年入职/转行网络安全，该如何规划？_网络安全职业规划</a> <span class="text-muted">徐老师教网络安全</span> <a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a> <div>前言前段时间，知名机构麦可思研究院发布了《2022年中国本科生就业报告》，其中详细列出近五年的本科绿牌专业，其中，信息安全位列第一。网络安全前景对于网络安全的发展与就业前景，想必无需我多言，作为当下应届生收入较高的专业之一，网络安全同样也在转行领域中占据热门位置，主要具备以下几点转行优势：行业人才缺口大，至2027年我国网安人才缺口将达327万知识体系友好，计算机及英语水平相对薄弱的同学也可学习上</div> </li> <li><a href="/article/1897472956997627904.htm" title="新手如何成为一名顶尖黑客？只需这十二个步骤轻松入门！" target="_blank">新手如何成为一名顶尖黑客？只需这十二个步骤轻松入门！</a> <span class="text-muted">网络安全淼叔</span> <a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/1.htm">负载均衡</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a> <div>成为一名黑客的过程涉及不断学习和实践技术，既要掌握基础的计算机知识，也要具备足够的安全意识和道德责任感。以下是成为一名黑客的12个基本步骤，为小白提供系统的入门指导。对于从来没有接触过黑客的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。1.了解计算机基础要成为一名黑客，首先需要了解计算机硬件、操作系统和网络的基础。你需要理解计算机如何处</div> </li> <li><a href="/article/1897469679627202560.htm" title="探索 Ubuntu 中的 Hostname 配置与管理" target="_blank">探索 Ubuntu 中的 Hostname 配置与管理</a> <span class="text-muted">黑风风</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E8%BF%90%E7%BB%B4/1.htm">网络运维</a><a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/Shell/1.htm">Shell</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>探索Ubuntu中的Hostname配置与管理当你搭建一台Ubuntu服务器时，Hostname是你遇到的第一个配置项之一。无论是一个趣味十足的名字（比如“TARDIS”）还是一个冷酷无情的描述性标识（比如“webserver-01”），Hostname就像计算机的身份证明。本文将深入探讨Ubuntu中的Hostname：如何查看、修改，以及需要注意的事项。什么是Hostname？Hostname</div> </li> <li><a href="/article/1897466597921058816.htm" title="数据处理神器！一款强大的数据处理命令行工具！" target="_blank">数据处理神器！一款强大的数据处理命令行工具！</a> <span class="text-muted"></span> <div>大家好，我是Java陈序员。我们在日常开发中，经常会操作使用一些JSON、YAML、XML等格式的数据，对数据进行增删改查和转换操作。今天，给大家分享一款强大的数据处理命令行工具，一行命令搞定数据操作！关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍dasel——一款用于处理和操作多种数据格式的命令行工具，支持对JSON、YAML、TOM</div> </li> <li><a href="/article/1897465641175150592.htm" title="react精简面试题" target="_blank">react精简面试题</a> <span class="text-muted">懒人村杂货铺</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>一、React基础1.React的核心特性是什么？答案：组件化开发：将UI拆分为独立可复用的组件。虚拟DOM（VirtualDOM）：通过内存中的轻量级DOM结构优化真实DOM操作。单向数据流：数据通过props从父组件传递到子组件，状态变化可预测。JSX：允许在JavaScript中编写类似HTML的语法，增强代码可读性。2.类组件和函数组件的区别？答案：类组件：使用class定义，继承Reac</div> </li> <li><a href="/article/1897461426549747712.htm" title="园区环境数字化管理系统（源码+文档+讲解+演示）" target="_blank">园区环境数字化管理系统（源码+文档+讲解+演示）</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE%E4%BB%8B%E7%BB%8D/1.htm">开源项目介绍</a> <div>引言随着工业化和城市化的快速发展，园区环境管理面临着越来越多的挑战。园区环境数字化管理系统通过数字化手段，为园区管理者提供了一个高效、透明、智能的管理平台。本文将详细介绍园区环境数字化管理系统的功能、技术架构以及其在提升园区环境管理效率中的优势。系统概述园区环境数字化管理系统采用前后端分离的架构设计，服务端基于MySQL5.7+、JDK1.8+和Redis，前端则采用Vue2.6.14和Eleme</div> </li> <li><a href="/article/1897461355783450624.htm" title="python和单片机能一块学吗_现在学单片机还有前途吗" target="_blank">python和单片机能一块学吗_现在学单片机还有前途吗</a> <span class="text-muted">weixin_39927288</span> <a class="tag" taget="_blank" href="/search/python%E5%92%8C%E5%8D%95%E7%89%87%E6%9C%BA%E8%83%BD%E4%B8%80%E5%9D%97%E5%AD%A6%E5%90%97/1.htm">python和单片机能一块学吗</a> <div>0培训班现状观察如今的软件职业培训行业发展如火如荼，变着花样推出各种前端定向就业班，Python就业班，UI设计班等培训课程，这样的广告更是铺天盖地，席卷整个网络世界。它给很多人的感觉就是做程序员真赚钱。做前端、互联网的程序员更赚钱，我要立刻报名改变自身的处境，哪怕以一头如黑珍珠般亮丽的秀发为代价。而我从事的单片机行业，前几年的培训风还是吹起了浪，似于Linux驱动开发，安卓底层开发等，但是这阵风</div> </li> <li><a href="/article/1897460850248183808.htm" title="软件架构设计与模式之：模块化设计与组件化架构" target="_blank">软件架构设计与模式之：模块化设计与组件化架构</a> <span class="text-muted">AI天才研究院</span> <a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E4%BC%81%E4%B8%9A%E7%BA%A7%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">AI大模型企业级应用开发实战</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a> <div>作者：禅与计算机程序设计艺术1.背景介绍模块化、组件化、微服务架构已经成为云计算的主流架构模式，软件架构设计如何满足需求并持续优化性能是一个非常重要的课题。本文将阐述模块化、组件化、微服务架构的概念及优缺点，并从面向对象的角度阐述模块化设计与组件化架构的过程。同时介绍一些基于Java语言的开源框架（如Spring）所实现的模块化、组件化、微服务架构，并深入到源码分析其实现机制和原理。本文的主要读者</div> </li> <li><a href="/article/1897452525955641344.htm" title="深入理解 React.js：构建现代 Web 应用的核心技术" target="_blank">深入理解 React.js：构建现代 Web 应用的核心技术</a> <span class="text-muted">布兰妮甜</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/-/1.htm">-</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E4%B8%BA/1.htm">行为</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>Hi，我是布兰妮甜！React.js是由Facebook开发并开源的一个用于构建用户界面的JavaScript库。自2013年发布以来，React迅速成为前端开发领域的主流工具之一。其组件化、声明式编程模型以及高效的虚拟DOM技术，使得开发者能够轻松构建高性能、可维护的Web应用。本文将深入探讨React.js的核心概念、优势以及如何在实际项目中应用。文章目录一、React.js的核心概念二、Re</div> </li> <li><a href="/article/1897451517569462272.htm" title="使用Webpack搭建React脚手架（下篇）" target="_blank">使用Webpack搭建React脚手架（下篇）</a> <span class="text-muted">Web_linlan</span> <a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一套完善的开发环境配置可以极大的提升开发效率，提高代码质量，方便多人合作，以及后期的项目迭代和维护。所以说，前端代码格式规范和语法检测的工具可以提高代码的质量和可读性，减少低级错误和维护成本，提高团队的协作效率和开发效率，是非常有必要的。本篇我们将完善脚手架的搭建。代码格式规范和语法检测工具1，EditorConfig：EditorConfig是一个用于统一编辑器和IDE的配置文件的工具。它可以帮</div> </li> <li><a href="/article/1897444713124917248.htm" title="一文掌握python中正则表达式的各种使用" target="_blank">一文掌握python中正则表达式的各种使用</a> <span class="text-muted">数据知道</span> <a class="tag" taget="_blank" href="/search/2025%E5%B9%B4%E7%88%AC%E8%99%AB%E5%92%8C%E9%80%86%E5%90%91%E6%95%99%E7%A8%8B/1.htm">2025年爬虫和逆向教程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>文章目录1.正则表达式基础1.1常用元字符1.2基本用法2.正则表达式高级功能2.1分组捕获2.2命名分组2.3非贪婪匹配2.4零宽断言2.5编译正则表达式2.6转义字符3.常见应用场景3.1验证邮箱格式3.2提取URL3.3提取日期3.4提取HTML中的链接3.5提取HTML中的图片链接3.6提取JSON中的特定字段4.总结在Python爬虫中，正则表达式（RegularExpression，简</div> </li> <li><a href="/article/1897444460975943680.htm" title="工程化与框架系列（19）--前端安全防护" target="_blank">工程化与框架系列（19）--前端安全防护</a> <span class="text-muted">一进制ᅟᅠ ‌‍‎‏ </span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96%E4%B8%8E%E6%A1%86%E6%9E%B6/1.htm">前端工程化与框架</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a> <div>前端安全防护引言随着Web应用的普及，前端安全问题日益突出。本文将深入探讨前端安全的各种威胁及其防护措施，帮助开发者构建更加安全的Web应用。在当今复杂的网络环境中，理解并实施有效的安全策略已经成为前端开发者的必备技能。前端安全概述前端安全是指保护Web应用的客户端部分免受恶意攻击的一系列技术和实践。虽然后端安全同样重要，但前端作为直接面向用户的界面，往往成为攻击者的首要目标。前端安全威胁主要包括</div> </li> <li><a href="/article/1897441308960681984.htm" title="wangeditor html编辑,Vue整合wangEditor富文本编辑器" target="_blank">wangeditor html编辑,Vue整合wangEditor富文本编辑器</a> <span class="text-muted">莫姐</span> <a class="tag" taget="_blank" href="/search/wangeditor/1.htm">wangeditor</a><a class="tag" taget="_blank" href="/search/html%E7%BC%96%E8%BE%91/1.htm">html编辑</a> <div>最近在做项目时，客户有个发布新闻动态的功能，具体页面内容让客户自己编写，所以要选择富文本编辑器，这样用户体验好一点。网上有很多的富文本编辑器，因为项目的功能并不是很复杂，所以选择了wangEditor，界面简洁，使用起来也挺方便的；image.png实现思路1.安装wangEditor2.封装成组件3.父组件中直接调用一、wangEditor安装这里使用npm命令安装；npminstallwang</div> </li> <li><a href="/article/1897438536672538624.htm" title="Docker小游戏 | 使用Docker部署DOS游戏合集" target="_blank">Docker小游戏 | 使用Docker部署DOS游戏合集</a> <span class="text-muted">心随_风动</span> <a class="tag" taget="_blank" href="/search/Docker%E9%83%A8%E7%BD%B2%E5%B0%8F%E6%B8%B8%E6%88%8F%E9%A1%B9%E7%9B%AE/1.htm">Docker部署小游戏项目</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a> <div>Docker小游戏|使用Docker部署DOS游戏合集前言项目介绍项目简介项目预览二、系统要求环境要求环境检查Docker版本检查检查操作系统版本三、部署dos-games网页小游戏下载镜像创建容器检查容器状态检查服务端口检查容器日志安全设置四、访问DOS游戏网页五、进阶玩法下载游戏拷贝游戏六、总结前言在计算机技术迅速发展的今天，回顾过去的游戏文化显得尤为重要。DOS游戏作为早期个人电脑游戏文化的</div> </li> <li><a href="/article/1897438283986694144.htm" title="文件上传和下载前后端交互逻辑" target="_blank">文件上传和下载前后端交互逻辑</a> <span class="text-muted">前端_yu小白</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">文件上传</a><a class="tag" taget="_blank" href="/search/%E4%B8%8B%E8%BD%BD/1.htm">下载</a> <div>上传】1、后端给前端一个上传接口：进行文件上传，上传成功后，该接口返回文件的路径，名称，id2、表单提交接口，提交表单时，将文件的id和表单信息一块提交给后台，实现文件和表单的绑定下载】后端给前端提供一个下载接口，前端调用后，返回二进制文件流。具体请求和接收文件流的方式，参考我之前另一篇博客：后端返回字节流，前端接收下载_后端返回字节数组,前端下载-CSDN博客</div> </li> <li><a href="/article/1897433991829581824.htm" title="Vue 3 实现富文本内容导出 Word 文档：前端直出方案与优化实践" target="_blank">Vue 3 实现富文本内容导出 Word 文档：前端直出方案与优化实践</a> <span class="text-muted">茶颜悅色</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>本文将深入讲解如何通过纯前端方案将富文本内容直接导出为符合中文排版规范的Word文档，对比传统服务端生成方案，本方案可降低服务器压力80%以上，同时支持即时下载功能。一、功能全景图该方案实现以下核心能力：✅纯前端Word文档生成✅中文仿宋字体完美支持✅智能分页与页边距控制✅内存安全回收机制✅浏览器全兼容方案二、技术方案对比方案响应速度服务器压力兼容性要求实现复杂度服务端生成（传统方案）慢高低高前端</div> </li> <li><a href="/article/1897432979039383552.htm" title="新手教程，小白学web前端开发—HTML5+css3" target="_blank">新手教程，小白学web前端开发—HTML5+css3</a> <span class="text-muted">皆非本人</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>小白教程，一起来跟我学简单的网页制作吧！本书教材：web前端开发案例教程—HTML5+css3简介：2005年以后，互联网进入了web2.0的时代，各种类似的桌面软件的web应用大量涌现，网站的前端，由此发生了翻天覆地的变化。网站不再只承载单一的文字和图片，各种丰富的媒体让网页的内容更加生动，网页的各种交互形式为用户带来了更好的体验，都基于前端的技术实现，好了废话不多说，让我们简单的体验一下如何制</div> </li> <li><a href="/article/1897431842563354624.htm" title="【Web前端开发】---web简介" target="_blank">【Web前端开发】---web简介</a> <span class="text-muted">爱学习的小何同学！</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1、前端开发能干什么能干：网页、小程序（例如：微信小程序、抖音小程序），数据可视化前端工程师不仅可以开发上面所说的东西，而且也可以开发：服务器、客户端。2、计算机基础计算机由硬件与软件构成。所谓的硬件就是能看得见、摸得着的一些零部件。比如：CPU、内存、硬盘、键盘、鼠标、音箱、显示器。所谓的软件就是看得见、摸不着的东西。软件由系统软件和应用软件构成。系统软件：Windows、Linux、Max、H</div> </li> <li><a href="/article/1897425408974974976.htm" title="在 Vue 2 项目中集成使用 WangEditor 富文本编辑器" target="_blank">在 Vue 2 项目中集成使用 WangEditor 富文本编辑器</a> <span class="text-muted">VueVirtuoso</span> <a class="tag" taget="_blank" href="/search/%E6%88%91%E7%9A%84%E5%AD%A6%E4%B9%A0%E4%B9%8B%E8%B7%AF/1.htm">我的学习之路</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>WangEditor是一款轻量级、开源、简洁的Web富文本编辑器，支持HTML5和现代浏览器，适合用于简单的内容编辑场景。本文将介绍如何在Vue2项目中集成并使用WangEditor，帮助你快速构建一个支持富文本编辑的应用。一、项目初始化首先，确保你已经安装了VueCLI，如果还未安装，可以通过以下命令全局安装：npminstall-gvue-cli接着，使用VueCLI初始化一个Vue2项目：v</div> </li> <li><a href="/article/1897422127473160192.htm" title="Ajax基础语法总结" target="_blank">Ajax基础语法总结</a> <span class="text-muted">前端小谢</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>了解服务器：提供某种服务器的机器（计算机）1.访问服务器的几种方式直接在地址栏输入网址a标签的href属性Location.href=‘url‘Ajax网页不会跳转Ajax技术：在网页不跳转的情况下，向服务器请求数据应用场景：局部刷新2.Ajax语法：get使用内置对象XMLHttpRequest发送ajax请求1.创建XMLHttpRequest对象Letxhr=newXMLHttpReques</div> </li> <li><a href="/article/1897420112395300864.htm" title="手写精简版TinyHttpd项目(二)" target="_blank">手写精简版TinyHttpd项目(二)</a> <span class="text-muted">Not_full</span> <a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a> <div>在上一章中，我们基本完了socket通信的建立和消息的处理，那么这一章我们就来看如何生成一个静态的网页。1.新建网页首先我们再代码的同级目录下新建一个index.html文件(当然也可以自己选择一个路径)然后将如下的代码复制到新建的index.html中：Thisisatextareawithaborder.SubmitForm结果如下：2.显示静态网页。我们现在已经有了一个本地的网页，接下来我们</div> </li> <li><a href="/article/119.htm" title="Spring中@Value注解，需要注意的地方" target="_blank">Spring中@Value注解，需要注意的地方</a> <span class="text-muted">无量</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/%40Value/1.htm">@Value</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac</div> </li> <li><a href="/article/246.htm" title="mongoDB 分片" target="_blank">mongoDB 分片</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div> mongoDB的分片。要mongos查询数据时候先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。第一步启动两台以上的mongo服务 &nb</div> </li> <li><a href="/article/373.htm" title="OVER(PARTITION BY)函数用法" target="_blank">OVER(PARTITION BY)函数用法</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍开窗函数 &nb</div> </li> <li><a href="/article/500.htm" title="Android开发中，ADB server didn't ACK 解决方法" target="_blank">Android开发中，ADB server didn't ACK 解决方法</a> <span class="text-muted">一炮送你回车库</span> <a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a> <div>首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb</div> </li> <li><a href="/article/627.htm" title="canvas中的像素绘制问题" target="_blank">canvas中的像素绘制问题</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/canvas/1.htm">canvas</a> <div>pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的</div> </li> <li><a href="/article/754.htm" title="编码乱码问题" target="_blank">编码乱码问题</a> <span class="text-muted">灵静志远</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81/1.htm">编码</a> <div>1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte</div> </li> <li><a href="/article/881.htm" title="java 求几个月后的日期" target="_blank">java 求几个月后的日期</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/calendar/1.htm">calendar</a><a class="tag" taget="_blank" href="/search/getinstance/1.htm">getinstance</a> <div>Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M</div> </li> <li><a href="/article/1008.htm" title="数据库设计的三大范式（通俗易懂）" target="_blank">数据库设计的三大范式（通俗易懂）</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%A4%8D%E4%B9%A0/1.htm">数据库复习</a> <div>关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。</div> </li> <li><a href="/article/1135.htm" title="想学工作流怎么入手" target="_blank">想学工作流怎么入手</a> <span class="text-muted">atongyeye</span> <a class="tag" taget="_blank" href="/search/jbpm/1.htm">jbpm</a> <div>工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。系统学习工作流，很重要的一本书《JBPM工作流开发指南》。本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1 首先要</div> </li> <li><a href="/article/1262.htm" title="Context和SQLiteOpenHelper创建数据库" target="_blank">Context和SQLiteOpenHelper创建数据库</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/Context%E5%88%9B%E5%BB%BA%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">Context创建数据库</a> <div> 一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper 一:SQLiteOpenHelper创建数据库: 1,SQLi</div> </li> <li><a href="/article/1389.htm" title="浅谈group by和distinct" target="_blank">浅谈group by和distinct</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/group+by/1.htm">group by</a><a class="tag" taget="_blank" href="/search/distinct/1.htm">distinct</a> <div> group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta</div> </li> <li><a href="/article/1516.htm" title="vi opertion" target="_blank">vi opertion</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a><a class="tag" taget="_blank" href="/search/opration/1.htm">opration</a><a class="tag" taget="_blank" href="/search/vi/1.htm">vi</a> <div>进入 command mode （命令行模式）按 esc 键再按 shift + 冒号注：以下命令中带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行数字</div> </li> <li><a href="/article/1643.htm" title="【Spark十四】深入Spark RDD第三部分RDD基本API" target="_blank">【Spark十四】深入Spark RDD第三部分RDD基本API</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div> 对于K/V类型的RDD,如下操作是什么含义？ val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect reduceByKey在这里的操作，是把</div> </li> <li><a href="/article/1770.htm" title="java类加载机制" target="_blank">java类加载机制</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a> <div>java类加载机制 1.java类加载器的树状结构引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。虚拟机区分一个Cla</div> </li> <li><a href="/article/1897.htm" title="动态添加文本框" target="_blank">动态添加文本框</a> <span class="text-muted">BreakingBad</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E6%A1%86/1.htm">文本框</a> <div> <script> var num=1; function AddInput() { var str=""; str+="<input </div> </li> <li><a href="/article/2024.htm" title="读《研磨设计模式》-代码笔记-单例模式" target="_blank">读《研磨设计模式》-代码笔记-单例模式</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton</div> </li> <li><a href="/article/2151.htm" title="iOS应用打包发布常见问题" target="_blank">iOS应用打包发布常见问题</a> <span class="text-muted">chenhbc</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/iOS%E5%8F%91%E5%B8%83/1.htm">iOS发布</a><a class="tag" taget="_blank" href="/search/iOS%E4%B8%8A%E4%BC%A0/1.htm">iOS上传</a><a class="tag" taget="_blank" href="/search/iOS%E6%89%93%E5%8C%85/1.htm">iOS打包</a> <div>这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。 1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc</div> </li> <li><a href="/article/2278.htm" title="工作流复杂拓扑结构处理新思路" target="_blank">工作流复杂拓扑结构处理新思路</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/OO/1.htm">OO</a> <div> 我们走的设计路线和国外的产品不太一样，不一样在哪里呢？国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很</div> </li> <li><a href="/article/2405.htm" title="oracle 11g新特性Flashback data archive" target="_blank">oracle 11g新特性Flashback data archive</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。 </div> </li> <li><a href="/article/2532.htm" title="多叉树:2-3-4树" target="_blank">多叉树:2-3-4树</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E6%A0%91/1.htm">树</a> <div> 平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征: 1、有一个数据项的节点总是有2个子节点(称为2-节点) 2、有两个数据项的节点总是有3个子节点(称为3-节</div> </li> <li><a href="/article/2659.htm" title="C语言学习七动态分配 malloc的使用" target="_blank">C语言学习七动态分配 malloc的使用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/language/1.htm">language</a><a class="tag" taget="_blank" href="/search/malloc/1.htm">malloc</a> <div>/* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节静态分配 int * p </div> </li> <li><a href="/article/2786.htm" title="Objective-C编码规范[译]" target="_blank">Objective-C编码规范[译]</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E8%A7%84%E8%8C%83/1.htm">代码规范</a> <div> 原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范译者 : Sam Lau </div> </li> <li><a href="/article/2913.htm" title="0.性能优化-目录" target="_blank">0.性能优化-目录</a> <span class="text-muted">frank1234</span> <a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。主要内容包括：一、性能测试指标吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略生产环境相同基准测试预热等 htt</div> </li> <li><a href="/article/3040.htm" title="Java父类取得子类传递的泛型参数Class类型" target="_blank">Java父类取得子类传递的泛型参数Class类型</a> <span class="text-muted">happyqing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B/1.htm">泛型</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E7%B1%BB/1.htm">父类</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%B1%BB/1.htm">子类</a><a class="tag" taget="_blank" href="/search/Class/1.htm">Class</a> <div> import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =</div> </li> <li><a href="/article/3167.htm" title="跟我学SpringMVC目录汇总贴、PDF下载、源码下载" target="_blank">跟我学SpringMVC目录汇总贴、PDF下载、源码下载</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div> ----广告-------------------------------------------------------------- 网站核心商详页开发掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架；掌握数据库技术，表设计和索引优化，分库分表/读写分离；了解缓存技术，熟练使用如Redis/Memcached等主流技术；了解Ngin</div> </li> <li><a href="/article/3294.htm" title="the HTTP rewrite module requires the PCRE library" target="_blank">the HTTP rewrite module requires the PCRE library</a> <span class="text-muted">流浪鱼</span> <a class="tag" taget="_blank" href="/search/rewrite/1.htm">rewrite</a> <div>./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s</div> </li> <li><a href="/article/3421.htm" title="第12章 Ajax（中）" target="_blank">第12章 Ajax（中）</a> <span class="text-muted">onestopweb</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/</div> </li> <li><a href="/article/3548.htm" title="Optimize query with Query Stripping in Web Intelligence" target="_blank">Optimize query with Query Stripping in Web Intelligence</a> <span class="text-muted">blueoxygen</span> <a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a> <div>http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936</div> </li> <li><a href="/article/3675.htm" title="Java开发者写SQL时常犯的10个错误" target="_blank">Java开发者写SQL时常犯的10个错误</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个：　　他们对PreparedStatements不了解　　他们认为使用PreparedStatements太慢了　　他们认为写Prepar</div> </li> <li><a href="/article/3802.htm" title="世纪互联与结盟有感" target="_blank">世纪互联与结盟有感</a> <span class="text-muted">阿尔萨斯</span> <div> 10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>