powertoolsteam
powertoolsteam

三天学会HTML5 之第一天

引言

HTML5 一直是非常热门的话题，因此此系列文章主要从一些基本功能开始讲起，逐步深入了解HTML5的新概念。

 

首先了解一些基本的术语和概念。

    • SGML, HTML,XML三者之间的区别

    • Doc类型是什么

    • HTML5 有什么新特点新优势。

    • 学习HTML5

       

      在开始之前首先来区分SGMC，HTML,XML 三者的概念。

      SGML 即 Standard Globalized Markup Language 是用来定义标准的标记语言，简单的说，就是定义文档的元语言。

      HTML 是基于SGML 的超链接语言，可以用于创建Web页面。在DTD 内部定义了标签的规则，DTD就是使用SGML 语言创建的。

      XML 是从SGML 衍生而来的，它主要处理互联网方面的需求，HTML 有很多限制，XML 是SGML 的子集，可用于表示数据。

       

      Doc 类型

      创建HTML 页面时会自动生成以下代码：

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

       

    •  

      这句代码简单的介绍了HTML 版本号，有了Doctype，就引入了对应的DTD（定义了HTML文档的组织结构），在页面中添加的所有标签才会是合法的，简单的说DTD 就是定义HTML的语法规则。

      即使在没有引入DTD的情况下，很多浏览器也可以识别HTML元素，因为它们自身包含对HTML 元素的定义，这就是为什么很多开发人员没有感受到DTD 的存在。

      HTML5 与之前的版本区别

      HTML5不是基于SGML 语言的，因此不需要DTD ，它是一种全新的标记语言，有自己的解析规则，HTML5的语法规则与之前版本有很大的差别，可以称的上是一种全新的语言。

      HTML5 的Doctype 非常简单：

      <!DOCTYPE html>

    • HTML5 新特性

       

      1. 理解新的页面结构语义

      HTML 旧版本并没有标准的文档定义规则，比如如何定义文档Header或Footer等，很多人都在使用div来修饰一些CSS ，常常会导致不一致性。

      三天学会HTML5 之第一天_第1张图片

      HTML5 定义标准tag如Header,Footer,nav,FlipCaption等。这些标签可使得标记语言更有意义。

      注意： 这些标签不提供特殊的渲染功能，仅仅使的HTML 文档结构更具有意义。

      三天学会HTML5 之第一天_第2张图片

       

      Lab2_ 新的输入属性

      新类型值

      之前为了获得不同的UI 元素，如DatePicker,range Picker,color Picker等，会使用不同的类库。

      HTML5 为输入元素引入了新属性“type”，看以下示例：

    • Number

      <input type="number" name="MyNuberElement" id="MyNumberElement" />

    • Range

      <input type="range" name="MyRangeElement" id="MyRangeElement"/>

    • Color

      <input type="color" id="MyColorElement" name="MyColorElement" />

      三天学会HTML5 之第一天_第3张图片

       

    • Date

      <input type="date" id="MyDateElement" name="MyDateElement" />

      三天学会HTML5 之第一天_第4张图片

    • Time

      <input type="time" id="MyTimeElement" name="MyTimeElement"/>

    • Datetime-local

      <input type="datetime-local" id="MyDateTimeLElement" name="MyDateTimeLElement" />

       

    •  

      三天学会HTML5 之第一天_第5张图片

    • DateTime (Also include time zone)

      <input type="datetime" id="MyDateTimeElement" name="MyDateTimeElement"/>

      三天学会HTML5 之第一天_第6张图片

    • Month

      <input type="month" id="MyMonthElement" name="MyMonthElement" />

      三天学会HTML5 之第一天_第7张图片

    • Week

      <input type="week" id="MyWeekElement" name="MyWeekElement" />

      三天学会HTML5 之第一天_第8张图片

       

    • 下面列举一些有用的属性：

    • Autofocus 该属性表示在页面加载时，可初始化焦点。

      &hellip;

<label for="birthMonth">Birth Month</label>

<input type="month" id="MyMonthElement" name="MyMonthElement" autofocus />

&hellip;
      上面代码实现了，当页面加载时，鼠标聚焦于“MyMonthElement”控件，“autofocus” 则绑定到多控件。

    • Placeholder 新的输入控件

       
    • <input type="text" placeholder="Enter Value" id="MyPlaceHolderControl"

               name="MyPlaceHolderControl" />

       

      实验3――了解HTML5 Datalist 控件

      DataList是HTML5中的新标签，能够在输入框中，实现自动完成功能。
      可通过3个步骤实现：
      1. 创建DataList
      <datalist id="Hobbies">

    <option>Reading books</option>

    <option>Watching movies</option>

    <option>Playing games</option>

</datalist>

       

    • 2. 创建输入控件，绑定List

      <input type="text" name="TxtHobbies" value="" list="Hobbies" />

       

    • 3. 运行测试

      三天学会HTML5 之第一天_第9张图片

       

      实验 4  输出元素

      HTML5 中引入标准的语义“Output”元素

      <div oninput=        "document.getElementById(MyOutputElement).value =

        (document.getElementById('input1').valueAsNumber) +

        (document.getElementById('input2').valueAsNumber)">

    <input id="input1" name="input1" type="number" value="1"> +

    <input id="input2" name="input2" type="number" value="2"> =

    <output id="MyOutputElement">3</output>

</div>

    • 实验 5,6,7-学习HTML5 验证功能

      验证是开发应用最重要的功能，之前都会使用JQuery 验证等功能，在新版的HTML5中提供了验证支持。

      Lab5―使用输入元素的type属性，实现验证功能：

      <form>

 <table>

  <tr>

    <td>

        <label>E-mail:</label>

        <input type="email" id="email" name="email" />


        <label>URL:</label>

        <input type="url" id="url" name="url" />


        <label>Telephone</label>

        <input type="tel" id="phone" name="phone" />


        <label>Number Demo:</label>

        <input type="number" name="MyNumberElement" id="MyNumberElement" />


        <label>Range Demo:</label>

        <input type="range" name="MyRangeElement" id="MyRangeElement" />


        <label>Color Demo</label>

        <input type="color" id="MyColorElement" name="MyColorElement" />

    </td>

    <td>

        <label>Date Demo</label>

        <input type="date" id="MyDateElement" name="MyDateElement" />


        <label>Time Demo</label>

        <input type="time" id="MyTimeElement" name="MyTimeElement" />


        <label>DateTime Local Demo</label>

        <input type="datetime-local" id="datetime" name=" datetime" />


        <label>Month Demo</label>

        <input type="month" id="month" name="month" />


        <label>Week Demo</label>

        <input type="week" id="MyWeekElement" name="MyWeekElement" />


        <div style="text-align:right">

          <input type="submit" value="validate" />

        </div>

    </td>

  </tr>

 </table>

</form>

    •  

      2. 运行测试

      三天学会HTML5 之第一天_第10张图片

       

      实验6-使用自定义验证属性实现验证

      1. 创建输入控件
      <form>

    <label>Email</label>

    <input type="email" name="TxtEmail"

          id="TxtEmail" required />


    <label>User Name</label>

    <input type="text" name="username"

          id="username" pattern="[a-zA-Z]{5,}" />


    <label>Age</label>

    <input type="number" name="TxtAge"

          id="TxtAge" min="10" max="50" />


    <br /><input type="submit" value="Register" />

</form>
    • 输出：

      三天学会HTML5 之第一天_第11张图片

      实验7――自定义验证

      通过处理oninvalid 事件完成自定义HTML5 验证功能。
      1. 创建输入控件，并绑定验证属性，添加自定义错误提示。
      <form>

    <label>Email</label>

    <input type="email" name="TxtEmail"

            id="TxtEmail"  required/>

    <span class="MissingEmailSpan invalid">Email Missing</span>

    <span class="InvalidEmailSpan invalid">Invalid email</span>


    <label>User Name</label>

    <input type="text" name="username"

            id="username" pattern="[a-zA-Z]{5,10}"  />

    <span class="InvalidUserNameSpan invalid">Username not matching with pattern</span>


    <label>Age</label>

    <input type="number" name="TxtAge"

            id="TxtAge" min="10" max="50" />

    <span class="AgeIsNotInRangeSpan invalid">Age must be be between 10 and 50</span>

    <span class="InvalidAgeSpan invalid">Invalid Age</span>


    <br /><input type="submit" value="Register" />

</form>

       

    •  

      2.  添加style 标签，创建CSS 来隐藏错误信息

      <style>

        .invalid {

            display: none;

        }

</style>

    • 3. 点击提交按钮，隐藏错误信息

      <input type="submit" value="Register" onclick="$('.invalid').hide();" />

       

    •  

      4. 当输入控件包含非法值时触发

      <input type="email" name="TxtEmail" id="TxtEmail" oninvalid="OnInvalidEmail();" required/>

       

    •  

      5. 创建Event Handler JavaScript函数

      function OnInvalidEmail()

{    event.preventDefault();

    var element = event.srcElement;

    var validity = element.validity;    if (validity.valueMissing) {

        $('.MissingEmailSpan').show();

    }    else if (validity.typeMismatch) {

        $('.InvalidEmailSpan').show();

    }

}
      event.preventDefault();  会组织默认行为的发生，将错误信息置顶
      event.srcElement；获取包含非法值的控件，如上的Email textbox;
      element.validity; 包含控件的验证信息，如valueMissing，typeMismatch，badInput等。

      6. 运行

      三天学会HTML5 之第一天_第12张图片

    •  

      实验8――HTML5的缓存技术

      如下是简答的缓存Demo

      1.创建新的ASP.NET Web 应用

      2. 添加Style.css,在Block 中添加以下类：

      .DivStyle {

    background-color:silver;

}

    • 3. 创建manifest 文本文件：

      CACHE MANIFEST

# ver 1


CACHE:

/Styles/Style.css

    • 4. 创建需要缓存的文件

      <%@ Page Language="C#" AutoEventWireup="true" CodeFile="MyPage.aspx.cs" Inherits="MyPage" %>


<!DOCTYPE html>


<html  manifest="MyCache.txt">

<head runat="server">

    <title></title>

    <link href="Styles/Style.css" rel="stylesheet" />

</head>

<body>

    <form id="form1" runat="server">      

    <div class="DivStyle" id="MyDiv">

        Hi, Execution count is 1

    </div>

    </form>

</body>

</html>

       

    •  

      5. 运行

      6. 设置离线，查看结果

      三天学会HTML5 之第一天_第13张图片

      7. 刷新页面

      8 修改MyPage.aspx 文件，修改Mydiv

      <div class="DivStyle" id="MyDiv">

    Hi, Execution count is 2

</div>

    • 9. 运行程序

      10. 修改manifest 文件

      CACHE MANIFEST

# ver 3


CACHE:

/Styles/Style.css

       

  • 11 再次刷新网页


你可能感兴趣的:(html5,入门,新特性)

  • 【扩散模型Diffusion Model系列】1-一篇文章带你快速入门扩散模型Diffusion Model，个人入门学习路线+优质学习博客资料 Leafing_ DiffusionModel扩散模型人工智能深度学习AIGC扩散模型AI视频生成算法人工智能深度学习
    文章目录零、写在前面一、扩散理论缘起DDPM再见，马尔科夫！高视角DDIMLevelup！更高视角SDE、ScoreMatching、ODE走直线！RectifiedFlow和FlowMatching二、模型结构传统派LDMUNet:StableDiffusion维新派MMDiT：StableDiffusion3/Flux三、加速采样多走一步，再比较ConsistencyModel/LCM半白箱采
  • 30岁了，零基础想转行网安从头开始现实吗？ 白帽子凯哥哥 tcp/ip安全web安全学习网络
    这篇文章没有什么套路。就是一套自学理论和方向，具体的需要配合网络黑白去学习。毕竟是有网络才会有黑白！有自学也有培训！1.打死也不要相信什么分分钟钟教你成为大黑阔的，各种包教包会的教程,就算打不死也不要去购买那些所谓的盗号软件之类的东西。2，我之前让你们在没有目的的时候学习linux,在学习LINUX的同时你第一个遇到的问题就是命令。作为一个黑客入门着来说你必须要懂什么是命令化系统,什么是图形化系统
  • 大模型开发教程：从零开始的入门指南！ 程序员二飞 人工智能java数据库职场和发展深度学习
    概述大模型开发教程引领人工智能领域前沿，从基础概念至实战项目，全面覆盖Python与深度学习框架使用，指导初学者构建线性回归、逻辑回归、神经网络等模型，深入探索图像分类、情感分析等复杂应用，为探索未来智能世界提供坚实基石。前排提示，文末有大模型AGI-CSDN独家资料包哦！二、基础知识2.1人工智能与深度学习的概念人工智能(AI)是计算机科学的一个分支，旨在使计算机能够执行通常需要人类智能的任务。
  • 领域驱动设计（DDD）深度解析：从小白到入门 月落星还在 数据库设计模式
    一、为什么要学DDD？——从现实问题说起假设你参与开发一个电商系统，需求如下：用户下单时，需检查库存、计算优惠、生成订单同一商品的库存信息分散在商品服务、订单服务、促销服务中开发过程中频繁出现「订单金额计算逻辑冲突」「库存状态不一致」等问题传统开发方式的问题：需求直接映射为数据库表结构业务逻辑散落在Service层技术实现主导设计，业务语义模糊此时，领域驱动设计（Domain-DrivenDesi
  • C++并发编程实战 lijiaxin2333 C++c++
    文章目录第一章:你好,C++并发世界什么是并发并发的途径为什么使用并发什么时候不使用并发C++新标准中的并发支持开始入门:你好,并发世界第一章:你好,C++并发世界至C++11开始,C++标准支持多线程程序.什么是并发人可以一边唱歌一边跳舞,计算机呢?单处理器计算机每秒可以切换任务许多次,做一点A任务再做一点B任务,然AB任务看起来是并行发生.这就是任务切换.任务切换可以被看做并发.多处理器计算机
  • ArcGIS技巧-解决ArcMAP中无法交换图层的问题 称昵写填未 arcgis
    本文基于B站GIS之梦的Arcgis零基础入门教程第13节，及同作者提供的联系数据（见视频评论区），感谢UP提供的学习资料，以下附视频链接：Arcgis零基础入门教程_哔哩哔哩_bilibili缩略版：将“内容列表”从“按源列出”修改为“按绘制循序列出”即可详细版：（1）在以下情形中，假设我们希望将“爱心树叶.tif”转移到“爱心_copy（.shp格式）”之上，当我们拖动“爱心树叶.tif”时，
  • C# WPF入门学习主线篇（二十四）—— 数据绑定基础 Ice bear433 学习C#WPFc#wpf学习
    C#WPF入门学习主线篇（二十四）——数据绑定基础数据绑定是WPF的重要特性之一，它允许UI元素和数据源之间建立连接，从而实现数据的自动更新和显示。通过数据绑定，开发者可以减少大量的手动更新代码，使应用程序更具响应性和可维护性。本篇博客将详细介绍WPF数据绑定的基础知识，包括单向绑定、双向绑定、绑定路径和数据上下文。1.数据绑定基础数据绑定是指将控件的属性与数据源进行连接，使得控件的显示内容和数据
  • C语言入门（大一笔记）函数篇 考不上贰幺幺不改名 C语言笔记c语言程序设计编程语言
    第七章C语言函数前言一、基础知识点7.1什么是函数？概念我们将常用的代码以固定的格式封装（包装）成一个独立的模块，只要知道这个模块的名字就可以重复使用它，这个模块就叫做函数（Function）。用比较字符串大小的函数讲解函数的封装以及一些注意事项。库函数和自定义函数C语言自带的函数称为库函数（LibraryFunction）。库（Library）是编程中的一个基本概念，可以简单地认为它是一系列函数
  • php mysql中几个版本的进化史_PHP 进化史 — 从 v5.6 到 v8.0 插门胡的小背心 phpmysql中几个版本的进化史
    在此篇文章中，我们将用15分钟对PHPv7.x版本更改进行简要回顾。PHP7.3版本发布后，为了更好地理解这门广泛流行的编程语言的新特性和优化之处，我决定详细地研究下PHP开发：正在开发什么以及其开发方向。在查看了PHP在PHP7.x版本开发过程中实现的一系列特性的简要列表之后，我决定自己整合这个列表作为一个很好的补充，我相信也会有人觉得有用的。我们将从PHP5.6作为基准开始，研究添加或者更改了
  • 《人形机器人入门》开源项目推荐 段钰忻
    《人形机器人入门》开源项目推荐IntroductionToHumanoidRoboticsMatlabcodeforaSpringerbook"IntroductiontoHumanoidRobotics"项目地址:https://gitcode.com/gh_mirrors/in/IntroductionToHumanoidRobotics1.项目基础介绍《人形机器人入门》开源项目是基于MATL
  • c语言笔记 函数入门 我是大咖 c语言笔记c语言笔记开发语言
    目录函数的定义函数语法汇总函数的实参与形参函数实参与形参的区别函数的实参是传地址还是传值？c语言的函数就是用来实现某种功能的，如果说我们的程序代码都写在main函数中，这样会显得很难读懂，而且代码太长过于冗余，显得没有质量。所以我们可以把一些功能用分函数的方法实现功能独立分开，实现c程序的工整还有方便我们或者读者读懂。如果我们都把程序的代码全部写在主函数内，要是出现错误，我们要修改起来比较麻烦，要
  • Pyarmor9 最新加密教程：从入门到上手（参考官网文档） Yc9801 源代码管理python
    官网文档：https://pyarmor.readthedocs.io/en/latest/一、Pyarmor是什么？想象你写了一个超级厉害的Python脚本，比如一个计算彩票中奖号码的程序（当然是玩笑），你不想让别人偷看或随便复制怎么办？Pyarmor就像给你的代码加了一把锁，别人拿到也看不懂，甚至只能在你指定的电脑上运行。主要功能：混淆代码：把代码变成“天书”，让人看不懂。绑定设备：让代码只能
  • 《人形机器人入门实践》开源项目指南 荣宣廷
    《人形机器人入门实践》开源项目指南项目地址:https://gitcode.com/gh_mirrors/in/IntroductionToHumanoidRobotics本指南旨在帮助您深入了解并快速上手由ShuujiKajita等专家维护的“人形机器人入门实践”开源项目，该项目可以从此处获取。我们将分步骤介绍项目的结构、关键文件及其用途，确保您可以轻松地探索与开发人形机器人的精彩世界。1.项目
  • 【蓝桥】枚举 CH3_CH2_CHO QuantumCoffee算法c++枚举蓝桥杯
    1、引言在算法领域中，枚举算法是一种基础且直观的解题思路。无论是新手入门还是复杂问题的简化处理，它都扮演着重要角色。本文将结合枚举算法的核心思想、解空间类型以及循环枚举的实践步骤，带大家深入理解这一经典算法。2、核心2.1算法思想枚举算法的核心是穷举所有可能的情况。它将问题解空间中的每个可能解逐一枚举，通过验证和比较，找到满足问题条件的最优解或所有解。例如，在寻找数字组合的问题中，枚举算法会遍历所
  • 【Python爬虫(71)】用Python爬虫解锁教育数据的奥秘 奔跑吧邓邓子 Python爬虫python爬虫开发语言教育数据
    【Python爬虫】专栏简介：本专栏是Python爬虫领域的集大成之作，共100章节。从Python基础语法、爬虫入门知识讲起，深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑，覆盖网页、图片、音频等各类数据爬取，还涉及数据处理与分析。无论是新手小白还是进阶开发者，都能从中汲取知识，助力掌握爬虫核心技能，开拓技术视野。目录一、引言二、确定目标网站2.1教育机构官网2.2在线学习平台三、爬
  • Go语言圣经 - 第1章 入门 - 1.5 & 1.6 & 1.7 & 1.8 获取URL & 并发获取多个URL & Web服务 & 本章要点 shiyivei #Gogolang开发语言webservice并发
    第1章入门1.5获取Url1.编写代码Go语言提供了net包以及其它包，以便我们可以用来构建我们访问网络资源的程序，我们来看一个例子packagemainimport("fmt""io/ioutil""net/http""os")funcmain(){for_,url:=rangeos.Args[1:]{resp,err:=http.Get(url)iferr!=nil{fmt.Fprintf(o
  • golang从入门到做牛马:第八篇-Go语言运算符-数学与逻辑的“魔法棒” 王盼达 golang从入门到做牛马golang开发语言后端
    在Go语言中，运算符就像是数学与逻辑的“魔法棒”，它们可以在程序运行时执行各种操作。Go语言提供了丰富的运算符，包括算术运算符、关系运算符、逻辑运算符、位运算符、赋值运算符和其他运算符。接下来，让我们一起探索这些运算符的奥秘。算术运算符：数字的“加减乘除”算术运算符用于执行基本的数学运算。以下是Go语言中的算术运算符及其示例：运算符描述示例+相加A+B输出结果30-相减A-B输出结果-10*相乘A
  • 【GPT入门】第16课 RAG入门 *星星之火* 大模型gpt
    【GPT入门】第16课RAG入门1.RAG概念核心原理主要应用优势挑战RGA工作图解2.RAG系统基本搭建流程1.RAG概念RAG通常指检索增强生成（Retrieval-AugmentedGeneration），是一种将检索技术与生成式人工智能相结合的技术架构，以下是关于它的详细介绍：核心原理检索：RAG会在大量的文本数据中进行检索，这些数据可以是网页、文档、知识库等。它通过各种检索算法和技术，快
  • 【GPT入门】第18课 langchain介绍与API初步体验 *星星之火* 大模型gptlangchain
    【GPT入门】langchain第一课langchain介绍与API初步体验1.langchain介绍定义特点1.模块化与灵活性2.链式调用机制3.数据连接能力4.记忆管理功能5.提示工程支持6.可扩展性2.langchain核心组件架构图3.最简单的helloworld入门1.langchain介绍LangChain是一个用于开发由语言模型驱动的应用程序的开源框架，它在大语言模型（LLM）应用开
  • 华为工程师带你实战C++：专业深度全面完整 6v6-博客 华为c++java
    华为工程师带你实战C++：专业深度全面完整本课程以实战为主，课上全部代码均为边讲边手敲，学完此套课程，可以达到一个C++中高级开发者的水平。既适合于刚刚入门有一定的语言基础的人，也适合于有一定的开发经验的人。课程大纲第1章：C++基础与提高1-1C++学习开山篇1-2C到C++类型安全增强1-3Cout格式输出，函数重载初步1-4函数重载原理1-5C++运算符重载初步1-6C++函数默认参数1-7
  • STM32驱动OLED屏幕全解析：从原理到温度显示实战（中） | 零基础入门STM32第五十四步 触角01010001 STM32入门教程（100步）stm32嵌入式硬件单片机驱动开发物联网
    主题内容教学目的/扩展视频OLED显示屏重点课程电路原理，手册分析，驱动程序。初始化，清屏，ASCII字库，显示分区。调用显示函数。做带有加入图形和汉字显示的RTC时钟界面。讲字库的设计原理。师从洋桃电子，杜洋老师文章目录一、OLED驱动架构设计二、关键函数解析（oled0561.c）2.1初始化函数OLED0561_Init2.2显示控制函数2.3清屏函数三、字符显示原理3.1单字符显示函数3.
  • C++20 新特性总结 arong-xu ModernC++c++20算法
    简要总结C++20引入了四项非常大的更新,分别是:概念(Concepts).用来简化模板编程,强化表达能力.并且使得出错原因更容易查找.模块(Modules).这是代码组织方面非常大的更新.提供了新的方式来组织代码,并且可以减少编译时间.范围库(RangesandViews).轻量级的,非拥有的范围库,允许对数据进行各种操作.协程(Coroutine).多线程编程方面的一次重大更新.本文将会对C+
  • OLED屏幕开发全解析：从硬件设计到物联网显示实战 | 零基础入门STM32第五十二步 触角01010001 STM32入门教程（100步）stm32嵌入式硬件驱动开发物联网单片机
    主题内容教学目的/扩展视频OLED显示屏重点课程电路原理，手册分析，驱动程序。初始化，清屏，ASCII字库，显示分区。调用显示函数。做带有加入图形和汉字显示的RTC时钟界面。讲字库的设计原理。师从洋桃电子，杜洋老师文章目录一、OLED屏幕核心特性解析二、OLED模块电路设计要点2.1硬件接口设计2.2电源设计规范三、OLED驱动开发关键技术3.1初始化流程设计3.2显示控制功能四、OLED字库生成
  • MetaGPT零基础极速入门：手把手教你打造AI虚拟公司 Julian.zhou MetaGPT人工智能人工智能
    MetaGPT是什么？为什么突然爆火？MetaGPT是由中国团队开发的多智能体协作框架，仅需1个需求，自动生成完整软件项目！它能模拟真实IT公司流程，自动分解任务、编写代码、生成文档，GitHub狂揽18k+星！官网：https://www.deepwisdom.ai/源码地址：https://github.com/geekan/MetaGPTMetaGPT能做什么？一句需求，可以让模拟的一个团队
  • Vue3开发 vue-router的使用 CV菜鸟# 前端开发vue.jsjavascript前端
    1、vue-router简介官方介绍：VueRouter是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自
  • 「基于大模型的智能客服系统」语义理解、上下文记忆与反馈机制设计 网罗开发 AI大模型人工智能人工智能职场和发展
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • WPF未来展望：紧跟技术发展趋势，探索新的可能性 xcLeigh WPF从入门到精通wpfC#
    WPF未来展望：紧跟技术发展趋势，探索新的可能性一、前言二、WPF与.NET技术的融合发展2.1拥抱.NETCore2.2利用.NET5及后续版本的新特性三、WPF在新兴技术领域的应用拓展3.1与云计算的结合3.2融入物联网生态四、WPF在用户体验和设计方面的创新4.1响应式设计4.2增强的动画和交互效果五、WPF开发工具和框架的演进5.1VisualStudio的持续优化5.2新的开发框架和库的
  • SpringBoot 快速入门（保姆级详细教程） 「已注销」 SpringBootspringbootspringjava
    作者：大三的土狗专栏：SpringBoot入门到精通快速导航前言1、SpringBoot简介2、优势3、快速入门1、新建工程2、勾选SpringWeb3、创建Controller4、启动服务器4、Spring和SpringBoot对比5、在官网构建工程6、问题总结前言SpringBoot时Spring家族中的一个全新框架，用来简化spring程序的创建和开发过程。SpringBoot化繁为简，使开
  • 【Python】-入门：安装配置和IDLE的使用 前鼻音太阳熊 python开发语言
    Python的安装和配置一、下载Python安装包首先，你需要从Python的官方网站（https://www.python.org/downloads/）下载适合你操作系统的Python安装包。请注意，Python2.x版本即将停止维护，因此推荐下载Python3.x版本。二、安装Python下载完成后，双击打开安装包进行安装。仔细阅读安装向导，选择适合你的安装选项。对于大多数用户来说，选择默认
  • Hive-基础入门 数据牧马人 hivehadoop数据仓库
    目录第1章Hive基本概念第2章、安装步骤：1、上传jar包至/usr/local/soft2、解压并重命名3、配置环境变量4.配置HIVE文件第3章hive中数据库的操作1、hiveDDL操作2、HiveDML操作3、hive的本地模式4、hive表中数据加载方式5、hive中的流量统计6、hive数据导出第4章hive中的数据类型1.基本数据类型2.复杂数据类型第5章hive中的一个emp案例
  • xml解析 小猪猪08 xml
    1、DOM解析的步奏 准备工作：    1.创建DocumentBuilderFactory的对象    2.创建DocumentBuilder对象    3.通过DocumentBuilder对象的parse(String fileName)方法解析xml文件    4.通过Document的getElem
  • 每个开发人员都需要了解的一个SQL技巧 brotherlamp linuxlinux视频linux教程linux自学linux资料
      对于数据过滤而言CHECK约束已经算是相当不错了。然而它仍存在一些缺陷，比如说它们是应用到表上面的，但有的时候你可能希望指定一条约束，而它只在特定条件下才生效。 使用SQL标准的WITH CHECK OPTION子句就能完成这点，至少Oracle和SQL Server都实现了这个功能。下面是实现方式： CREATE TABLE books (   id &
  • Quartz——CronTrigger触发器 eksliang quartzCronTrigger
    转载请出自出处：http://eksliang.iteye.com/blog/2208295 一.概述 CronTrigger 能够提供比 SimpleTrigger 更有具体实际意义的调度方案，调度规则基于 Cron 表达式，CronTrigger 支持日历相关的重复时间间隔（比如每月第一个周一执行），而不是简单的周期时间间隔。 二.Cron表达式介绍 1）Cron表达式规则表 Quartz
  • Informatica基础 18289753290 InformaticaMonitormanagerworkflowDesigner
    1. 1）PowerCenter Designer：设计开发环境，定义源及目标数据结构；设计转换规则，生成ETL映射。 2）Workflow  Manager：合理地实现复杂的ETL工作流，基于时间，事件的作业调度 3）Workflow  Monitor：监控Workflow和Session运行情况，生成日志和报告 4）Repository  Manager：
  • linux下为程序创建启动和关闭的的sh文件，scrapyd为例 酷的飞上天空 scrapy
    对于一些未提供service管理的程序  每次启动和关闭都要加上全部路径，想到可以做一个简单的启动和关闭控制的文件   下面以scrapy启动server为例，文件名为run.sh：   #端口号，根据此端口号确定PID PORT=6800 #启动命令所在目录 HOME='/home/jmscra/scrapy/' #查询出监听了PORT端口
  • 人--自私与无私 永夜-极光
                今天上毛概课,老师提出一个问题--人是自私的还是无私的,根源是什么?               从客观的角度来看,人有自私的行为,也有无私的
  • Ubuntu安装NS-3 环境脚本 随便小屋 ubuntu
      将附件下载下来之后解压，将解压后的文件ns3environment.sh复制到下载目录下（其实放在哪里都可以，就是为了和我下面的命令相统一）。输入命令：   sudo ./ns3environment.sh >>result   这样系统就自动安装ns3的环境，运行的结果在result文件中，如果提示     com
  • 创业的简单感受 aijuans 创业的简单感受
           2009年11月9日我进入a公司实习，2012年4月26日，我离开a公司，开始自己的创业之旅。      今天是2012年5月30日，我忽然很想谈谈自己创业一个月的感受。 当初离开边锋时，我就对自己说：“自己选择的路，就是跪着也要把他走完”，我也做好了心理准备，准备迎接一次次的困难。我这次走出来，不管成败
  • 如何经营自己的独立人脉 aoyouzi 如何经营自己的独立人脉
    独立人脉不是父母、亲戚的人脉，而是自己主动投入构造的人脉圈。“放长线，钓大鱼”，先行投入才能产生后续产出。   现在几乎做所有的事情都需要人脉。以银行柜员为例，需要拉储户，而其本质就是社会人脉，就是社交！很多人都说，人脉我不行，因为我爸不行、我妈不行、我姨不行、我舅不行……我谁谁谁都不行，怎么能建立人脉？我这里说的人脉，是你的独立人脉。   以一个普通的银行柜员
  • JSP基础 百合不是茶 jsp注释隐式对象
      1,JSP语句的声明 <%! 声明 %> 　　 声明：这个就是提供java代码声明变量、方法等的场所。 表达式 <%= 表达式 %> 　　 这个相当于赋值，可以在页面上显示表达式的结果， 程序代码段/小型指令　<% 程序代码片段 %>   2,JSP的注释   <!-- -->
  • web.xml之session-config、mime-mapping bijian1013 javaweb.xmlservletsession-configmime-mapping
    session-config 1.定义： <session-config> <session-timeout>20</session-timeout> </session-config> 2.作用：用于定义整个WEB站点session的有效期限，单位是分钟。   mime-mapping 1.定义： <mime-m
  • 互联网开放平台（1） Bill_chen 互联网qq新浪微博百度腾讯
    现在各互联网公司都推出了自己的开放平台供用户创造自己的应用，互联网的开放技术欣欣向荣，自己总结如下： 1.淘宝开放平台(TOP) 网址：http://open.taobao.com/ 依赖淘宝强大的电子商务数据，将淘宝内部业务数据作为API开放出去，同时将外部ISV的应用引入进来。 目前TOP的三条主线： TOP访问网站：open.taobao.com ISV后台：my.open.ta
  • 【MongoDB学习笔记九】MongoDB索引 bit1129 mongodb
    索引 可以在任意列上建立索引 索引的构造和使用与传统关系型数据库几乎一样,适用于Oracle的索引优化技巧也适用于Mongodb 使用索引可以加快查询,但同时会降低修改,插入等的性能 内嵌文档照样可以建立使用索引 测试数据     var p1 = { "name":"Jack", "age&q
  • JDBC常用API之外的总结 白糖_ jdbc
    做JAVA的人玩JDBC肯定已经很熟练了，像DriverManager、Connection、ResultSet、Statement这些基本类大家肯定很常用啦，我不赘述那些诸如注册JDBC驱动、创建连接、获取数据集的API了，在这我介绍一些写框架时常用的API，大家共同学习吧。     ResultSetMetaData获取ResultSet对象的元数据信息
  • apache VelocityEngine使用记录 bozch VelocityEngine
    VelocityEngine是一个模板引擎，能够基于模板生成指定的文件代码。   使用方法如下：     VelocityEngine engine = new VelocityEngine();// 定义模板引擎     Properties properties = new Properties();// 模板引擎属
  • 编程之美-快速找出故障机器 bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; public class TheLostID { /*编程之美 假设一个机器仅存储一个标号为ID的记录，假设机器总量在10亿以下且ID是小于10亿的整数，假设每份数据保存两个备份，这样就有两个机器存储了同样的数据。 1.假设在某个时间得到一个数据文件ID的列表，是
  • 关于Java中redirect与forward的区别 chenbowen00 javaservlet
    在Servlet中两种实现： forward方式：request.getRequestDispatcher(“/somePage.jsp”).forward(request, response); redirect方式：response.sendRedirect(“/somePage.jsp”); forward是服务器内部重定向，程序收到请求后重新定向到另一个程序，客户机并不知
  • [信号与系统]人体最关键的两个信号节点 comsci 系统
            如果把人体看做是一个带生物磁场的导体,那么这个导体有两个很重要的节点,第一个在头部,中医的名称叫做 百汇穴, 另外一个节点在腰部,中医的名称叫做 命门         如果要保护自己的脑部磁场不受到外界有害信号的攻击,最简单的
  • oracle 存储过程执行权限 daizj oracle存储过程权限执行者调用者
    在数据库系统中存储过程是必不可少的利器，存储过程是预先编译好的为实现一个复杂功能的一段Sql语句集合。它的优点我就不多说了，说一下我碰到的问题吧。我在项目开发的过程中需要用存储过程来实现一个功能，其中涉及到判断一张表是否已经建立，没有建立就由存储过程来建立这张表。 CREATE OR REPLACE PROCEDURE TestProc  IS    fla
  • 为mysql数据库建立索引 dengkane mysql性能索引
    前些时候，一位颇高级的程序员居然问我什么叫做索引，令我感到十分的惊奇，我想这绝不会是沧海一粟，因为有成千上万的开发者（可能大部分是使用MySQL的）都没有受过有关数据库的正规培训，尽管他们都为客户做过一些开发，但却对如何为数据库建立适当的索引所知较少，因此我起了写一篇相关文章的念头。  最普通的情况，是为出现在where子句的字段建一个索引。为方便讲述，我们先建立一个如下的表。
  • 学习C语言常见误区 如何看懂一个程序 如何掌握一个程序以及几个小题目示例 dcj3sjt126com c算法
    如果看懂一个程序，分三步   1、流程   2、每个语句的功能   3、试数   如何学习一些小算法的程序 尝试自己去编程解决它，大部分人都自己无法解决 如果解决不了就看答案 关键是把答案看懂，这个是要花很大的精力，也是我们学习的重点 看懂之后尝试自己去修改程序，并且知道修改之后程序的不同输出结果的含义 照着答案去敲 调试错误
  • centos6.3安装php5.4报错 dcj3sjt126com centos6
    报错内容如下: Resolving Dependencies --> Running transaction check ---> Package php54w.x86_64 0:5.4.38-1.w6 will be installed --> Processing Dependency: php54w-common(x86-64) = 5.4.38-1.w6 for
  • JSONP请求 flyer0126 jsonp
          使用jsonp不能发起POST请求。 It is not possible to make a JSONP POST request. JSONP works by creating a <script> tag that executes Javascript from a different domain; it is not pos
  • Spring Security（03）——核心类简介 234390216 Authentication
    核心类简介 目录 1.1     Authentication 1.2     SecurityContextHolder 1.3     AuthenticationManager和AuthenticationProvider 1.3.1  &nb
  • 在CentOS上部署JAVA服务 java--hhf javajdkcentosJava服务
        本文将介绍如何在CentOS上运行Java Web服务，其中将包括如何搭建JAVA运行环境、如何开启端口号、如何使得服务在命令执行窗口关闭后依旧运行     第一步：卸载旧Linux自带的JDK ①查看本机JDK版本 java -version    结果如下 java version "1.6.0"
  • oracle、sqlserver、mysql常用函数对比[to_char、to_number、to_date] ldzyz007 oraclemysqlSQL Server
    oracle                                &n
  • 记Protocol Oriented Programming in Swift of WWDC 2015 ningandjin protocolWWDC 2015Swift2.0
    其实最先朋友让我就这个题目写篇文章的时候，我是拒绝的，因为觉得苹果就是在炒冷饭， 把已经流行了数十年的OOP中的“面向接口编程”还拿来讲，看完整个Session之后呢，虽然还是觉得在炒冷饭，但是毕竟还是加了蛋的，有些东西还是值得说说的。 通常谈到面向接口编程，其主要作用是把系统设计和具体实现分离开，让系统的每个部分都可以在不影响别的部分的情况下，改变自身的具体实现。接口的设计就反映了系统
  • 搭建 CentOS 6 服务器(15) - Keepalived、HAProxy、LVS rensanning keepalived
    （一）Keepalived （1）安装 # cd /usr/local/src # wget http://www.keepalived.org/software/keepalived-1.2.15.tar.gz # tar zxvf keepalived-1.2.15.tar.gz # cd keepalived-1.2.15 # ./configure # make &a
  • ORACLE数据库SCN和时间的互相转换 tomcat_oracle oraclesql
    SCN（System Change Number 简称 SCN）是当Oracle数据库更新后，由DBMS自动维护去累积递增的一个数字，可以理解成ORACLE数据库的时间戳，从ORACLE 10G开始，提供了函数可以实现SCN和时间进行相互转换； 　　 用途：在进行数据库的还原和利用数据库的闪回功能时，进行SCN和时间的转换就变的非常必要了； 　 　操作方法： 　　1、通过dbms_f
  • Spring MVC 方法注解拦截器 xp9802 spring mvc
    应用场景，在方法级别对本次调用进行鉴权，如api接口中有个用户唯一标示accessToken,对于有accessToken的每次请求可以在方法加一个拦截器，获得本次请求的用户，存放到request或者session域。 python中，之前在python flask中可以使用装饰器来对方法进行预处理，进行权限处理 先看一个实例,使用@access_required拦截： ?
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他