Web前端基础之HTML

一、浏览器

火狐浏览器、谷歌浏览器(推荐)、IE浏览器

推荐谷歌浏览器原因：
1、简洁大方,打开速度快
2、开发者调试工具（右键空白处->检查，打开调试模式）

二、开发工具

核心IDE工具

  1. Visual Studio Code (VS Code)‌
    微软开发的免费跨平台编辑器，支持智能提示、Git集成、调试功能及丰富的扩展插件‌。
    轻量高效，适用于HTML/CSS/JavaScript及主流前端框架开发‌。

  2. WebStorm‌
    JetBrains推出的专业前端IDE，提供智能代码补全、重构、调试及ESLint集成‌。
    适合复杂JavaScript/TypeScript项目，支持React/Vue等框架‌。

  3. HBuilder‌
    专为前端设计的国产工具，支持uni-app框架实现多平台开发（小程序、H5、App）‌。
    提供实时预览和高效语法提示，适合快速迭代项目‌。

三、VSCode使用

- VSCode常用快捷键

  1. 生成浏览器文件的快捷方式:！+回车
  2. 代码格式化:Shift+Alt+F
  3. 向上或向下移动一行:Alt+Up或Alt+Down
  4. 快速复制一行代码:Shift+Alt+Up或Shift+Alt+Down
  5. 快速保存:Ctrl+S
  6. 快速查找:Ctrl+F
  7. 快速替换:Ctrl+H
  8. 快速生成ul+li的布局：ul>li*3（数字根据自己的需要的li数量修改，ol标签同理）
  9. 快速生成表格结构：table>tr3>td2{单元格}

- VSCode常用插件

1.快速打开浏览器
扩展->搜索open in browser ->点击安装

四、相关概念介绍

  1. HTML5介绍
    HTML5是用来描述网页的一种语言,被称为超文本标记语言。用HTML5编写的文件,后缀以.html结尾。
    HTML是一种标记语言,标记语言是一套标记标签。标签是由尖括号包围的关键字,例如:

标签有两种表现形式:

  • 双标签,例如:
  • 单标签,例如:
  1. HTML5的DOCTYPE声明
    DOCTYPE是document type(文档类型)的缩写。是H5的声明位于文档的最前面,处于标签之前。他是网页必备的组成部分,避免浏览器的怪异模式。
    作用：避免同样的代码在不同的浏览器上展示不同的效果

3.HTML5基本骨架

  • html标签
    定义HTML文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其他元素要包裹在它的里面,标签限定了文档的开始点和结束点。
DOCTYPE html>
<html>
html>
  • head标签
    head标签用于定义文档的头部。文档的头部秒速文档的各种属性和信息,包括文档的标题、在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
  • body标签
    body元素定义文档的主体。
    body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)
    它会直接在页面中显示出来,也就是用户可以直观看到的内容


	
	
	
		我会显示在浏览器中
  • title标签
  1. 可定义文档的标题
  2. 它显示在浏览器窗口的标题栏或状态栏上
  3. title标签是head标签中唯一必须要求包含的东西,就是说写head一定要写title
  • meta标签
    meta标签用来描述一个HTML网页文档的属性，关键词等,例如:charset="utf-8"是说当前使用的是utf-8编码格式,在开发中我们经常会看到utf-8或是gbk,这些都是编码格式,通常使用utf-8。
    以下是基本骨架:


	
		
		我是标题
	
	
		我会显示在浏览器中

五、基础语法

1. 标题介绍与应用

标题(Heading)是通过h1-h6标签进行定义的。
h1定义最大的标题 h6定义最小的标题
示例代码：

DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head>
<body>
    <h1>一级标题h1>
    <h2>二级标题h2>
    <h3>三级标题h3>
    <h4>四级标题h4>
    <h5>五级标题h5>
    <h6>六级标题h6>
body>
html>

技巧:快速生成h1~h6快捷键:h$*6

  • 正确使用标题
    请确保将HTML标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
    正确使用标题有益于SEO
    应该将h1用作主标题(最重要的)，其后是h2(次重要的)，再其次是h3，以此类推

  • 标题标签位置摆放
    在标签中添加属性:align="left|center|right"默认居左
    示例代码:

DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head>
<body>
    <h1 align="center">一级标题h1>
    <h2>二级标题h2>
    <h3>三级标题h3>
    <h4>四级标题h4>
    <h5>五级标题h5>
    <h6>六级标题h6>
body>
html>

2.标签之段落§、换行(br)、水平线(hr)

  • 标签之段落
    段落是通过

    标签定义的

<p>这是一个段落p>
<p>这是另外一个段落p>
  • 标签之换行—单标签
    如果希望在不产生一个新段落的情况下进行换行(新行),请使用
    标签

    元素是一个空的HTML元素。即是单标签
<p>我是一个段落标签p>
<p>如果你希望在不产生一个<br/>新段落的情况下进行换行p>
  • 标签之水平线—单标签
    标签在HTML页面中创建水平线
<hr color="" width="" size="" align=""/>

属性：

  • color:设置水平线的颜色
  • width：设置水平线的宽度
  • size:设置水平线的高度
  • align:设置水平线的对齐方式(默认居中),可取值left|right
    <hr color="green"  width="300px" size="20px" align="left"/>
3. 图片标签

标签定义HTML页面中的图像

注意事项
是单标签,不需要进行闭合操作

(1)、属性：

  • src:路径(图片地址与名字)
  • alt:规定图像的替代文本,如图片加载失败时,有个占位和文本提示
  • width:规定图像的宽度
  • height:规定图像的高度
  • title:鼠标悬停在图片上给与提示

示例代码：

<img src="1.jpeg" alt="图片加载失败了!" width="300" height="300px" title="风景画">

(2)、图片路径

  • 绝对路径
    绝对路径是电脑的盘符存储与访问的具体地址
    E:\workplace\Web\1.jpeg

  • 相对路径
    两者相对关系，两者在同一路径下可以直接访问
    子级关系：/
    父级关系：…/
    同级关系:./(可以省略)

  • 网络路径
    具体的网络地址

4. 超文本链接

超链接指想跳哪里跳哪里
超链接描述
HTML使用标签来设置超文本链接
超链接可以是一个字，一个词，或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的
文档或者当前文档中的某个部分

<a href="url">链接文本a>
示例代码:
  <a href="https://www.baidu.com/">点击a>

超链接属性
在标签中使用了href属性来描述链接的地址
默认情况下,链接将以,以下形式出现在浏览器中(默认效果):
一个未访问过的链接显示为蓝色字体并带有下划线
访问过的链接显示为紫色并带有下划线
点击链接时,链接显示为红色并带有下划线

特别提示:
后期我们会通过CSS样式修改掉这些效果

5. 常用文本标签

标签 描述
定义着重文字
定义粗体文本
定义斜体字
定义加重语气
定义删除字
元素没有特定的含义

特别提示
常用文本标签和段落是不同的,段落代表一段文本,而文本标签一般表示文本词汇

6.列表标签之有序列表

  • 有序列表
    有序列表是一列项目，列表项目使用数字进行标记。 有序列表始于
      标签。每个列表项始于
    1. 标签。
<ol>
    <li>有序标签1li>
    <li>有序标签2li>
ol>
  • type属性
      的属性type 拥有的选项
  1. 1 表示列表项目用数字标号（1,2,3…）
  2. a 表示列表项目用小写字母标号（a,b,c…）
  3. A 表示列表项目用大写字母标号（A,B,C…）
  4. i 表示列表项目用小写罗马数字标号（i,ii,iii…）
  5. I 表示列表项目用大写罗马数字标号（I,II,III…）
  • 有序列表嵌套
    列表是可以进行嵌套的
<ol>
    <li>有序标签主目录1li>
    <li>
        <ol>
            <li>有序标签子目录1li>
            <li>有序标签子目录2li>
        ol>
    li>
    <li>有序标签主目录2li>
ol>

示例代码

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head>
<body>
    <ol>
        <li>苹果li>
        <li>橘子li>
        <li>香蕉li>
    ol>

    <ol type="a">
        <li>苹果li>
        <li>橘子li>
        <li>香蕉li>
    ol>

    <ol>
        <li>水果li>
        <li>蔬菜
            <ol>
                <li>白菜li>
                <li>油菜li>
                <li>黄瓜li>
            ol>
        li>
    ol>
body>
html>

7.列表标签之无序列表

无序列表实现

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记

无序列表始于

    标签。每个列表项始于
  • 标签。

    <ul>
    <li>无序列表1li>
    <li>无序列表2li>
ul>
    type属性

      的属性type 拥有的选项

      • disc 默认实心圆

      • circle 空心圆

      • square 小方块

      • none 不显示

      无序列表嵌套

      列表是可以进行嵌套的

      <ul>
    <li>无序列表主目录1li>
    <li>
        <ul>
            <li>无序列表子目录1li>
            <li>无序列表子目录2li>
        ul>
    li>
    <li>无序列表主目录2li>
ul>
      常见应用场景
      1. 无序的列表效果
      2. 导航效果

      代码示例:

      <body>
    <ul>
        <li>无序列表1li>
        <li>无序列表2li>
    ul>

    <ul type="square">
        <li>无序列表1li>
        <li>无序列表2li>
    ul>
    
    <ul>
        <li>无序列表主目录1li>
        <li>
            <ul>
                <li>无序列表子目录1li>
                <li>无序列表子目录2li>
            ul>
        li>
        <li>无序列表主目录2li>
    ul>
body>

      8.标签之表格

      表格标签

      表格：

      行：

      单元格(列)：

      表格属性
      1. border：设置表格的边框
      2. width：设置表格的宽度
      3. height：设置表格的高度

      代码示例:

      <body>
    <table border="1" width="400px" height="200px">
        <tr>
            <td>单元格td>
            <td>单元格td>
        tr>
        <tr>
            <td>单元格td>
            <td>单元格td>
        tr>
        <tr>
            <td>单元格td>
            <td>单元格td>
        tr>
    table>
body>

      9.表格单元格合并

      • 水平合并(横向合并,即列之间)：colspan
      • 垂直合并(竖向合并,即行之间)：rowspan
      • 合并技巧:
        水平合并：保留左边，删除右边
        垂直合并：保留上边，删除下边

      代码示例:
      创建55表格进行合并示例,快速创建命令:table>tr5>td*5>{单元格}

      DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head>
<body>

    <p>合并单元格6和7：colspan,水平合并p>
    <p>合并单元格15和20：rowspan,垂直合并p>
    <p>合并单元格16和17：colspan,水平合并,将合并后的16作为一个整体,垂直合并21和22，rowspanp>
    <p>水平合并：保留左边，删除右边p>
    <p>垂直合并：保留上边，删除下边p>
    <table border="1" width="600px" height="400px">
        <tr>
            <td>单元格1td>
            <td>单元格2td>
            <td>单元格3td>
            <td>单元格4td>
            <td>单元格5td>
        tr>
        <tr>
            <td colspan="2">单元格6,7td>
            <td>单元格8td>
            <td>单元格9td>
            <td>单元格10td>
        tr>
        <tr>
            <td>单元格11td>
            <td>单元格12td>
            <td>单元格13td>
            <td>单元格14td>
            <td rowspan="2">单元格15,20td>
        tr>
        <tr>
            <td colspan="2" rowspan="2">单元格16,17，21，22td>
            <td>单元格18td>
            <td>单元格19td>
        tr>
        <tr>
            <td>单元格23td>
            <td>单元格24td>
            <td>单元格25td>
        tr>
    table>
body>
html>

      10.Form表单

      表单在 Web 网页中用来给用户填写信息，从而能采用户信息，使网页具有交互的功能。

      所有的用户输入内容的地方都用表单来写，如登录注册、搜索框

      表单是由容器和控件组成的,一个表单一般应该包含用户填写信息的输入框,按钮等，这些输入框,按钮叫做控件,表单就是容器,它能够容纳各种各样的控件

      <form action="url" method="get|post" name="myform">form>

      属性说明

      action服务器地址

      name表单名称

      method中Get和Post的区别

      1. 数据提交方式，get把提交的数据url可以看到，post看不到
      2. get一般用于提交少量数据，post用来提交大量数据
      表单元素

      一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮

      1. 表单标签
      2. 表单域
      3. 表单按钮
      <form>
    <input type="text">
    <input type="submit">
form>

      11.表单元素

      文本框

      文本域通过 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域

      密码框

      密码字段通过标签 来定义

      温馨提示

      密码字段字符不会明文显示，而是以星号或圆点替代

      提交按钮

      当用户单击确认按钮时，将数据发送给服务器

      <form name="input" action="url" method="get">
    Username: <input type="text" name="user">
    <input type="submit" value="Submit">  //value 可以更改文本内容
form>

      12.块元素与行内元素（内联元素）

      HTML5出现之前，经常把元素按照块级元素和内联元素来区分。在HTML5中，元素不再按照这种⽅式来区分， 而是按照内容模型来区分，分为元数据型(metadata content)、区块型(sectioning content)、标题型(heading content)、文档流型(flow content)、语句型(phrasing content)、内嵌型(embedded content)、交互型 (interactive content)。元素不属于任何⼀个类别，被称为穿透的，元素可能属于不止⼀个类别，称为混合的

      详细参考地址：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Content_categories

      虽然到了HTML5的版本，元素分类更细致了，但是这对初学者并不友好,所以我们仍然按照块元素和内联元素做区分，这对我们的布局起到了至关重要的作用

      内联元素和块级元素的区别

      块级元素 内联元素
      块元素会在页面中独占一行（自上向下垂直排列） 行内元素不会独占页面中的一行，只占自身的大小
      可以设置width，height属性 行内元素设置width，height属性无效
      ⼀般块级元素可以包含行内元素和其他块级元素 ⼀般内联元素包含内联元素不包含块级元素

      常见块级元素

      div、form、h1~h6、hr、p、table、ul、等

      常见内联元素(行内元素)

      a、b、em、i、span、strong等

      行内块级元素（特点：不换行、能够识别宽高）

      button、img、input等

      13.HTML5新增标签

      HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）`完成标准制定

      在HTML5出现之前，我们一般采用DIV+CSS布局我们的页面。但是这样的布局方式不仅使我们的文档结构不够清晰，而且不利于搜索引擎爬虫对我们页面的爬取。为了解决上述缺点，HTML5新增了很多新的语义化标签
      注意:如果要考虑兼容性问题,那就还得用DIV+CSS这种写法,不然,就可以直接用新的标签代替

      扩展知识

      div容器元素，也是页面中见到的最多的元素

      H5新标签

      1.  头部
      2. 导航
      3. 定义文档中的节,比如章节、页眉、页脚
      4. 侧边栏
      5.  脚部
      6.  代表一个独立的、完整的相关内容块,例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等

      上面代码等同于以下,不考虑兼容性问题,直接用上面的写法就可以,像小米商城等,为了考虑老版本的浏览器,所以还是采用了下面的写法：

      <div id="header">div>
   <div id="nav">div>
   <div id="article">
       <div id="section">div>
   div>
   <div id="silder">div>
   <div id="footer">div>

      你可能感兴趣的:(Web前端基础之HTML)

      • 移动端城市区县二级联动选择功能实现包 good2know
        本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
      • 我不懂什么是爱，但我给你全部我拥有的 香尧
        因为怕黑，所以愿意陪伴在夜中行走的人，给他一点点的安全感。因为渴望温柔与爱，所以愿意为别的孩子付出爱与温柔。因为曾遭受侮辱和伤害，所以不以同样的方式施于其他人。如果你向别人出之以利刃，对方还了你爱与包容，真的不要感激他，真的不要赞美他。每一个被人伤害过的人心里都留下了一颗仇恨的种子，他也会想要有一天以眼还眼，以牙还牙。但他未让那颗种子生根发芽，他用一把心剑又一次刺向他自己，用他血荐仇恨，开出一朵温
      • Spring进阶 - SpringMVC实现原理之DispatcherServlet处理请求的过程 倾听铃的声 后端springjavamvc开发语言分布式
        前文我们有了IOC的源码基础以及SpringMVC的基础，我们便可以进一步深入理解SpringMVC主要实现原理，包含DispatcherServlet的初始化过程和DispatcherServlet处理请求的过程的源码解析。本文是第二篇：DispatcherServlet处理请求的过程的源码解析。@pdaiSpring进阶-SpringMVC实现原理之DispatcherServlet处理请求的
      • 恩小希美食成长日记之118：“摘星女神”王亚平归来，她的婚姻，治愈了多少职场女性的痛 恩小希
        上周最为热闹的消息,无疑是神舟13号的三位航天英雄回来了.其中,最为瞩目的就是王亚平.她是我国首位进行太空行走的女航天员,也是为自己小女儿“摘星星的妈妈”。作为最受关注的职场妈妈，王亚平之所以能够成就这样一番事业，跟背后默默支持她的丈夫--赵鹏分不开。01王亚平1980年出生于山东烟台。父母都是地地道道的农民。王亚平这个姑娘从小体质好，一直练习长跑。高中时，空军来家乡招收女飞行员，作为体育班里唯一
      • SpringMVC的执行流程
        1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型（完成业务逻辑：有javaBean构成，service+dao+entity）V-View视图（做界面的展示jsp，html……）C-Controller控制器（接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架，SpringMVC=Struts2+Spring，
      • 2019-07-30 西域社群
        天地之间，分外热闹。望热浪涛涛，引无数帅哥竞开撩，夕窈窕淑女皆露腰。一代天骄，群里热闹。不见美女露妖娆，唯见帅哥手机忙，唐诗宋词，广为流传，惜字如金，声情并茂。君悉吾析，今日之局有套路，昨日之生惹人恋。聚往矣，数风流人物还看今朝！！
      • 【老房翻新】92平轻奢简约风，将和谐之美融入空间！ 没人比我更懂装修
        在客厅空间中，设计师于冷静的空间基调中选用了层次感丰富的黄蓝色作为主要跳色，搭配黑白纹理的地毯与单椅，为空间增加了时尚摩登的气息。艺术感的单品突出点亮了空间，绿植的点缀、留白的软饰则增强了空间的呼吸性。点击此处添加图片说明文字点击此处添加图片说明文字设计师力求使每一处的设立都在空间中达到相互间的呼应与制衡，将艺术的跃动之美赋于空间之上，也将空间的和谐之美融于生活之中。点击此处添加图片说明文字点击此
      • 二十四节气组诗 谷雨 离陌_6639
        图片来源网络，若侵犯了你的权益，请联系我删除6.谷雨文/离陌背上行囊背上如行囊的我从此任行程马不停蹄今天家乡的田野春雨快马加鞭播下希望的种子观音不语目送着我和夏天一道在观音山出关图片来源网络，若侵犯了你的权益，请联系我删除你好啊，我是离陌，已然在懵懂中走过了16年的岁月，为了珍惜当下的每一秒，所以立志做一名终身学习者。文学对于我来说是一种信仰，诗歌是我的生命。人生之道，四通八达，即入文学，自当持之
      • 营销活动-大转盘 無缺520
        写在前面最近，首先营销活动工具这块我是再熟悉不过了。曾经做了不下20个活动工具，然后通过监控活动数据反推活动的好坏。文中主要讲解幸运大转盘营销工具一.大转盘定义大转盘是比较常见的营销活动工具，它是通过消费者用户控制【开始/停止】操作获得奖品物品。用户在不知道自己能获得什么奖品的条件下，然后通过抽奖，大概率的获得未知的奖品。类似最近流行的盲盒玩法。二.为什么做大转盘大转盘是最常用的抽奖类的活动工具之
      • STM32入门之TIM基本定时器 嵌入式白话 STM32入门学习stm32嵌入式硬件单片机
        一、定时器简介定时器是嵌入式系统中的关键外设之一，它可以用于生成精确的延时、周期性中断、PWM波形生成等功能。在STM32F1系列单片机中，定时器不仅能为系统提供精确的时钟，还支持外部事件的捕获以及信号输出。对于定时器的功能，我们可以通过一个生活中非常常见的例子来形象地描述：微波炉的定时器。想象你正在使用微波炉加热食物。在微波炉里，定时器的作用就是帮助你控制食物加热的时间。当你设置了加热时间后，定
      • 收集落叶 申文秀
        走啊，一起走，我们一起去收集落叶落叶的模样早已映入我的眼帘耳边已响起叶子落在地上的“沙沙”声走啊，去收集落叶，落叶是我们的回忆落叶的样子如此俏皮心形是写给秋姑娘的情书圆形是秋姑娘送给大地的礼物三角形是秋姑娘礼服上的碎珠片哟！秋姑娘举行的盛装宴会开始了你看！秋之宴会开始了松叶缓缓飘落在空中跳起了华尔兹枫叶跳着芭蕾兜着圈子盘旋而下银杏叶是杂技演员，正“七上八下”地翻跟头每个落叶都在宴会上展示自己最美妙
      • 婴童医话（五百六十） 妙手柯楠
        探天地清浊之源，察阴阳顺逆之机。“乳食过饱蓄胃中，乳片不化吐频频，身热面黄腹膨胀。”伤乳吐者，因乳食过饱，停蓄胃中，以致运化不及，吐多乳片，犹如物盛满而上溢也。其证身热面黄，肚腹膨胀。治宜化其宿乳，安胃和中，节其乳食，自然止也。“过食伤胃腹胀热，恶食口臭吐酸粘，眼胞虚浮身潮热。”伤食吐者，因小儿饮食无节，过食油腻、面食等物，以致壅塞中脘而成也，其证肚腹胀热，恶食口臭，频吐酸粘，眼胞虚浮，身体潮热。
      • 【阳光️️☀️苑长 幸福365】7月9日《就此刻确知》 阳光苑长
        音频文字原创|阳光苑长图片发自App一夜的梦境，情景相当的壮烈，那是前前后后多个情节的叠加，那是因为极其在意在正义的，完满的，在早已经确认——万古之先已经确认了一切美好的事物当中。当有假象，当有一些不好的势力，试图想去破坏夺取的时候，在梦境中一直得力的征战，为着身边最挚爱的朋友，为他，为所有美好的事业而守望。守望，英文叫做watcher，就是观望者。图片发自App在这个毫不奇怪，事实上一直发生的征
      • 漫步，跳出藩篱 张巧金沙
        最近的教学，倍感不爽。一为这国庆之假，把这课上得支离破碎的。放假前，上了四天课，但我却只上了三天，9月30日，我工作室在搞活动，全天的活动，课当然未能上。10月8日学生回校，上了两天课，学生又放回家了。就觉得学生刚有点状态，又回去逍遥去了。感觉吧，教学内容也不敢大胆甩开膀子去教学，所以呀，这教学内容还真上不走，而且学生学下来效果特差。这不，国庆放假前的一个周，测试了两次，均为第一单元，是自考试以来
      • 用好考评指挥棒 答好时代新答卷 天才码字选手
        民之所望，施政所向。而群众评议正是检验发展质量和人民获得感的试金石。究竟是“走过场”、“栽盆景”，还是俯下身子，甘当为民服务的“孺子牛”或撸起袖子，做担当作为的“拓荒牛”，群众自是看得清清楚楚，最有发言权。因而也有这样一句话：干部脚下沾多少泥土，群众心里就有多少感情。民意不可或缺，群众的意见不能少。新时代下，要最大程度发挥群众评议在激励干部担当作为中的效能，才能汇聚起推动高质量发展的磅礴之力，答好
      • Selenium 特殊控件操作与 ActionChains 实践详解 小馋喵知识杂货铺 selenium测试工具
        1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个
      • 总会有一道光之利刃 能划破暗夜长空！ 一滴Sea
        图片发自App一帆风顺的人生很难产生什么顿悟，只有扎扎心，人才会醒悟，所以人生路上偶尔的风浪冲突，都可以怡情，和着一杯清茶一品人生的滋味。图片发自App中国人的传统家教就是:优点不鼓励，心知肚明就好，有缺点一定要细细碎碎仔细倒嚼，然后编织成一张唠叨之网把家人孩子都包裹的严严实实，苦口婆心地说:“走大街的人，没有人像我这样说你，你该感恩才是！”图片发自App唉！真是让人一口长气无处抒发，多少孩子因为
      • 微信公众号回调java_处理微信公众号消息回调 weixin_39607620 微信公众号回调java
        1、背景在上一节中，咱们知道如何接入微信公众号，可是以后公众号会与咱们进行交互，那么微信公众号如何通知到咱们本身的服务器呢？咱们知道咱们接入的时候提供的url是GET/mp/entry，那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现，此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.
      • 今天的彭格列依然被世界游戏吓得瑟瑟发抖呢 云染舒倦
        前言有一天，有一个白兰的大魔王想要毁灭世界，创世者非常不高兴，于是，创始者用吞噬一切，包容一切的大空（泽田纲吉）、捉摸不定的雾（六道骸）、孤高的浮云（云雀恭弥）、愤怒的忠岚（狱寺隼人）、晕染一切的雨（山本武）、守护之雷（蓝波）、热血之晴（晴川了平）创造了七位拯救世界的勇士（用属性制造勇士），让他们跟白兰对抗。。。［白兰的力量是游戏，于是要打败他，只要同样在世界布置的游戏中，赢过白兰就行了~］图片发
      • 人工智能应用研究快讯 2021-11-30 峰谷皆平
        [HTML]ArtificialIntelligenceforSkinCancerDetection:ScopingReviewATakiddin,JSchneider,YYang,AAbd-Alrazaq...JournalofMedicalInternet...,2021ABSTACT:Background:Skincanceristhemostcommoncancertypeaffectin
      • 20210517坚持分享53天读书摘抄笔记 非暴力沟通——爱自己 f79a6556cb19
        让生命之花绽放在赫布·加德纳（HerbGardner）编写的《一千个小丑》一剧中，主人公拒绝将他12岁的外甥交给儿童福利院。他郑重地说道：“我希望他准确无误地知道他是多么特殊的生命，要不，他在成长的过程中将会忽视这一点。我希望他保持清醒，并看到各种奇妙的可能。我希望他知道，一旦有机会，排除万难给世界一点触动是值得的。我还希望他知道为什么他是一个人，而不是一张椅子。”然而，一旦负面的自我评价使我们看
      • 好学生引路人2021年6月21日星期一 一米阳光2025年
        5组21号董文娟（甘肃省白银市靖远县小芦小学语文教师）的打卡记录：1.听录音，读原文：《论语·学政第二》之2.42[爱心]2.听分享，写心得：认真聆听了好几遍辛教授的讲解《为政第二》2.4后，深有感触，孔子说自己的学习是有所自觉的学习，而不是盲目的学习。自己最向往的志向，三十而立，坚定的自守，立于自己的志向，我感觉我自己正处于这个“三十而立”的年龄，能真正达到一切游刃有余，财务自由，志向远大的生命
      • 【Jupyter】个人开发常见命令 TIM老师 #Pycharm&VSCodepythonJupyter
        1.查看python版本importsysprint(sys.version)2.ipynb/py文件转换jupyternbconvert--topythonmy_file.ipynbipynb转换为mdjupyternbconvert--tomdmy_file.ipynbipynb转为htmljupyternbconvert--tohtmlmy_file.ipynbipython转换为pdfju
      • 量子计算解决气候变化：科学家找到了新方法 大力出奇迹985 量子计算
        气候变化已成为全球面临的严峻挑战，传统计算方法在应对与之相关的复杂问题时存在诸多局限。而量子计算作为新兴技术，为解决气候变化难题带来曙光。本文深入剖析科学家利用量子计算应对气候变化的新方法。量子计算凭借独特的量子比特与量子特性，在加速气候模型计算、优化模型参数、预测极端天气事件等方面展现出巨大优势。同时，在可再生能源整合、电网管理、碳捕获等实际应用场景中也发挥着重要作用。尽管目前面临硬件和算法等方
      • 用代码生成艺术字：设计个性化海报的秘密
        本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
      • 守一朵花，偏安春之一隅 者者行
        图片发自App守一朵花，偏安春之一隅云雾压城的那一刻我发现世界小了许多高楼耸立，挨着天女的脚丫脚贴大地柔软的腹河水湿润了游离的眼际风偏安春的围城在我的身体里生根育芽远山，那块曾经蕴藏着诗的圣地不见也罢此刻我只想读懂泥土的温柔和挂在纤纤枝头的那抹春色它是那么轻盈像蝴蝶的羽翼我多想折一枝春寄给遥远的你可又怕你见到的是一朵将萎的花近日的烟雨，给江城的春色增添了些许朦胧之美。灰白的天色，让我的视界后退了不
      • 算法刷题-动态规划之背包问题
        1.背包问题之01（4.30）题目描述小明有一个容量为VV的背包。这天他去商场购物，商场一共有NN件物品，第ii件物品的体积为wiwi，价值为vivi。小明想知道在购买的物品总体积不超过VV的情况下所能获得的最大价值为多少，请你帮他算算。输入描述输入第11行包含两个正整数N,VN,V，表示商场物品的数量和小明的背包容量。第2∼N+12∼N+1行包含22个正整数w,vw,v，表示物品的体积和价值。1
      • 一些身体的自描 王神马
        短发，黑色的盆栽浇水，裁剪只为了衬托盆的好看手掌，黄色的落叶纵横交错的脉络指引生命之树是哪一棵双脚，行走的印章镌刻着生命的贵重每一条人生都值得铭记眉毛，情绪的微澜紧促，上扬都牵动着那根心弦
      • 前端面试每日 3+1 —— 第39天 浪子神剑
        今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss
      • 《终身成长》之每日领读 恩佳一
        【昵称】锡安之燕【书名】《终身成长》【阅读时长】30分钟【阅读内容】第四章《天赋与天才》【原文金句】1.人的思维模式比天赋更重要。2.在我们的文化中，无论怎么强调个人努力和自我提高的重要性，人们在心灵深处，依然崇尚天赋。【三个问题】：1、结合之前学过的知识，说一说固定型思维模式的人，在面对失败的时候会怎样做？固定型思维模式的人面对失败会自卑，不自信，会停滞不前或就此被打倒。2、身体上的天赋是显而易
      • 数据采集高并发的架构应用 3golden .net
        问题的出发点：          最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。       &n
      • 不停止 MySQL 服务增加从库的两种方式 brotherlamp linuxlinux视频linux资料linux教程linux自学
        现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。  一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
      • Quartz——SimpleTrigger触发器 eksliang SimpleTriggerTriggerUtilsquartz
        转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；   二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
      • Informatica应用（1） 18289753290 sqlworkflowlookup组件Informatica
        1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置 （比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
      • python 获取图片验证码中文字 酷的飞上天空 python
        根据现成的开源项目 http://code.google.com/p/pytesser/改写 在window上用easy_install安装不上  看了下源码发现代码很少  于是就想自己改写一下   添加支持网络图片的直接解析   #coding:utf-8 #import sys #reload(sys) #sys.s
      • AJAX 永夜-极光 Ajax
        1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担   2.代码结构:    <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
      • 创业OR读研 随便小屋 创业
                现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。                研一的生活刚刚过去两个月，我们学校主要的是
      • 需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
                这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。        系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
      • 如何定义和区分高级软件开发工程师 aoyouzi
        在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。 　　初
      • Servlet的请求与响应 百合不是茶 servletget提交java处理post提交
          Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介     1,Http的请求方式(get  ,post);   客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法,  http的get方式 servlet就是都doGet(
      • web.xml配置详解之listener bijian1013 javaweb.xmllistener
        一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener>   二.作用        该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
      • Web页面性能优化（yahoo技术） Bill_chen JavaScriptAjaxWebcssYahoo
        1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
      • 【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
        游标   游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括 声明 打开 循环抓去一定数目的文档直到结果集中的所有文档已经抓取完 关闭游标   游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
      • ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法 白糖_ ORA-12514
        今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息：   # listener.ora Network Configuration File: D:\database\Oracle\net
      • Eclipse 问题 A resource exists with a different case bozch eclipse
        在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
      • 编程之美-小飞的电梯调度算法 bylijinnan 编程之美
        public class AptElevator { /** * 编程之美 小飞 电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
      • SQL注入相关概念 chenbowen00 sqlWeb安全
        SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。 首先让我们了解什么时候可能发生SQ
      • [光与电]光子信号战防御原理 comsci 原理
              无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢?       我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下       根据光
      • oracle 11g新特性:Pending Statistics daizj oracledbms_stats
        oracle 11g新特性:Pending Statistics 转 从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。 在 11g 之前的版本中，D
      • 快速理解RequireJs dengkane jqueryrequirejs
        RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能： 声明不同js文件之间的依赖 可以按需、并行、延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂。 在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
      • C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
        # include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
      • dictionary的使用要注意 dcj3sjt126com IO
        NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
      • Android 中的资源访问(Resource) finally_m xmlandroidStringdrawablecolor
        简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。 在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
      • Spring使用Cache、整合Ehcache 234390216 springcacheehcache@Cacheable
        Spring使用Cache            从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
      • 当druid遇上oracle blob(clob) jackyrong oracle
        http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。 在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】 用Druid连接池，通过JDBC往Oracle数据库的
      • easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
        var grid = $('#datagrid');  var options = grid.datagrid('getPager').data("pagination").options;  var curr = options.pageNumber;  var total = options.total;  var max =
      • 浅析awk里的数组 nigelzeng 二维数组array数组awk
        awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。   有这么一组数据：   abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
      • 搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
        安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
      • Spring 数据库连接整理 tomcat_oracle springbeanjdbc
        1、数据库连接jdbc.properties配置详解 　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举 　　接下来，详细配置代码如下： 　　 Spring连接池    
      • Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
        用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错      异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常       导入包 jaxen-1.1-beta-6.jar 解决; &nb