*Soo_Young*
*Soo_Young*

前端笔记（一）：HTML5 入门学习

前言：
在完成 Java 的 SpringBoot 学习并练习了几个项目后，出于对编程的兴趣和没有组织的局限性，为了开发一些个人的小项目，我将开始前端部分的学习，预计会学到 Vue 框架，同时会把自己的学习笔记发布成博客，希望与大家共勉！

HTML（超文本标记语言）是一种标记语言，用于创建网页结构。它由一系列称为标签（tags）的元素组成，每个标签描述了文档中不同的内容类型，如文本、图像、链接等。HTML标签以尖括号包围，其中包括标签名称和可能的属性。这些标签通常是成对出现的，有开标签和闭合标签，但也有一些单标签，表示没有内容的元素。

开发工具：VSCode + 谷歌浏览器

HTML 基本骨架

HTML 基本骨架指的是是网页模板，可以使用 VSCode 中的英文 ! 快速生成

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页标题title>
head>
<body>
    网页主体
body>
html>

这段代码是一个基本的 HTML 结构。让我逐步解释它的作用：

  1. ：声明文档类型为 HTML5，通知浏览器使用 HTML5 标准解析页面。
  2. ：开始HTML文档的根元素。lang="en"属性表示页面的语言是英语。该属性有助于搜索引擎和辅助技术确定页面的语言。
  3. ：这部分包含了文档的元数据，不会直接显示在浏览器窗口中，包括：
  • ：指定文档使用的字符编码为 UTF-8，确保能够正确显示多种语言和符号。
  • ：设置移动设备的视口宽度等于设备宽度，并且初始缩放级别为 1，有助于响应式网页设计在移动设备上正确显示。
  1. 网页标题：定义了网页的标题，显示在浏览器标签页上，也在搜索引擎结果中作为页面标题显示。
  2. ：网页的主体部分，其中包含了实际显示在浏览器窗口中的内容。在这个示例中，网页主体是简单的文本内容，但通常会包含更多的HTML标签来构建页面的结构和内容。

在开发的初期我们只需要关注 中的部分即可， 中的部分会在后续的学习中学到。

标签的基本介绍

标签的基本语法

  1. 标签成对出现，中间包裹内容，标签分为开始标签和结束标签。
  2. <…> 里面放英文字母（标签名）。
  3. 结束标签比开始标签多一个 /。
  4. 拓展：成对出现的标签为双标签，只有开始标签的称为单标签。

标签的关系

一个标签中包含多个标签称为父子关系或者嵌套关系，比如后面提到的

就可以包裹多个标签，被包裹的这些标签与 div 形成父子关系，这些平级的标签彼此之间为兄弟关系。
前端笔记（一）：HTML5 入门学习_第1张图片
如上图中，红框是一个父级标签，里面的图片部分和文字部分是子级标签，图片和文字互为兄弟关系。

注释

注释就是对代码的解释和说明，能够提高代码的可读性。方便理解查找和方便项目组中的其他程序员了解你的代码，方便之后对代码的修改。

注释的格式为： ，注释不会在浏览器中显示，在 VSCode 中注释的快捷键是 ctrl + /

常用标签

标题标签

一般用在新闻标题，文章标题，网页区域名称，产品名称等等，具有加粗加大展示的效果

标签名 h1 ~ h6 （双标签）
经验分享：h1 一个标签只能用一次，用于放标题和网页的 LOGO 等

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <div style="text-align: center;">
        <h1>一级标题h1>
        <h2>二级标题h2>
        <h3>三级标题h3>
        <h4>四级标题h4>
        <h5>五级标题h5>
        <h6>六级标题h6>
    div>
body>
html>

具体的显示效果：
前端笔记（一）：HTML5 入门学习_第2张图片

段落标签

一般用在新闻段落、文章段落、产品描述信息等等

标签名：p（双标签）
显示特点：独占一行，段落之间存在间隙

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <p>HTML 是一种超文本标记语言，超文本（链接），标记也叫标签，就是带尖括号的文本。p>
    <p>HTML 是一种超文本标记语言，超文本（链接），标记也叫标签，就是带尖括号的文本。p>
    <p>HTML 是一种超文本标记语言，超文本（链接），标记也叫标签，就是带尖括号的文本。p>
body>
html>

换行与水平线标签

我们需要知道的是，在 HTML 文件中敲回车浏览器是不会识别的。
换行
、水平线

文本格式化标签

前端笔记（一）：HTML5 入门学习_第3张图片
开发的时候一般使用左边的部分，带有解释性质，一般字体的格式是由 CSS 文件控制的，这里略作了解。

图像格式标签

DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Documenttitle>
  head>
  <body>
      
      <img src="./jpg/Redis.jpg" alt="这是一张图片">
  body>
html>
路径

路径就是查找文件的时候，从起点到终点经历的路线，分为相对路径和绝对路径

超链接标签

  • 开发初期，不确定跳转地址的时候，href 的属性值可以写 #，就是在当前页面刷新一下

    • 音频标签


    常见属性：
    前端笔记（一）：HTML5 入门学习_第4张图片
    在书写 HTML5 的时候，如果属性名和属性值是相同的，可以缩写为一个单词

    视频标签


    常见属性
    前端笔记（一）：HTML5 入门学习_第5张图片

    列表、表格与表单

    列表

    布局内容排列整齐的区域，分为：无序列表、有序列表和定义列表

    1. 无序列表：布局片列整齐的不需要规定顺序的区域
      1. 标签：ul 嵌套 li，ul 是无序列表，li 是列表条目
    2. 有序列表：布局排列整齐的需要顺序的区域，顺序由数字或指定的其他样式显示
      1. 标签：ol 嵌套 li
      2. 需要注意的是 ol 只能包括 li 标签，但是 li 标签可以包裹任何内容
    3. 定义列表：用在网页底部，类似于帮助中心的位置
      1. 标签：dl 嵌套 dt 和 dd
      2. dl 表示整个定义列表，dt 表示定义列表的名称，dd 表示具体的信息，可以参考下面的显示效果
    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    
    <ul>
        <li><a href="http://baidu.com" target="_blank">跳转到百度1a>li>
        <li><a href="http://baidu.com" target="_blank">跳转到百度2a>li>
        <li><a href="http://baidu.com" target="_blank">跳转到百度3a>li>
    ul>
    
    <ol>
        <li>第一条li>
        <li>第二条li>
        <li>第三条li>
    ol>
    
    <dl>
        <dt>服务中心dt>
        <dd>申请售后dd>
        <dd>请求服务dd>
        <dt>服务中心dt>
        <dd>申请售后dd>
        <dd>请求服务dd>
    dl>
body>
html>

    显示效果
    前端笔记（一）：HTML5 入门学习_第6张图片

    表格标签

    网页中的表格与 EXCLE 表的效果类似，用于清晰的展示数据

    标签：table 嵌套 tr，tr 嵌套 td 和 th，我们可以在写表格标签的时候加上 thead、tbody、tfoot 标签来使得表 格更有可读性，这些标签不会实际显示。
    为了更好的展示表格的范围这里使用 border 来展示单元格的边框，具体的展示样式的设定也是放在 CSS 的学习中进行。
    前端笔记（一）：HTML5 入门学习_第7张图片

    DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Documenttitle>
  head>
  <body>
      <table border="5px">
      <thead>
          <tr>
              <th>姓名th>
              <th>年龄th>
              <th>性别th>
          tr>
      thead>
      <tbody>
          <tr>
              <td>Tomtd>
              <td>19td>
              <td>男td>
          tr>
      tbody>
      <tfoot>
          <tr>
              <td>你好td>
          tr>
      tfoot>
      table>
  body>
html>
    合并单元格

    作用：将多个单元格合并成一个单元格，来合并同类信息

    合并单元格的步骤

    1. 确定需要合并的目标
    2. 保留最左或者最上边的单元格，添加属性，rowspan 或者 colspan 将其他的不需要的单元格删掉
    3. rowspan 表示跨行合并，保留最上面单元格的内容，colspan 表示跨列合并，保留最左边的单元格的内容
    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <table border="5px">
    <thead>
        <tr>
            <th>姓名th>
            <th>年龄th>
            <th>性别th>
        tr>
    thead>
    <tbody>
        <tr>
            <td>Tomtd>
            <td rowspan="2">19td>
            <td>男td>
        tr>
        <tr>
            <td>Jacktd>
            <td>男td>
        tr>
    tbody>
    <tfoot>
        <tr>
            <td  colspan="3">你好td>
        tr>
    tfoot>
    table>
body>
html>

    展示效果：
    前端笔记（一）：HTML5 入门学习_第8张图片

    表单标签

    作用：
    需要收集用户输入的信息的场景，比如登录注册界面，搜索等等。主要有 input 标签、下拉菜单、文本域等等。

    很多常见的功能都是由 input 标签实现的，input 标签有一个 tyoe 属性值，这个属性值不同则功能不同。

    ，利用里面的 checked 属性可以实现单选框或者多选框的默认选中。
    补充：如果属性名和属性值相同的话，只写属性名即可，比如上面提到的 checked属性实际上是
    checked="checked"。
    前端笔记（一）：HTML5 入门学习_第9张图片
    因为还没有学习 JavaScript，不用考虑和后端的交互，这里只需要了解它们的显示效果即可。

    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    
    账号：<input type="text" placeholder="请输入账号"><br>
    密码：<input type="password" placeholder="请输入密码"><br>
    
    <input type="radio" name="gender" checked>男
    <input type="radio" name="gender">女<br>
    
    多选框：<input type="checkbox" checked="checked"><br>
    
    传文件：<input type="file" multiple>
body>
html>

    前端笔记（一）：HTML5 入门学习_第10张图片

    下拉菜单

    比如我们在填写基本信息的时候填写地址的时候，很多网页选择用下拉标签

    标签：select 嵌套 option，selected 表示整个

    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    城市：
    <select>
        <option>北京option>
        <option>山东option>
        <option>上海option>
        <option>广州option>
        <option>深圳option>
        
        <option selected>武汉option>
    select>
body>
html>

    文本域标签

    作用：多行输入文本的表单控件，上面的 是单行文本

    标签：

    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    
    <textarea>请输入评论textarea>
body>
html>

    label 标签

    作用：
    网页中，某个标签的说明文本，可以使用 label 标签绑定文字和表单控件的关系，增大表单控件的点击范围。比如上面实现的性别选择的单选框，在很多网页中我们发现点击男或者点击女就会实现单选框的选中，提高了用户的体验。

    使用 label 包裹 input 标签中的内容，当用户单击文本的时候就相当于单击了这个 input 标签
    其实不只是 input 标签，很多标签都能通过 来实现和文字内容的关联。

    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
    <body>
        <label><input type="radio" name="gender">男label>
        <label><input type="radio" name="gender">女label>
    body>
html>

    按钮


    前端笔记（一）：HTML5 入门学习_第11张图片

    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <button>按钮button>
    <button type="reset">按钮button>
    <button type="submit">按钮button>
body>
html>

    这里不对它做过多的介绍，因为按钮的样式或者使用效果都需要配合 CSS 或者 JavaScript 来使用

    无语义的布局标签

    作用：布局网页（划分王爷区域，摆放内容）

    • div 独占一行
    • span 不换行

    字符实体

    当我们需要在网页上展示这些标签的时候，为了防止浏览器将其解释为一个标签，需要使用下面的实体名称代替。

    前端笔记（一）：HTML5 入门学习_第12张图片

    你可能感兴趣的:(前端,笔记,html5,学习)

    • 【Python】一文详细介绍 py格式 文件 高斯小哥 Python基础【高质量合集】python新手入门学习
      【Python】一文详细介绍py格式文件个人主页：高斯小哥高质量专栏：Matplotlib之旅：零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入门教程希望得到您的订阅和支持~创作高质量博文(平均质量分92+)，分享更多关于深度学习、PyTorch、Python领域的优质内容！（希望得到您的关注~）文章目录一、py格式文件简介二、如何创建和编辑py格式文件三、如何运行py
    • 大学播音主持都学什么内容？播音主持专业学什么？ 配音新手圈
      有些喜欢播音主持并且犹豫要不要报考这个大学专业的小伙伴们就会想要了解大学播音主持都学什么内容吧，毕竟如果不够了解就直接选择这个专业真的等选择完进去学习以后才知道这个专业并不是自己想要学习的东西那就来不及了。下面是小编为大家整理出来的一些播音主持专业学习的内容，请往下看吧。大学播音主持专业主要学习的课程有：播音发声、播音创作基础、广播播音主持、电视播音主持、文艺作品演播学概论、新闻学概论、新闻采编、
    • 新网师的精神肤色（幕布笔记） 悦读书香
      王子老师的《极简100小妙招》收到已经几天了，之前大概的浏览了全书，今天起给自己定了一个计划，必须每天学习极简小妙招里面的一个妙招，并加以运用。一、今天要打卡什么内容因有完成每天学习极简小妙招的计划，所以今天晚饭吃的比较简单，草草吃完以后带着小宝到广场溜达一圈，急忙赶回来学习极简小妙招。再重看的时候不知道自己要学点什么，打卡哪一招，感觉哪个都简单，就看这一环节像王子老师说的“一看就会”，但做这一环
    • 学习JavaEE的日子 Day32 线程池 A 北枝 学习JavaEE学习java-eejava线程池
      Day32线程池1.引入一个线程完成一项任务所需时间为：创建线程时间-Time1线程中执行任务的时间-Time2销毁线程时间-Time32.为什么需要线程池(重要)线程池技术正是关注如何缩短或调整Time1和Time3的时间，从而提高程序的性能。项目中可以把Time1，T3分别安排在项目的启动和结束的时间段或者一些空闲的时间段线程池不仅调整Time1，Time3产生的时间段，而且它还显著减少了创建
    • 没有如释重负 君远近
      虽然只有短短的一个多月的努力复习时间，但今天的整个考试经过，还是发现了效果的，题目做的比较自如，没有慌里慌张，而且提前五分钟完成。至于考试成绩，没有实足的把握，60分都不敢保证。但绝对相信自己，比去年肯定要好！今天早早的赶到考场，见到了刘老师，谈起来学习情况，坦率的说，真的是自己不够重视。总以为会很难，没有信心。其实不是的，只要认真对待，树立足够的信心，绝对可以通过考试的。还向老师询问了，后续再报
    • C++学习笔记（lambda函数） __TAT__ C&C++c++学习笔记
      C++learningnote1、lambda函数的语法2、lambda函数的几种用法1、lambda函数的语法lambda函数的一般语法如下：[capture_clause](parameters)->return_type{function_body}capture_clause：需要捕获的变量，但要求该变量必须在这个作用域中。通常的捕获方式有以下几种：[]：不捕获任何变量[&]：按引用捕获变
    • 心赏（2018.10.8） 六一节_3928
      1.上班第一天，同事彤休完产假，回来上班，给我带了酸奶和水果。她生小孩时，我给她发了一个小红包贺喜，哪知她就记在心里了。心赏这个有心的90后。2.女儿放学回来，说自己当了小组长。一边说不想当，一边得意的样子。心赏老师给了孩子这个锻炼的机会。3.老妈今天做了"蚂蚁上树"的菜，得到女儿的高度肯定。心赏老妈还在不断学习。
    • 2022-2-13晨间日记 越亮也打烊
      今天是什么日子起床：7:00就寝：12:08天气：晴心情：糟糕纪念日：无任务清单昨日完成的任务，最重要的三件事：寒假作业，网课，画画改进：作业时间剪短习惯养成：网课不逃～周目标·完成进度数学卷子100％学习·信息·阅读《傅雷家书》《钢铁是怎样炼成的》健康·饮食·锻炼我终于不喝饮料啦，喝茶～人际·家人·朋友邝姐姐带我吃火锅工作·思考啥时候开学，我还有几天赶完作业最美好的三件事1.卷子写完了2.我有冰
    • 中原焦点团队38期王芳芳坚持分享第236天，20230630总约练134次，来访113次，咨8次，观察员13次 芳芳王
      学习焦点的初心是想拯救孩子，孩子由于沉迷游戏，成绩下滑，在学习的过程中发现是自己的教育方式出了状况。经过半年的学习，一些焦点的基本技巧，如接纳、欣赏、倾听、同理心、尊重等都有了一定的了解。但在实际应用时仍然存在很多问题，感觉自己仍然没有放下对孩子成绩的期望，仍然把握不住对孩子管理的度。我该如何去陪伴好孩子？多用心去听课，并加强反思，多约练。去思考如何让自己快乐起来？
    • 大前端-postcss安装使用指南 黑夜照亮前行的路 postcss
      PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把
    • 谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程 pigerr杨 Pythonpythonchromedrivers
      ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装
    • 虚拟 DOM 的优缺点有哪些 咕噜签名分发 前端javascript开发语言
      虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优
    • 大创项目推荐 深度学习 opencv python 公式识别(图像识别 机器视觉) laafeer python
      文章目录0前言1课题说明2效果展示3具体实现4关键代码实现5算法综合效果6最后0前言优质竞赛项目系列，今天要分享的是基于深度学习的数学公式识别算法实现该项目较为新颖，适合作为竞赛课题方向，学长非常推荐！学长这里给一个题目综合评分(每项满分5分)难度系数：3分工作量：4分创新点：4分更多资料,项目分享：https://gitee.com/dancheng-senior/postgraduate1课题
    • #D174-读书会作业-《财务自由之路》3 白洲笔记
      最近沉迷于写作营，一直就没时间去弄读书会的作业，书的第二遍也就看了个开头，趁着日更的时间，赶紧把作业做了，这次是15到21课。【1.印象最深刻的部分】(本周所读内容中印象最深刻的部分)*活在未来，最正确的方法是什么？用正确的方法做正确的事情，判断什么是正确的？逻辑。学会思考。"作对事情"永远比“把事情作对“重要的多。”长远思考，耐心验证，小心总结提炼“证明自己正确并不是学习的任务和目标，时刻成长，
    • 读书笔记《穿越寒冬》 如雪般飞舞
      各位好，我们今天来讲一本书，名字叫作《穿越寒冬》。看起来特别应景，大家觉得现在创业的状况不景气，大家都在忍受着寒冬的煎熬。但实际上，这本书的英文名字并不是这个意思，它的英文名叫作“如何创立一家新公司，并且能够活下来”。我在整个读完了以后，我发现这本书真正要翻译得好，它的名字应该叫作《创业生存手册》。这个书的作者，来自硅谷的霍夫曼船长。霍夫曼船长写过一本让创业者觉得特别贴心的书，叫作《让大象飞》它和
    • 3、JavaWeb-Ajax/Axios-前端工程化-Element 所谓远行Misnearch #JavaWeb前端ajaxelementuijava前端框架
      P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名
    • 账务处理又出错？资深会计来教你，学会效率翻倍！共同学习 小橘子要努力吖
      作为一名会计，在实际工作中会遇到各种麻烦的账务处理问题。那么，最常用的会计处理方法都有哪些呢？今天小编为大家带来了从业二十六年的资深老会计分享的十四中会计常用的账务处理问题的解决方案，快来看看吧！一、促销品的账务处理在促销时公司经常会把一些商品按进价赠送给消费者使用二、款已付清但发票未到的账务处理三、购买材料发生不合理损耗的账务处理问题公司在购买材料时，常常会发生一些不合理的损耗，那么这种问题该怎
    • 【真诚子】通晓鬼谷第七篇读书日记。 真诚子l通晓鬼谷
      今天把个人品牌，从193读到208页，书的内容质量出奇的高，尤其是这一段。对标学习法，找一个比自己强，或者你期望成为的人进行模仿性学习，对标学习，不是到处，去找人对标兵学习很多人的优点，或是学习自己认为好的方面，而是找准一个对标高手，然后全方位的学习这个人。我在做品牌咨询时就对标，学习了一个在国内很有名的行业顶尖大咖。我先找到他公司的方案，进行完全模仿，连PPT的排版都一样，而且我只参照他一个人的
    • ES-LTR粗排模块 poins jenkins运维
      ES-LTR粗排模块官方资源：https://github.com/HeiBoWang/elasticsearch-learning-to-rankElasticsearch学习排名插件使用机器学习提高搜索相关性排名。它为维基媒体基金会和Snagajob等地方的搜索提供了动力！这个插件有什么功能此插件：允许您在Elasticsearch中存储特征（Elasticsearch查询模板）记录特征得分（
    • 2018-11-18成长小组学习笔记 实验中学45
      因为嗓子“罢工”，我面对众人只能借“微笑”代言。在开始授课前，绣霞老师先反馈上次作业的情况，提到“接纳”需是真正发自内心的完全接纳，而不是口头上的接纳，内心却是排斥的。提到一个“问题”孩子恰恰对家爱的更加“深沉”，夫妻间的问题不能影响到孩子，对孩子更好的爱不是你为他做的更多，而是给他自由、健康成长的空间。图片发自App一、孩子：家庭的一面镜子夫妻成了彼此的“投射”，婚姻便“吵的不可开交”，婚姻便成
    • 【鸿蒙HarmonyOS开发笔记】ArkUI常用组件介绍汇总（更新中） 温、 鸿蒙HarmonyOS开发笔记学习记录harmonyos笔记华为
      概述此文总结开发中用到的一些常用组件，便于查阅，此文持续更新，闲的没事就更线性布局（Row/Column）不多介绍了，最常用的布局组件，两者除了方向不一样，别的都一样方便起见下面只写Column常用属性排列方向上的间距：spaceColumn({space:20}){Row().width('90%').height(50).backgroundColor(0xF5DEB3)Row().width
    • 2019-07-16 振华老凤祥店长崔宁宁
      大爱的李老师，智慧的教授，亲爱的跃友们：大家好！我是莱州鑫和金店李总的人～崔宁宁今天是我的日精进行动第56天，我分享一下今天的改变，我们相互勉励，每天进步一点点，离成功便不远。1、比学习：人这一生最主要的就是信念，坚定不移的信念是成功路上的重要基石！2、比改变：我是一切的根源，我变了世界就变了！改变自己的心态！3、比付出：承担才能成长，付出才会杰出！4、比谦卑：学习每位优秀店长身上的优点！5、比感
    • python清华大学出版社答案_Python机器学习及实践 weixin_39805119 python清华大学出版社答案
      第1章机器学习的基础知识1.1何谓机器学习1.1.1传感器和海量数据1.1.2机器学习的重要性1.1.3机器学习的表现1.1.4机器学习的主要任务1.1.5选择合适的算法1.1.6机器学习程序的步骤1.2综合分类1.3推荐系统和深度学习1.3.1推荐系统1.3.2深度学习1.4何为Python1.4.1使用Python软件的由来1.4.2为什么使用Python1.4.3Python设计定位1.4.
    • 2018-12-02 子分小
      姓名：张颖公司：菲尔德国际英语【反省总结第146天，始于20180709今天是20181202】【知～学习】六项精进大纲背诵3遍每天十个单词坚持第181天每天学习一篇英文文章第94天英语流利说课程第71天学习30分钟【行～实践】一、修身：（对自己个人）步行5000步二、齐家：（对家庭和家人）无三、建功：（对工作)完成与Arti活动课和两节Demo准备开班事宜｛积善｝：发愿从2018年7月9日起1年
    • 安卓笔记本 - Handler Message MessageQueue Looper SocialException
      不爱写字，一张图解决。Handler,Message,MessageQueue,Looper工作原理
    • 枚举使用笔记 万变不离其宗_8 项目笔记笔记
      1.java枚举怎么放在方法上面的注释里面/***保存*@paramuserId用户id*@paramtype见枚举{@linkcom.common.enums.TypeEnum}*@return*/voidsave(LonguserId,Stringtype);
    • 如何成为思维的高手？ 明安包装闫慧玲
      六项精进训练营Day2复盘20210112湖北荆州学习靠氛围，成长靠圈子1.关于金钱认知金句：1.当今世界，非钱不行2.有钱能使鬼推磨3.金钱是万恶之本4.时间就是金钱5.金钱不是万能的，但是没有钱是万万不能的6.谈钱伤感情，谈感情伤钱道德系统→好人→美德→回流利益系统→好好生活天下熙熙皆为利来，天下攘攘皆为利往出自西汉著名史学家、文学家司马迁《史记》的第一百二十九章“货殖列传”。这句话意思是说天
    • 十分钟自由写作 知意zy
      主题：我缺乏的东西自从加入2022年弘丹写作学院，感觉每天的生活都忙碌了起来，我要上班，要学习。所以我每天都必须拼尽全力向前奔跑，才追得上小伙伴们的脚步。在写作学院，我学会了反省自己的不足，我的想法多，缺乏的东西也太多。比如：写作的文笔，写作逻辑，底层自信心……看到社群里那么多优秀的小伙伴，我感觉自己越来越自卑，我这么一个平庸的人，会完成今年的写作目标吗？我开始不停怀疑自己是否能坚持下去。而弘丹老
    • 2021-04-11 英英成长日记
      （1）每天写50字以上的催眠语言肯定自己或孩子或爱人今天的公益沙龙第二期，你有充分的准备！所以一切都很顺利！你还可以更灵活，我相信你可以做到！你是一个有爱的人！爱能成就一切！加油！分享也是成长！你说对吗？（2）每天晚上跟潜意识沟通一次。谢谢你潜意识，今天支持我讲完两个小时沙龙！感恩你每天这样支持我成长学习！（3）每天学习三条时间管理方法，共100条。(4)自己想要坚持3件事（确定下来至少一件，坚持
    • ruoyi使用笔记 万变不离其宗_8 项目笔记代码参考笔记笔记java前端
      1.限流处理@RateLimiter@PostMapping("/createOrder")@ApiOperation("创建充值订单")@RateLimiter(key=CacheConstants.REPEAT_SUBMIT_KEY,time=10,count=1,limitType=LimitType.IP)publicRcreateOrder(@RequestBodyFormform){/
    • java Illegal overloaded getter method with ambiguous type for propert的解决 zwllxs javajdk
      好久不来iteye,今天又来看看，哈哈,今天碰到在编码时，反射中会抛出 Illegal overloaded getter method with ambiguous type for propert这么个东东，从字面意思看，是反射在获取getter时迷惑了，然后回想起java在boolean值在生成getter时，分别有is和getter，也许我们的反射对象中就有is开头的方法迷惑了jdk，
    • IT人应当知道的10个行业小内幕 beijingjava 工作互联网
      10. 虽然IT业的薪酬比其他很多行业要好，但有公司因此视你为其“佣人”。 　　尽管IT人士的薪水没有互联网泡沫之前要好，但和其他行业人士比较，IT人的薪资还算好点。在接下的几十年中，科技在商业和社会发展中所占分量会一直增加，所以我们完全有理由相信，IT专业人才的需求量也不会减少。 　　然而，正因为IT人士的薪水普遍较高，所以有些公司认为给了你这么多钱，就把你看成是公司的“佣人”，拥有你的支配
    • java 实现自定义链表 CrazyMizzz java数据结构
      1.链表结构   链表是链式的结构 2.链表的组成    链表是由头节点，中间节点和尾节点组成    节点是由两个部分组成：       1.数据域       2.引用域 3.链表的实现 &nbs
    • web项目发布到服务器后图片过一会儿消失 麦田的设计者 struts2上传图片永久保存
        作为一名学习了android和j2ee的程序员，我们必须要意识到，客服端和服务器端的交互是很有必要的，比如你用eclipse写了一个web工程，并且发布到了服务器（tomcat）上，这时你在webapps目录下看到了你发布的web工程，你可以打开电脑的浏览器输入http://localhost:8080/工程/路径访问里面的资源。但是，有时你会突然的发现之前用struts2上传的图片
    • CodeIgniter框架Cart类 name 不能设置中文的解决方法 IT独行者 CodeIgniterCart框架　
      今天试用了一下CodeIgniter的Cart类时遇到了个小问题，发现当name的值为中文时，就写入不了session。在这里特别提醒一下。 在CI手册里也有说明，如下： $data = array( 'id' => 'sku_123ABC', 'qty' => 1, '
    • linux回收站 _wy_ linux回收站
      今天一不小心在ubuntu下把一个文件移动到了回收站，我并不想删，手误了。我急忙到Nautilus下的回收站中准备恢复它，但是里面居然什么都没有。     后来我发现这是由于我删文件的地方不在HOME所在的分区，而是在另一个独立的Linux分区下，这是我专门用于开发的分区。而我删除的东东在分区根目录下的.Trash-1000/file目录下，相关的删除信息（删除时间和文件所在
    • jquery回到页面顶端 知了ing htmljquerycss
      html代码： <h1 id="anchor">页面标题</h1> <div id="container">页面内容</div> <p><a href="#anchor" class="topLink">回到顶端</a><
    • B树、B-树、B+树、B*树 矮蛋蛋 B树
      原文地址： http://www.cnblogs.com/oldhorse/archive/2009/11/16/1604009.html B树        即二叉搜索树：        1.所有非叶子结点至多拥有两个儿子（Left和Right）； &nb
    • 数据库连接池 alafqq 数据库连接池
      http://www.cnblogs.com/xdp-gacl/p/4002804.html @Anthor:孤傲苍狼 数据库连接池 用MySQLv5版本的数据库驱动没有问题，使用MySQLv6和Oracle的数据库驱动时候报如下错误： java.lang.ClassCastException: $Proxy0 cannot be cast to java.sql.Connec
    • java泛型 百合不是茶 java泛型
      泛型 在Java SE 1.5之前，没有泛型的情况的下，通过对类型Object的引用来实现参数的“任意化”，任意化的缺点就是要实行强制转换，这种强制转换可能会带来不安全的隐患   泛型的特点：消除强制转换 确保类型安全 向后兼容   简单泛型的定义：      泛型：就是在类中将其模糊化，在创建对象的时候再具体定义 class fan
    • javascript闭包[两个小测试例子] bijian1013 JavaScriptJavaScript
      一.程序一 <script> var name = "The Window"; var Object_a = { 　　name : "My Object", 　　getNameFunc : function(){ var that = this; 　　　　return function(){ 　　　　
    • 探索JUnit4扩展：假设机制（Assumption） bijian1013 javaAssumptionJUnit单元测试
      一.假设机制（Assumption）概述        理想情况下，写测试用例的开发人员可以明确的知道所有导致他们所写的测试用例不通过的地方，但是有的时候，这些导致测试用例不通过的地方并不是很容易的被发现，可能隐藏得很深，从而导致开发人员在写测试用例时很难预测到这些因素，而且往往这些因素并不是开发人员当初设计测试用例时真正目的，
    • 【Gson四】范型POJO的反序列化 bit1129 POJO
      在下面这个例子中，POJO(Data类)是一个范型类，在Tests中，指定范型类为PieceData，POJO初始化完成后，通过 String str = new Gson().toJson(data); 得到范型化的POJO序列化得到的JSON串，然后将这个JSON串反序列化为POJO   import com.google.gson.Gson; import java.
    • 【Spark八十五】Spark Streaming分析结果落地到MySQL bit1129 Stream
      几点总结： 1. DStream.foreachRDD是一个Output Operation，类似于RDD的action，会触发Job的提交。DStream.foreachRDD是数据落地很常用的方法 2. 获取MySQL Connection的操作应该放在foreachRDD的参数（是一个RDD[T]=>Unit的函数类型)，这样，当foreachRDD方法在每个Worker上执行时，
    • NGINX + LUA实现复杂的控制 ronin47 nginx lua
      安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
    • java-递归判断数组是否升序 bylijinnan java
      public class IsAccendListRecursive { /*递归判断数组是否升序 * if a Integer array is ascending,return true * use recursion */ public static void main(String[] args){ IsAccendListRecursiv
    • Netty源码学习-DefaultChannelPipeline2 bylijinnan javanetty
      Netty3的API http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/ChannelPipeline.html 里面提到ChannelPipeline的一个“pitfall”： 如果ChannelPipeline只有一个handler（假设为handlerA）且希望用另一handler（假设为handlerB） 来
    • Java工具之JPS chinrui java
      JPS使用     熟悉Linux的朋友们都知道，Linux下有一个常用的命令叫做ps（Process Status)，是用来查看Linux环境下进程信息的。同样的，在Java Virtual Machine里面也提供了类似的工具供广大Java开发人员使用，它就是jps（Java Process Status)，它可以用来
    • window.print分页打印 ctrain window
      function init() { var tt = document.getElementById("tt"); var childNodes = tt.childNodes[0].childNodes; var level = 0; for (var i = 0; i < childNodes.length; i++) {
    • 安装hadoop时 执行jps命令Error occurred during initialization of VM daizj jdkhadoopjps
      在安装hadoop时，执行JPS出现下面错误   [slave16][email protected]:/tmp/hsperfdata_hdfs# jps Error occurred during initialization of VM java.lang.Error: Properties init: Could not determine current working
    • PHP开发大型项目的一点经验 dcj3sjt126com PHP重构
      一、变量 最好是把所有的变量存储在一个数组中，这样在程序的开发中可以带来很多的方便，特别是当程序很大的时候。变量的命名就当适合自己的习惯，不管是用拼音还是英语，至少应当有一定的意义，以便适合记忆。变量的命名尽量规范化，不要与PHP中的关键字相冲突。 二、函数 PHP自带了很多函数，这给我们程序的编写带来了很多的方便。当然，在大型程序中我们往往自己要定义许多个函数，几十
    • android笔记之--向网络发送GET/POST请求参数 dcj3sjt126com android
      使用GET方法发送请求 private static boolean sendGETRequest (String path, Map<String, String> params) throws Exception{ //发送地http://192.168.100.91:8080/videoServi
    • linux复习笔记 之bash shell (3) 通配符 eksliang linux 通配符linux通配符
      转载请出自出处： http://eksliang.iteye.com/blog/2104387 在bash的操作环境中有一个非常有用的功能，那就是通配符。 下面列出一些常用的通配符，如下表所示 符号 意义 * 万用字符，代表0个到无穷个任意字符 ? 万用字符，代表一定有一个任意字符 [] 代表一定有一个在中括号内的字符。例如：[abcd]代表一定有一个字符，可能是a、b、c
    • Android关于短信加密 gqdy365 android
      关于Android短信加密功能，我初步了解的如下（只在Android应用层试验）：     1、因为Android有短信收发接口，可以调用接口完成短信收发；         发送过程：APP（基于短信应用修改）接受用户输入号码、内容——>APP对短信内容加密——>调用短信发送方法Sm
    • asp.net在网站根目录下创建文件夹 hvt .netC#hovertreeasp.netWeb Forms
      假设要在asp.net网站的根目录下建立文件夹hovertree,C#代码如下： string m_keleyiFolderName = Server.MapPath("/hovertree"); if (Directory.Exists(m_keleyiFolderName)) { //文件夹已经存在 return; } else { try { D
    • 一个合格的程序员应该读过哪些书 justjavac 程序员书籍
      编者按：2008年8月4日，StackOverflow 网友 Bert F 发帖提问：哪本最具影响力的书，是每个程序员都应该读的？ “如果能时光倒流，回到过去，作为一个开发人员，你可以告诉自己在职业生涯初期应该读一本， 你会选择哪本书呢？我希望这个书单列表内容丰富，可以涵盖很多东西。” 很多程序员响应，他们在推荐时也写下自己的评语。 以前就有国内网友介绍这个程序员书单，不过都是推荐数
    • 单实例实践 跑龙套_az 单例
         1、内部类 public class Singleton { private static class SingletonHolder { public static Singleton singleton = new Singleton(); } public Singleton getRes
    • PO VO BEAN 理解 q137681467 VODTOpo
      PO：      全称是 persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。 好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。     BO：     全称是 business object:业务对象 主要作用是把业务逻辑封装为一个对象。这个对
    • 战胜惰性，暗自努力 金笛子 努力
      偶然看到一句很贴近生活的话：“别人都在你看不到的地方暗自努力，在你看得到的地方，他们也和你一样显得吊儿郎当，和你一样会抱怨，而只有你自己相信这些都是真的，最后也只有你一人继续不思进取。”很多句子总在不经意中就会戳中一部分人的软肋，我想我们每个人的周围总是有那么些表现得“吊儿郎当”的存在，是否你就真的相信他们如此不思进取，而开始放松了对自己的要求随波逐流呢？ 我有个朋友是搞技术的，平时嘻嘻哈哈，以
    • NDK/JNI二维数组多维数组传递 wenzongliang 二维数组jniNDK
      多维数组和对象数组一样处理，例如二维数组里的每个元素还是一个数组 用jArray表示，直到数组变为一维的，且里面元素为基本类型，去获得一维数组指针。给大家提供个例子。已经测试通过。 Java_cn_wzl_FiveChessView_checkWin( JNIEnv* env,jobject thiz,jobjectArray qizidata) { jint i,j; int s
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他