前端学习 -- HTML 的常用标签

一、注释标签

• 在很多代码技术中都可以添加注释内容，我们也可以向 HTML 源代码添加注释
• HTML注释语法：

 
 
 这是第一个段落 
 
 
 这是第二个段落 

vscode 注释快捷键：ctrl + / ， 注释只在源代码中可见，在浏览器窗口是不显示的

用途

• 在源代码中添加描述性的提示信息，便于我们阅读代码
• 对于 HTML 纠错也大有帮助，可以通过注释某一行 HTML 代码，以便检索错误的位置
• 暂时注释掉一部分不用的代码，便于后期恢复代码

养好一个经常使用注释的习惯，能够给予后期维护提供很大的辅助帮助，好记性不如烂笔头

---

二、标题标签

• 标题（Heading），是通过

  ~

  六个标签分别来对六个级别的标题进行定义的

• 定义最大的标题，

  定义最小的标题

• ~

  标签都是双标签，且是容器级标签

 一级标题 
 二级标题 
 三级标题 
 四级标题 
 五级标题 
 六级标题 

标题标签的作用

• 标题标签的作用是给标签内部的元素内容添加对应级别标题的语义，不负责文字的粗体、字号等样式
• 样式是由 css 设定的

标签级别

标题标签之间是不能互相嵌套的，下一级标题与上级标题之间通过同级关系书写，下一级标 题解释说明的是前面距离最近的上一级标题

正确写法
 一级标题 
 二级标题 
错误写法 ↓

 二级标题 

权重

• 标题标签对于呈现文档结构非常重要，使用时要根据标签的重要程度进行选择，其中

  标签最重要，

  标签次重要，以此类推

• 在整个 HTML 中的权重非常高，内部应该放置 HTML中最重要的内容，比如 logo

• 由于非常重要，内部的文字对于提高搜索引擎排名也非常重要，为了防止作弊，如果 一个页面出现多个

  ，反而降低权重。约定俗成的，一个页面中只会出现一个

---

三、段落标签

• 段落（paragraph）是通过标签进行定义的

• 标签是双标签，且为文本级标签。内部只能放置文本、图片、表单元素，或者废弃的 标签等

 这是一个段落 

段落标签的作用

• 标签的作用是给标签内部的内容添加一个完整段落的语义，不负责内容自动换行的样式。 换行的效果是由css决定的

 这是一个段落 
 这是二个段落 

---

四、换行标签

• 
  （breaking）标签是HTML中一个简单的换行符
• 
  标签是一个单标签
• 在需要换行的位置可以使用
  标签书写，但是
  与

  不同，
  没有建立新的段落的语义，只是简单的进行强制换行

 这是一个 
 段落 
 这是二个段落 

常规用法

• 每一个

  标签内部的元素内容为一个完整的段落，如果有多个段落，需要分别使用不同的

  标签进行定义

正确写法
 这是第一个段落 
 这是第二个段落 
 这是第三个段落 
错误写法 ↓
 这是第一个段落 

这是第二个段落 

这是第三个段落 

---

五、文本格式化

• HTML 中有部分标签是用来对文字进行格式化显示设置的，比如粗体和斜体等
• 但是在 HTML4.0 版本规范后，结构和样式进行了分离，HTML 只负责搭建结构，css 负责格式化样式，所以大部分文本格式化标签被废弃，但是在 HTML4.01 和 XHTML1.0 transitional 版本中依旧可以使用

标签

文本格式化的标签均为双标签，且为文本级标签，内部只能书写文字

 定义粗体文本 
 定义斜体字 


    
        定义粗体并且倾斜字
    

---

六、图像标签

• 图像（image）由 标签进行定义
• 标签是单标签，本身相当于一个特殊的文本
• 标签的作用是在指定的位置插入一张图片
• 在HTML文件，常用的插入图片的类型有：jpg、png、gif

 显示一张图片 

标签属性

• 由于 为单标签，所以它只能通过属性进行相关的图像设置

• 常用属性展示：

  
  
  

 常用属性 

src属性和路径

• 如果需要插入一张图片到HTML中， >标签必须设置 src 属性
• src：全称source资源，属性值是图片查找的路径
• 路径：指的是寻找文件时所历经的线路，在HTML中有特殊的书写语法。 路径分为相对路径和绝对路径，不同的方式出发点和参考位置不同

理解路径

• 路径：指的是寻找文件时所历经的线路，在 HTML 中有特殊的书写语法
• 部分标签的属性需要设置为路径，例如 的 src 属性
• 路径分为相对路径和绝对路径，不同的方式出发点和参考位置不同

相对路径

相对路径查找文件时，需要从HTML文件本身出发，根据相对的位置进行查找，包含三种方向

• 同级查找：指目标文件与 HTML 文件位于同一级，直接书写文件名 + 后缀格式

• 子级查找：指目标文件在与 HTML 文件同一级的文件夹的内部，需要先查找文件夹名称，然后通过关闭符号 / 进入文件夹查找里面的文件；如果有多层文件夹，需要 / 进入多层

绝对路径

• 绝对路径查找文件时，不需要从 HTML 文件出发，而是直接从电脑的盘符出发进行查找，或者使用网址形式查找
• 盘符出发：例如从 c 盘或者 d 盘出发查找图片，书写时以 c:/ 开头，后续类似子级查找写法直至找到目标文件

绝对路径从盘符出发的绝对路径的缺点：

• 盘符出发的路径不可移植，不可移动
• 盘符出发的路径容易出现中文字符，中文的路径容易出现错误

建议多使用相对路径，可以适当使用网址形式的绝对路径。使用相对路径必须将图片或文件与HTML同时上传，而且需要保持相对位置不变

图像的其他属性

宽度和高度

• width：图片的宽度
• height：图片的高度
• 属性值：以 px 为单位的数值，或者省略 px 不写
• 如果不设置两个属性，会以图片的原始尺寸加载
• 如果设置属性：只设置了其中一个，另一个会等比例变换；如果两个都设置，按照设置值加载

边框 border

• order：设置图片的边框
• 属性值：数值，数值是几表示边框宽度为几像素

注意：border属性可以使用css进行设置，css中的边框有更多的设置效果

提示文本 title

• title：设置的是鼠标悬停时的提示文本
• 属性值：自定义的提示文字内容

替换文本alt

• alt：设置的是图片查找错误时，出现的替换文本
• 如果能正常找到图片，替换文本是不显示的
• 属性值：自定义的替换内容

标签最为重要的属性为 src，尽量使用 alt 属性对图片进行说明，添加相对关键词可以有利 于 SEO 搜索引擎优化。其他属性可以根据需求进行设置

---

七、音频和视频标签

音频标签

• 音频使用
• 同图片一样，需要使用src属性设置音频查找的路径
• 音频文件支持的格式包括：.mp3、.ogg、.wav

音频控制条属性

• 音频加载后不会自动显示播放器的控制条，需要使用 controls 属性进行设置，属性值也是 controls

视频标签

• 视频的设置方法与音频非常类似
• 视频使用
• 使用src属性设置视频查找的路径
• 视频文件支持的格式包括：.mp4、.ogg、.webm
• 视频也需要使用controls属性设置控制条，属性值也是controls

---

八、超级链接

HTML 使用超级链接与网络上的另一个文档相连。 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分

超级链接标签

• 在 HTML 中使用 标签可以创建连接
• a全称anchor，锚的意思。
• 为双标签。
• 作用：在指定的位置添加超级链接，提供用户进行点击和跳转
• 标签可以实现两种跳转：跨页面跳转、页面内跳转。实现跳转的方式需要用到一些标签属性

 链接内容 

href属性

• href 全称 hypertext reference，超文本引用，用于规定链接的目标地址
• 属性值：链接目标的路径地址。可以使用相对路径或网址形式的绝对路径
• href属性非常重要， 标签要想实现点击跳转，必须设置该属性，拥有这个属性 标签在 鼠标移上时才会显示一个小手指针状态

 超级链接 

target属性

• 使用target 属性，可以定义被链接的文档在何处跳转显示
• 属性只有两种：
  • _self: 默认值，表示跳转的页面在当前窗口打开，不会打开新的窗口
  • _blank: 空白的，表示跳转的页面在新窗口打开

 超级链接并打开新的窗口 

title 属性

• title设置的是鼠标悬停时的提示文本，与 标签类似
• 属性值：自定义的文字内容
• 该属性用于给用户进行提示，该链接的功能是什么，提高用户的体验。

---

九、锚点跳转

• 这种跳转方式实现的是从某个位置跳转到同页面的另一个位置
• 制作方法分为两种步骤，分别是设置锚点、添加链接
• 设置锚点，也就是设置跳转目标位置，有两种设置方式
  • 在目标位置找到任意一个标签，给它添加 id 属性， id 属性值必须唯一性

     
    目标位置
    

  • 在目标位置添加一个空的 标签， 只设置一个 name 属性， name 属性设置必须唯一性

• 添加链接
  • 链接到锚点，在需要点击的位置设置 标签，给 a 的 href 属性设置属性值为 #id属性值 或者 #加 a 的 name 属性值 完整的跨页面锚点路径

       页面内跳转文件的纯文本 
    

跨页面锚点跳转

• 这种跳转方法综合了跨页面跳转和锚点跳转
• 制作方法也分为两个步骤，分别是设置锚点、添加链接
  • 第一步：设置锚点，方式与页面内锚点跳转一致，在目标网页的指定位置设置使用 id 或 name 属性
  • 第二步：链接到锚点，添加超级链接时 href 属性需要更改，属性值写为页面的路径 #id

 页面内跳转文件的纯文本 

示例
index.html

    
        
    

    
        

        
         拉勾网 
         百度 

        


        
        11
        22

        


        
         点击跳转到 demo页面 

        
        


        
 这是第一个跳转的位置 
         返回顶部 

        
        


        
        
 第二个跳转到这里 
         返回顶部 

    

demo.html

     
       
    

    
        
跳转过来了呀
    

---

十、列表标签

列表

• 列表用于制作HTML中的一系列项目
• 通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建根据项目的内容不同，可以有三种语义的列表结构：无序列表、有序列表、定义列表

无序列表

• 无序列表需要两个标签参与，分别是
  和
  • • ul：unordered list，表示定义一个无序列表的大结构
    • li：list item，列表项，定义的是无序列表内的某一项
  • 和
    • 是嵌套关系，快捷创建：ul>li 创建多个 li 时 可以使用 ul>li*4 来创建

    
    
        
     列表项1 
        
     列表项2 
        
     列表项3 
        
     列表项4 
    
    

    

    注意事项

    • 内部只能嵌套
      • ，
      • 标签不能脱离
        单独书写
        • 标签是一个经典的容器级标签，内部可以放置任意内容，甚至可以放一组 ul>li 无序列表结构
        • 无序列表的列表项
        • >之间，没有顺序的先后之分，它们的重要程度是相同的
        • 无序列表的作用只是搭建列表结构，没有添加样式前缀的功能，样式是由css负责

        有序列表

        • 有序列表的语法与无序列表非常类似，只是在语义上有差异

        • 有序列表由两个标签组成，分别是

          和

          1. • ol：ordered list，表示定义一个有序的列表的大结构
             • li：list item，定义的是有序列表的每一项

          2. 和
             1. 是嵌套关系，快捷 ol>li

        
        
            
         列表项1 
            
         列表项2 
            
         列表项3 
            
         列表项4 
        
        

        

        注意事项

        • 内部只能嵌套
          1. 标签，而
          2. 不能脱离
             单独书写
             2. 标签是一个经典的容器级标签，内部可以放置任意内容，甚至可以放 ol>li
             3. 有序列表的列表项
             4. 之间，存在顺序先后之分，根据内容的顺序需要合理调整书写位置
             5. 有序列表的作用只是搭建有顺序的列表结构，前面的数字排序样式不是标签的作用， 而是css负责的

        定义列表

        • 自定义列表不仅仅是一列项目，而是项目及其注释的组合
        • 由三个标签组成完整的结构，包含

          、

          、

          • dl：definition list，表示定义一个自定义列表的大结构
          • dt：definition term，表示定义自定义列表中的一个主题或者术语
          • dd：definition description，定义解释项，表示描述或解释前面的定义主题

        • 内部只能嵌套

          和

          ，

          和

          是同级关系

        
            
         主题 
            
         备注 
            
         备注2 
            
         主题2 
            
         备注 
            
         备注22 
        
        
            
         主题 
            
         备注 
            
         备注2 
        
        

        
        
        注意事项

        • 内部只能嵌套

          和

          ，

          和

          不能脱离

          单独书写

        • dl 内部可以放多组 dt 和 dd，每个 dd 解释说明的是前面的距离最近的一个 dt
        • 每个 dt 后面可以有 0 到多个解释项的 dd，每个 dd 解释的都是前面距离最近的一个 dt
        • dt 和 dd 标签也是容器级标签，内部可以放置任意内容
        • 定义列表中的缩进样式由 css 负责，标签只负责搭建语义结构
        • 配合着 css 布局效果，最好每个 dl 中只添加一组 dt 和 dd，便于后期管理

        ---

        十一、表格制作

        • 表格基础
        • 合并单元格
        • 表格分区

        表格基础

        • 创建一个简单的表格至少有三个标签组成，分别是 、、

          标签 table：表格，定义的是整个的表格大结构 tr：table rows，表格的行，定义的是表格由多少行组成 td：table data，表格数据，也叫表格单元格，定义的是每一行内部的单元格 三者的关系：table > tr >t d.一个表格中有多个行，每个行中有多个单元格 第一行，第一列 第一行，第二列 第二行，第一列 第二行，第二列 的属性 标签可以添加 border 边框属性 属性值：数字，表示像素值 表格的单元格之间有默认的空隙，会导致双线边框 第一行，第一列 第一行，第二列 第二行，第一列 第二行，第二列 解决方法：设置标签样式属性 style 属性值：border-collapse : collapse; 表示边框塌陷 表头单元格 如果要绘制表头，使用标签 , 以最小单元格为标准 再添加每一行的 ，table head data，表头单元格 在表格中绘制的时候，替换的是 的位置 标签中自带默认的css样式效果，文字显示粗体居中 表头一 表头二 第一行，第一列 第一行，第二列 第二行，第一列 第二行，第二列 合并单元格 单元格属性 表格的单元格可以进行合并，通过 和 >的两个属性可以进行合并设置 rowspan：跨行和并, 上下的合并 colspan：跨列合并, 左右的合并 属性值：数字，数字是几表示跨几行或跨几列合并 制作技巧 先列出所有行 或 单元格 划分单元格所在行时，顶边对齐的属于同一行 将所有行和列写完后，再查看哪个单元格有跨行或跨列，属性值的个数要参考最小 的单元格 示例：通过图片来进行制作表格 1 2 3 4 5 6 7 8 9 10 11 12 13 表格分区 一个完整的表格分为四个大的区域：表格标题、表格头部、表格主体、表格页脚 >内部最直接的子级包含四个分区标签，他们都是双标签 caption：表格的标题，内部书写标题文字 thead：table head，表格的头部。内部嵌套 tr > th tbody：table body，表格的主体。内部嵌套 tr > td tfoot：table foot，表格的页脚。内部嵌套 tr > td 四个分区可以选择性的进行组合 注意：不论书写顺序如何颠倒，浏览器中的加载顺序都是自动按照 caption、thead、 tbody、tfoot 执行的 制作技巧 先书写大分区标签结构 填充每个分区的内部内容 如果有合并单元格内容，进行单元格合并 示例：如图 各地区固定资产情况 地区 按总量分 按比重分 自年初累计(亿元) 比去年同期增长(%) 自年初累计(%) 去年同期(%) 全国 123456 9.8 100.0 100.0 全国 123456 9.8 100.0 100.0 全国 123456 9.8 100.0 100.0 全国 123456 9.8 100.0 100.0 还不错哦 十二、表单 表单是用来收集用户输入信息的 表单的组成 html 表单用于搜集不同类型的用户输入，表单元素就是网页中提供用户进行输入或点击的小控件 在 html 中，一个完整的表单通常由表单域、提示信息和表单控件(也称为表单元素) 3个部分构成 功能 表单域: 相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单所用程序的 url 地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传递到后台服务器 提示信息: 说明性文字 表单控件: 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提示按钮、重置按钮等 表单域 html 表单域使用 标签进行定义 标签是一个功能性标签，填写的表单信息要想正确的提交到后台服务器，必须放在一个 标签之内 标签为双标签，容器级标签 表单域标签属性 标签通过对应属性规定提交数据的方法和提交位置 提示信息及表单控件书写位置 表单元素 标签 文本域 </li> <li>下拉菜单</li> <li>label标签</li> </ul> <h4><input> 标签</h4> <ul> <li><input> 标签是最重要的一个表单元素</li> <li><input> 标签为单标签，本身相当于一个特殊的文本</li> <li><input> 标签需要通过标签属性实现各种功能</li> </ul> <h4><input> 标签常用属性</h4> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 677px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/8b96f49256de42ee8650ba2a4c60806f.png" target="_blank"><img src="http://img.e-com-net.com/image/info10/8b96f49256de42ee8650ba2a4c60806f.png" width="767" height="677" alt="前端学习 -- HTML 的常用标签_第18张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"></div> </div> <p><strong>示例</strong></p> <pre><code><html> <head> <title> input </title> </head> <body> <form action=""> <p> 单行文本输入框： <input type="text" name="文本框" value="默认文本" > </p> <p> 密码输入框：<input type="password" name="密码输入" > </p> <p> 单选框: <input type="radio" name="sex" checked="checked" > 男 <input type="radio" name="sex" > 女 </p> <p> 复选框: <input type="checkbox" name="hobby" > 绘画 <input type="checkbox" name="hobby" checked="checked" > 绘画2 <input type="checkbox" name="hobby" > 绘画3 </p> <p> 普通按钮: <input type="button" value="普通按钮"> 重置按钮: <input type="reset" value="重置按钮"> 提交按钮: <input type="submit" value="提交按钮"> 图片按钮: <input type="image" src="lagou.jpg" width="100px" height="30px"> </p> <p> 文件上传: <input type="file" name="" > </p> </form> </body> </html> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 247px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/5c3ba405a4304df897b5c7fc51313fbe.png" target="_blank"><img src="http://img.e-com-net.com/image/info10/5c3ba405a4304df897b5c7fc51313fbe.png" width="733" height="247" alt="前端学习 -- HTML 的常用标签_第19张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"></div> </div> <h4>文本域 <textarea></h4> <ul> <li>文本域使用 <textarea> 标签定义，制作可以输入多行文本的区域</li> <li><textarea> 标签为双标签，本身相当于一个特殊的文字</li> <li>文本域可以设置默认输入的文字，在双标签之间书写默认文字</li> <li><textarea> 属性 <ul> <li><textarea> 有两个标签属性， 可以设置显示区域大小</li> <li>rows: 行，属性值是数字，表示文本框显示最大行数</li> <li>cols: 列，属性值是数字，表示在出现滚轮条后，每一行显示的最大字节数(一个汉字占两个字节，英文一个)</li> </ul> </li> </ul> <pre><code>自我介绍: <textarea rows="5" clos="30"> 请输入内容 下拉菜单 提前设置选择项，然后可以通过点击选择其中一项 标签 下拉菜单需要至少两个标签完成结构: : 选择，表示定义下拉菜单整体结构 : 选项，表示定义下拉菜单的每一项 两个标签都是双标签，文本级标签 关系：select > option , option 可以有任意多项 默认选中项，默认情况是第一项，可以通过给 option 标签设置 selected 属性，值为 selected，更改默认选中项 分组管理 下拉菜单如果选项变得负责，可以将 option 进行分组管理 可以使用 标签对选项进行分组， 是一个双标签 关系：select > optgroup > option 可以设置一个 label 属性，表示给这一组选项添加一个分组标签名，分组标签 不能被点击选择 城市： 北京 河南 安徽 西雅图 希腊 伦敦 label 标签 所有的表单元素都可以通过绑定其他内容去扩大 触发点击范围，这时需要使用一个 标签 label 标签的作用是帮表单元素定义标注 如果将表单控件与提示内容使用 label 进行绑定后，当用户鼠标点击 label 内的提示内容后，浏览器就会自动将焦点转到和标签相关的表单控件上 绑定方法一 给表单元素设置 id 属性 然后将需要绑定的其他内容用 label 标签包裹 给 label 标签设置 for 属性，属性值为绑定的表单的 id 属性值 男 女 绑定方法二 如果绑定内容和表单元素写在一起，可以化简绑定写法 直接使用 标签将绑定内容与表单元素一起进行嵌套 绘画 绘画 字符实体 特殊符号的写法 连续   空格 小于 < 号 参考网址：https://www.w3school.com.cn/tags/html_ref_entities.html 你可能感兴趣的:(前端学习 -- HTML 的常用标签) 斤斤计较的婚姻到底有多难？ 白心之岂必有为 很多人私聊我会问到在哪个人群当中斤斤计较的人最多？我都会回答他，一般婚姻出现问题的斤斤计较的人士会非常多，以我多年经验，在婚姻落的一塌糊涂的人当中，斤斤计较的人数占比在20～30%以上，也就是说10个婚姻出现问题的斤斤计较的人有2-3个有多不减。在婚姻出问题当中，有大量的心理不平衡的、尖酸刻薄的怨妇。在婚姻中仅斤斤计较有两种类型：第一种是物质上的，另一种是精神上的。在物质与精神上抠门已经严重的影响 情绪觉察日记第37天 露露_e800 今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得 芦花鞋一四 许叶晗 又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花 QQ群采集助手，精准引流必备神器 2401_87347160 其他经验分享 功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以 关于沟通这件事，项目经理不需要每次都面对面进行 流程大师兄 很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python 一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入 铭刻于星（四十二） 随风至 69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但 底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说 造命者说 底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡 2020-01-25 晴岚85 郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什 随笔 | 仙一般的灵气 海思沧海 仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无， 想家 爆米花机 也许不同于大家对家乡的思念，我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福，我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女，我贪恋家的安逸。刚刚踏出大学校门，初出茅庐，无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气，是无法适应工作的节奏，是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志，选择再次踏上征程。图片发自App 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言 前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt 一百九十四章. 自相矛盾 巨木擎天 唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也 UI学习——cell的复用和自定义cell Magnetic_h ui学习 目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添 element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端 el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋 本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便 C语言宏函数 南林yan C语言c语言 一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout< 地推话术，如何应对地推过程中家长的拒绝 校师学 相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业 谢谢你们，爱你们！ 鹿游儿 昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得 C语言如何定义宏函数？ 小九格物 c语言 在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参 微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务java架构 在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限： 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维 理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico 小丽成长记（四十三） 玲玲54321 小丽发现，即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现，一个接一个的问题，人生就没有停下的时候，小问题不断出现。不过她今天看的书，她接受了人生就是不确定的，厉害的人就是不断创造确定性，在Ta的领域比别人多的确定性就能让自己脱颖而出，显示价值从而获得的比别人多的利益。正是这样的原因，因为从前修炼自己太少，使得她现在在人生道路上打怪起来困难重重，她似乎永远摆脱不了那种无力感，有种习 学点心理知识，呵护孩子健康 静候花开_7090 昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果 2021年12月19日，春蕾教育集团团建活动感受——黄晓丹 黄错错加油 感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们 Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断 尐尐呅 结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序 c++ 的iostream 和 c++的stdio的区别和联系 黄卷青灯77 c++算法开发语言iostreamstdio 在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in 瑶池防线 谜影梦蝶 冥华虽然逃过了影梦的军队，但他是一个忠臣，他选择上报战况。败给影梦后成逃兵，高层亡尔还活着，七重天失守......随便一条，即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑，但他还选择上报实情，因为责任。同样此信送到仙宫后，知道此事的人，大多数人都认定冥华要完了，所以上到仙界高层，下到扫大街的，包括冥华自己，全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话，冥华必死无疑。然而 爬山后遗症 璃绛 爬山，攀登，一步一步走向制高点，是一种挑战。成功抵达是一种无法言语的快乐，在山顶吹吹风，看看风景，这是从未有过的体验。然而，爬山一时爽，下山腿打颤，颠簸的路，一路向下走，腿部力量不够，走起来抖到不行，停不下来了！第二天必定腿疼，浑身酸痛，坐立难安！ SQL的各种连接查询 xieke90 UNION ALLUNION外连接内连接JOIN 一、内连接   概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。                 内连接（join 或者inner join ）       SQL语法：       select * fron java编程思想--复用类 百合不是茶 java继承代理组合final类       复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书   一:组合语法:就是将对象的引用放到新类中即可     代码:     package com.wj.reuse; /** * * @author Administrator 组 [开源与生态系统]国产CPU的生态系统 comsci cpu       计算机要从娃娃抓起...而孩子最喜欢玩游戏....       要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....       投入一些资金和资源,人力和政策,让游 JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释 商人shang jvm内存 jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 HotSpot虚拟机GC算法采用分代收 页面上调用 QQ oloz qq <A href="tencent://message/?uin=707321921&amp;Site=有事Q我&amp;Menu=yes">   <img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a> 一些问题 文强chu 问题 1.eclipse 导出 doc  出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 ..... SQL:3.mysql  * 必须得放前面 否则  select&nbs 生活没有安全感 小桔子 生活孤独安全感        圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明 php 基础语法 aichenglong php 基本语法 1 .1 php变量必须以$开头 <?php $a=” b”; echo ?> 1 .2 php基本数据库类型 Integer  float/double Boolean string 1 .3 复合数据类型 数组array和对象 object 1 .4 特殊数据类型  null 资源类型(resource)    $co mybatis tools 配置详解 AILIKES mybatis MyBatis Generator中文文档 MyBatis Generator中文文档地址： http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。 本文使用Markdown进行编辑，但是博客显示效 继承与多态的探讨 百合不是茶 JAVA面向对象 继承 对象 继承 extends   多态 继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：     在A类中定义属性和方法； class A{ //定义属性 int age； //定义方法 public void go JS的undefined与null的实例 bijian1013 JavaScriptJavaScript <form name="theform" id="theform"> </form> <script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datas TDD实践（一） bijian1013 java敏捷TDD 一.TDD概述         TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。      [Maven学习笔记十]Maven Profile与资源文件过滤器 bit1129 maven 什么是Maven Profile Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息   Profile的激活机制 1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P 【Hive八】Hive用户自定义生成表函数(UDTF) bit1129 hive 1. 什么是UDTF   UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集   2. 如何实现UDTF 继承org.apache.hadoop.hive.ql.udf.generic tfs restful api 加auth 2.0认计 ronin47 　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点： 　　一是基于客户端的ip设置。这个比较容易实现。 　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。 　　现在重点介绍第二种方法实现思路。 　　 前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe jdk环境变量配置 byalias javajdk 进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 2、安装jdk-7u79-windows-x64.exe 3、配置环境变量：右击"计算机"-->&quo 《代码大全》表驱动法-Table Driven Approach-2 bylijinnan java package com.ljn.base; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.uti SQL 数值四舍五入 小数点后保留2位 chicony 四舍五入 1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。 例如： 　　select   cast(round(12.5,2)   as   numeric(5,2))   c++运算符重载 CrazyMizzz C++ 一、加+，减-，乘*，除/ 的运算符重载 Rational operator*(const Rational &x) const{ return Rational(x.a * this->a); } 在这里只写乘法的，加减除的写法类似 二、<<输出,>>输入的运算符重载      &nb hive DDL语法汇总 daizj hive修改列DDL修改表 hive DDL语法汇总 １、对表重命名 hive> ALTER TABLE table_name RENAME TO new_table_name;   2、修改表备注 hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm jbox使用说明 dcj3sjt126com Web 参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [ 点击下载]  技术交流QQGroup：172543951 100521167 [2011-11-11] jBox v2.3 正式版 - [调整&修复] IE6下有iframe或页面有active、applet控件 UISegmentedControl 开发笔记 dcj3sjt126com   //    typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {     //        UISegmentedControlStylePlain,     // large plain   & Slick生成表映射文件 ekian scala Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 "com.typesafe.slick" %% "slick-codegen" % slickVersion 因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 "com.typesa ES-TEST gengzg test package com.MarkNum; import java.io.IOException; import java.util.Date; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.annotation 为何外键不再推荐使用 hugh.wang mysqlDB 表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。 在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不 领域驱动设计 julyflame VODAO设计模式DTOpo 概念： VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对 单例设计模式 hm4123660 javaSingleton单例设计模式懒汉式饿汉式        单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。      &nb logback zhb8015 loglogback 一、logback的介绍      Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class 整合Kafka到Spark Streaming——代码示例和挑战 Stark_Summer sparkstormzookeeperPARALLELISMprocessing 作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版 spring-master-slave-commondao 王新春 DAOspringdataSourceslavemaster 互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。 为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数 按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他 首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉 版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.