阿饼six
阿饼six

前端学习之HTML

前言：前端自从HTML5出来以后，发展极为迅速，抢占了很大一部分原生开发的份额。我觉得原因有两个：第一个是H5开发跨平台，横跨iOS、Android、PC端，相比原生开发来说可以节省公司开发资源，而且前端还可以借助庞大的微信用户群开发微信小程序，开发成本低；第二个是H5开发相比原生界面开发，开发调试效率高几个等级，可能原生端开发一个复杂界面，iOS、Android各需要3人力，前端可能只需要1人力就可以开发完成。

基于前端开发整体的高效率，比如调试界面刷新网页即可实时更新界面，响应式编程范式、声明式编程范式等，所以直接撸起袖子加油干-开始学习前端基础HTML。

一、HTML定义

HTML 是用来描述网页的一种语言，英文全称是 Hyper Text Markup Language ，中文是超文本标记语言。HTML 使用标记标签来描述网页，HTML文档包含了HTML 标签及文本内容，HTML文档也叫做 web 页面。

二、HTML基本结构

HTML基本结构如下：

// 在VSCode新建一个test.html文件，使用Emmet语法键盘输入'!'即可把HTML代码全部敲出来
// 在HTML中，注释使用''注释，而不是'//'，这里为了方便使用'//'，快捷键是cmd+/

// 文档声明语句：告诉浏览器该文档遵循html规范

// 第一个标签是告诉浏览器这是html文档的开始


// 文档文本是头部信息

    // UTF-8为多国语言编码
  
  
  // 文档标题，会显示在浏览器的窗口的标题栏
  Document


// body之间的文本是正文

  
Hello world



// 告诉浏览器这是html的终止

三、HTML标签分类

HTML标签大体分类两类：

1、双标签：比如 head、body、h1~h6等，大部分是双标签；

2、单标签：比如 img、meta、input、br等；

HTML常见标签（这里也有人称为元素）如下：

1）区块：div；
2）区分：span；
3）文本：p、h1~h6、em、dt、dd；
4）表格：table、tbody、thread；
5）表单：form、input、label；
6）链接：a；
7）图片：img；
8）文档：html、head、title、body、meta；
9）列表：ul、ol、li、nav；
10）其他：br、hr、iframe、video、audio；

前端标签和元素的严格区别：

标签：由尖括号包围的关键词，比如 `` ，标签对中的第一个标签是开始标签，第二个标签是结束标签；

元素：HTML 元素以开始标签起始，以结束标签终止，元素的内容是开始标签与结束标签之间的内容。

通过对比我们可以清楚的了解到，HTML标签是超文本标记语言的最基本单位，而HTML 元素指的是从开始标签到结束标签的所有代码。

四、常见文本类标签

1、：标题标签，准确的来说它属于文档章节标签，但是也是一种文本标签，h标签有助于SEO（Search Engine Optimization）优化，可以促进关键词排名。

Hello world

2、

：定义段落，
：定义换行，

：定义水平线，
：定义预格式文本，：定义语气更为强烈的强调文本，：显示斜体文本效果，：呈现粗体文本效果；


3、：定义超链接  ，href的作用是指明超链接要链接到的网址。除了href属性，还有title属性表示链接的提示信息。target属性表示链接的打开方式，即当点击了链接，选择是在另一个页面打开还是本页面打开。其属性值包括 _ blank(新的空白页)、_ self(当前页)、_ top（当前页）。


百度一下 



五、块级元素与内联元素


如果按是否换行特征分类，大体分为三类：块级元素、内联元素和内联块级元素。


1、块级元素


块级元素定义：是指本身的属性为display:block的元素。


块级元素的特点：




1）每个块级元素独占一行，每个块级元素都会从新的一行开始，从上到下排布，所以我们通常使用块级元素来进行大布局的搭建；


2）块级元素可以直接控制宽度、高度以及盒子模型的相关css属性；


3）在不设置宽度的情况下，块级元素的宽度是他父级元素内容的宽度；


4）在不设置高度的情况下，块级元素的高度是他本身内容的高度；




常见块级元素：




1）div：常用块级容器，也是css和layout的主要标签；


2）h1~h6：一级标题至六级标题；


3）hr：水平分隔线；


4）menu：菜单列表；


5）ol、ul、li：有序列表、无序列表、列表项；


6）dl、dt、dd：定义列表、定义术语、定义描述；


7）table：表格；


8）p：段落；


9）form：表单；




2、内联元素（也叫行内元素）


内联元素定义：是指本身属性为display:inline的元素。


内联元素的特点：




1）内联元素会和其他元素从左到右显示在一行，我们通常使用内联元素来进行文字、小图片或者小布局的搭建；


2）内联元素不能直接控制宽度、高度以及盒子模型的相关css属性，但是可以设置内外边距的水平方向的值。也就是说对于内联元素的margin和padding，只有margin-left/margin-right和padding-left/padding-right是有效的，但是竖直方向的margin和padding无效果；


3）内联元素的宽高是由内容本身的大小决定的（文字、图片等）；


4）内联元素只能容纳文本或者其他内联元素（不要在内联元素中嵌套块级元素）；




常见的内联元素：




1）a：超链接；


2）b：加粗；


3）span：常用的内联容器，定义文本内区块；


4）select：下拉列表；


5）label：Input元素定义标记；




3、内联块级元素


内联块级元素定义：是指本身属性为display:inline-block的元素。


内联块级元素特点：




1）和其他元素都在一行上；


2）元素的高度、宽度、行高以及顶和底边距都可设置；




常见的内联块级元素：




1）img：引入图片；


2）input：输入框；




注意：块级元素可以通过设置 display:inline 变为内联元素，内联元素也可以通过设置 display:block 变为块级元素。


六、表格标签


1、
：定义表格；
2、
：定义页眉；
3、
：定义主体；
4、
：定义页脚；
5、
：定义一行；
8、




：定义标题；


6、
：定义表头；


7、

：定义单元格；


代码如下：


  

    照片冲印价格详情
    
      

        相片尺寸
        富士
        柯达
      

    
    
      

        6寸0.450.6
      

      

        7寸0.891
      

      

        8寸1.692
      

      

        10寸3.895
      

    
    
      
运费21元/单，满199元免运费

    
  




常见属性值：




1、width、height： 指定表格的宽度，表格的高度；


2、border：指定表格边框的宽度；


3、cellpadding：指定边框与内容之间的空白；


4、cellspacing：指定单元格之间的空白；


5、align： 指定表格的对齐方式 ，left、 right 、 center ；


6、valign：垂直排列方式， top、 middle 、 bottom；


7、colspan： 列数合并列单元格；


8、rowspan： 行数合并行单元格；


9、bgcolor：表格背景色；


10、background：表格背景图；


11、bordercolor：表格边框颜色；




七、表单标签


1、
：定义表单；


2、：定义输入域；


3、












HTML5的表单常见属性type类型：




1、checkbox：定义复选框；


2、color：定义拾色器；


3、date、month、week：定义日期字段（带有 calendar 控件）；


4、time：定义日期字段的时、分、秒（带有 time 控件）；


5、email：定义用于 e-mail 地址的文本字段；


6、file：定义输入字段和 "浏览..." 按钮，供文件上传；


7、image：定义图像作为提交按钮；


8、number：定义带有 spinner 控件的数字字段；


9、password：定义密码字段。字段中的字符会被遮蔽；


10、radio：定义单选按钮；


11、range：定义带有 slider 控件的数字字段；


12、reset：定义重置按钮，重置按钮会将所有表单字段重置为初始值；


13、submit：定义提交按钮，提交按钮向服务器发送数据；


14、search：定义用于搜索的文本字段；


15、tel：定义用于电话号码的文本字段；


16、text：默认，定义单行输入字段，用户可在其中输入文本，默认是 20 个字符；


17、url：定义用于 URL 的文本字段；




八、列表标签


1、
    ：定义无序列表；
    

    2、
      ：定义有序列表；
      

      3、
    1. ：定义列表项；
      

      4、
      ：定义自定义列表；
      

      5、
      ：定义自定义列表项；
      

      6、
      ：定义自定义的描述；
      

      a、无序列表：属性type，属性值 disc (实心原点)、circle(符号为空心圆)、square(符号为方形)。
      

        
        
    
      • 苹果
        • 
    
      • 香蕉
        • 
    
      • 雪梨
        • 
  
      

      

      b、有序列表：有序列表使用数字或字母系统来组织列表里包含的信息，属性type对应的属性值 1、 a 、 A、i、I ，属性start对应数值的起点。
      

        
        
    
      1. 苹果
        2. 
    
      2. 香蕉
        3. 
    
      3. 雪梨
        4. 
  
      

      

      c、定义列表：定义列表用来组织术语和它们的定义。任何信息如果包含多个术语和相对应的解释，都可以使用定义列表进行组织。
      

        
      
    
      小明
      
    
      听歌
      

    
      小红
      
    
      跑步 
      
    
      唱歌 
      
  
      

      

      九、图片多媒体标签
      

      1、：加载图片，属性src-图像资源的地址，width-图像宽度，height-图像高度，alt-图片的替代文字。属性 src 既可以是网络图片地址，也可以是本地图片路径地址，其中本地路径说明：
      

      

      1）./：当前目录；
      

      2）../： 回到上一层目录；
      

      3）../images/： 回到上一层目录，然后再进入images目录；
      

      

      狗

      

      2、：视频标签，属性如下：
      

      

      1）poster：用户点击播放按钮前显示的图像；
      

      2）src：要播放的视频的 URL；
      

      3）width、height：视频宽度、高度；
      

      4）controls：设置用户显示控件，是一个布尔属性；
      

      5）autoplay：设置视频是否自动播放，是一个布尔属性；
      

      6）preload：定义视频是否预加载，属性有三个可选择的值：none（不进行预加载）、metadata（部分预加载）、auto(全部预加载)；
      

      7）loop：用于指定视频是否循环播放，是一个布尔属性；
      

      8）source标签：Source标签用于给媒体（因为audio标签同样可以包含此标签，所以这儿用媒体，而不是视频）指定多个可选择的（浏览器最终只能选一个）文件地址，且只能在媒体标签没有使用src属性时使用；
      

      

          

      

      注意：HTML中布尔属性的值不是true和false。正确的用法是，在标签中使用此属性表示true，比如自动播放为或者 ，在标签中不使用此属性表示false。
      

      3、：音频标签，video中能够使用的属性在audio标签中大部分都能够使用, 并且功能都一样，只不过有3个属性不能用, height/width/poster。
      

        

      

      4、


      十、全局属性和实体字符
      

      1、常见全局属性：
      

      

      1）class：规定元素的一个或多个类名（引用样式表中的类），它允许 CSS 和 Javascript 通过类选择器 (class selectors) 或DOM方法(document.getElementsByClassName)来选择和访问特定的元素。
      

      2）hidden：规定元素仍未或不再相关；
      

      3）id：定义唯一标识符（ID），该标识符在整个文档中必须是唯一的，配合 id 选择器使用；
      

      4）lang：规定元素内容的语言；
      

      5）style：规定元素的行内 CSS 样式；
      

      6）title：规定有关元素的额外信息；
      

      

      2、常见实体字符：在HTML中，有些特殊字符是需要用HTML语言表示出来的。一个字符实体包含三个部分：一个&符，一个实体名或者一个实体号，最后一个分号（;），实体名称对大小写敏感。
      

      

      1）大于号 (>)：>；
      

      2）小于号 (<)：<；
      

      3）引号 (")："；
      

      4）注册商标(®)：®；
      

      5）版权(© )：©；
      

      6）&号：&；
      

      7）空格： ；
      

      

      推荐前端入门学习w3school。
      






      



      


      


      




      

      你可能感兴趣的:(前端学习之HTML)
      

      

      

        

      • 践行青春誓言 建功立业新时代
玉面狐狸在偷塔

        入职半月以来，逐渐适应了乡镇基层的工作调性，结合专业所学谈谈我对选调生身份的几点体会。一是，“选”之于党，选调生意味着要信念坚定，对党忠诚。作为从万千考生中选拔出的年轻力量，选调生不能辜负党和人民的期望，要信念坚定、对党忠诚，时刻坚持用党的理论武装头脑、补足精神之钙。习近平总书记曾说：“年轻干部要牢记，坚定理想信念是终身课题，需要常修常炼，要信一辈子，守一辈子。”作为党选出来的青年力量中的一员，我
        

        • 

      • 善良，是你最美的样子
奇迹四连四排房房

        Day212019.1.31最美的样子是你的善良你认为一个人什么时候是最美的呢？有人会说姑娘的微笑最美，有人认为妈妈最美，有人认为妻子最美。而我始终认为陌生人的互帮互助是一个人最美的样子。昨日在春运的火车上，倍感归家的人之多，之着急。北京站满满的都是人，由于通往家的路没有高铁，只有两个绿皮慢车。没有抢到座的人，只能带着小板凳。在自助取票窗口处，有个姑娘主动帮助年纪大的阿姨互联网取票。这种发自内心的
        

        • 

      • 2024高教社杯数学建模国赛论文 C题农作物的种植策略 详细思路、代码和优秀论文
2024年数学建模国赛
备战2024数学建模国赛2024数学建模（不代写论文请勿盲目订阅）数学建模数学建模国赛2024数学建模国赛2024年高教社杯D题

        专栏内容(赛前预售价99，比赛期间299):2024数学建模国赛期间会发布思路、代码和优秀论文。（本专栏达不到国一的水平，适用于有一点点基础冲击省奖的同学，近两年有二十几个国二，但是达不到国一，普遍获得省奖，请勿盲目订阅）比赛思路会程序更新到专栏内：https://blog.csdn.net/m0_52343631/category_12482955.html?spm=1001.2014.3001
        

        • 

      • 一点说明
今唱清凉歌

        子曰：君子敬而无失，与人恭而有礼，四海之内皆兄弟也。我接触者日短，然蒙诸君子抬爱，受益良多，一并致谢！愚以为，年不分长幼，性不分男女，学之所在、道之所存，以其有教于我者，我皆以兄称之，不亦宜乎？况于今之网络时代，无暇亦不必索对方之年齿与性别也，唯愿古君子之风常盛耳！图片发自App
        

        • 

      • SpringMVC的架构有什么优势？——视图与模型（二）
不会编程的小孩子
架构

        #SpringMVC的架构有什么优势？——视图与模型（二）前言关键字：机器学习人工智能AIchatGPT学习实现使用搭建深度python事件远程dockermysql安全技术部署技术自动化代码视图(View)视图是展示结果的组件，它们负责渲染模型数据并生成HTML输出。SpringMVC支持多种视图技术，包括JSP、Thymeleaf等。视图(View)是SpringMVC中渲染并呈现结果的组件，
        

        • 

      • 【网络安全】漏洞挖掘之会话管理缺陷
秋说
网络安全web安全漏洞挖掘会话管理

        未经许可，不得转载。文章目录正文正文目标：example.com该站点允许存在主要邮箱和次要邮箱。在尝试使用次要邮箱和密码登录时，由于账户最初是通过主邮箱创建的，无法登录。于是，我通过次要邮箱使用GoogleOAuth进行登录。令人意外的是，我成功通过GoogleOAuth登录了该账户。接着，我在两个浏览器上登录了同一个账户：Chrome浏览器使用主邮箱（[email protected]）和
        

        • 

      • 2018-06-07
张之深Wellin

        （稻盛哲学学习会）打卡85天姓名：张之深公司：宁波万尚进出口有限公司部门：行政人事部【知～学习】背诵《六项精进》大纲0遍，总计194遍；诵读《六项精进》通篇1遍，总计10遍；背诵《大学》3遍，总计224遍；阅读《京瓷哲学》【经典名句分享】无【内容感悟分享】成为旋涡的中心，这一点很重要，记得一伙人老师那天问我们的一个问题，就是你是不是经常组织身边的活动，凝聚力没有聚哪里来的凝聚力，这些内容让我体会很
        

        • 

      • 一切都是最好的安排
楠小娱

        当你身处逆境，感到诸事不顺，爱情、工作、事业、理想都成泡影，心生绝望之念，不妨换个角度看这个问题，告诉自己：一切都是最好的安排，福祸相依，安知未来不会发生惊喜的改变呢?还有这样一个故事：有个国王喜欢打猎，以及与宰相微服私访。宰相最常挂在嘴边的一句话就是"一切都是最好的安排"。一天，国王到森林打猎，一箭射倒一只花豹。国王下马检视花豹。谁想到，花豹使出最后的力气，扑向国王，将国王的小指咬掉一截。国王叫
        

        • 

      • 顾不上与孙悟空继续打斗，罢战赴宴席，牛魔王因何这么着急？
中山人读文史

        顾不上与孙悟空继续打斗，罢战赴宴席，牛魔王因何这么着急？先有盗取芭蕉扇，惊扰夫人铁扇公主生活之过，又有离间欺负玉面狐狸之烦，孙悟空一下子就得罪了牛魔王身边的两个女人。“我因父母无依，招你入赘，护身养命。江湖中都说你是条好汉，谁知你是惧内的庸夫。”再普通的男人，都怕心爱的女人说她不行，骂其无能，何况是三界中鼎鼎有名的牛魔王。看到玉面狐狸的梨花带雨，又听到小妾刺激他的话语，牛魔王的牛脾气和火气一下子就
        

        • 

      • 萌宝日记210之奶奶来了
格子记

        2108年11月9日星期五晴今天，是爸爸下班的日子。听妈妈说爸爸下班会和奶奶一起回来。奶奶能来我非常开心，当然最开心的还是跟爸爸在一起，我坐在爸爸腿上，听爸爸给我讲故事，学爸爸说话：臭小子，去你的。哈哈～我喜欢说臭小子，去你的。说起来特别带劲，哈哈哈哈
        

        • 

      • 一梦千古
蓝冥又雪

        夜很黑，月亮已经羞涩的收起了自己微微的光，躲进了黑黑的云层深处，不愿意在多看一眼这个不安的世道……此时虽然是盛夏的季节，却没有一丝温润的风。压抑感充斥着整个大地，更加凸显着世道的不安！沉闷的氛围几乎要压的人喘不过气。“都说是月黑风高夜，杀人放火天，可是今天的鬼天气真的不适合做杀人放火的事！这么沉闷的压抑感。又那么热，还没有等到目标，本姑娘的藏身之所就会被一身汗味给暴露的”……就在一个低矮的小房子里
        

        • 

      • 格子小西装内搭什么好看，看汤唯、杨幂等明星都是怎么搭配裤子和裙子
糖果谈时尚

        穿小西装，已经是男人独有的特权，女人穿小西装也一样好看。在各式各样的女士小西装中，我觉得蕾丝和格子款式的小西装最为好看，今天我们来聊一聊格子小西装，复古、时髦、优雅的格子小西装，内搭什么最漂亮，怎么挑选与之符合的裙子或者裤子。明星格子西装搭配下面我们一起来看看大牌明星都是怎么穿搭格子西装的，袁姗姗、汤唯还有杨幂的搭配，看看你喜欢哪一位明星的搭配风格。袁姗姗：格子小西装+黄色毛衣袁姗姗：格子小西装+
        

        • 

      • 记录快乐的读书时光
林姐_健康生活

        “魔法人生·悦读俱乐部”第98天打卡（第6本《有钱人和你想的不一样》第191页到第205页）：明天就可以见到我的小姑娘了，心里有些期待哦！核酸检测长长的排着队，为了接姑娘，耐心些等着！感谢白衣天使24小时不休息的核酸检测，真的辛苦了！谢谢你们！一、今天阅读的有哪些重点内容，对我有哪些启发今天读了《有钱人和你想的不一样》第二篇“财富档案”之档案16。1.实现程序：想法产生感觉，感觉产生行动，行动产生
        

        • 

      • 语文湿地||于慈悲处开出一朵语文花 ——读孙秋备老师《<项链><珠宝>整合教学》课例有感
噜噜890108

        《项链》和《珠宝》是世界小说巨匠莫泊桑的经典著作，传统的课堂教学在主题解读时往往止于“资本主义社会爱慕虚荣的风气及恶俗的金钱关系”。孙秋备老师以慈悲之心观众生之态，抓住关键词——“败坏和成全；她和他”撬动文本，摒弃黑白思维，攫取作者灰色表达中的积极因子——“战胜困厄，成为自己的英雄”，在“抵达文本深处”的语用训练中为学生提供向上向善的精神力量。秋备老师以歌词“生活是一团麻，总有那解不开的小疙瘩，生
        

        • 

      • 常见问题之Golang——verifying github.com/go-playground/assert/[email protected]/go.mod: checksum mismatch错误
cn華少

        常见问题之Golang——verifyinggithub.com/go-playground/assert/[email protected]/go.mod:checksummismatch错误背景本系列文章均为学习过程中记录的笔记，欢迎和我一起来学习Go语言。全文使用环境如下：操作系统：windows10使用工具：Goland开发工具golang版本：1.17简介本文主要是对我日常在使用golang时遇到的一些
        

        • 

      • 斤斤计较，反而什么都得不到——这就是所谓套路
阿拉丁2

        昨天好不容易离开连续剧去拼单小蓝杯，以为是１０：００结束，没想到９：００结束。当我悠哉游哉喝完了打包回家时，刚过了９：００——所谓的人算不如天算。商业套路，深深。人生套路，重重。应对方法：如果选择ＰＫ就要提前做好功课不能拖延到最后贻误战绩；或者，直接就放弃斤斤计较的小小利益。想想为之耗费的时间＼经历，也未必值得呢。再如“丰嘲拍卖“也是如此，时间＼精力＼金钱，以及流量都花了，也未必拍得中，就算拍到了
        

        • 

      • Python数据分析之pandas学习！
Python_trys
python数据分析pandas开发语言学习ide

        Python中的pandas模块进行数据分析。接下来pandas介绍中将学习到如下8块内容：1、数据结构简介：DataFrame和Series2、数据索引index3、利用pandas查询数据4、利用pandas的DataFrames进行统计分析5、利用pandas实现SQL操作6、利用pandas进行缺失值的处理7、利用pandas实现Excel的数据透视表功能8、多层索引的使用在文章开始前打个
        

        • 

      • 【607】幼儿园亲子阅读之《石头剪刀布传奇》
登登一君

        我是昭君，我想记录我生活工作的点点滴滴，今天是我每日一篇文章的第607天。公众号搜索赵君可以查看最新文章。孩子比赛输了沮丧了怎么办？赢了又骄傲自大怎么办？害怕竞争不敢参加比赛怎么办？来看这本《石头剪刀布传奇》吧！大家最爱玩的石头剪刀布游戏被写成了书，画风搞笑，语言幽默。不仅能吸引孩子，还能培养孩子的正向竞争观。光看这个书名孩子们就比较兴奋，记得登登两岁的时候看的这本书，已经学会了比划，还要和我们比
        

        • 

      • 盘点10大经典国漫电影，国漫剪辑必备
二两陈

        国产动漫在近几年来呈崛起之态，越来越多的优秀作品走入了大家的视野，那么你心中最好看的国产动漫电影是哪部呢？今天为大家带来了国漫电影十大巅峰之作，如：大闹天宫、天书奇谭、哪吒闹海、铁扇公主、宝莲灯、哪吒之魔童降世、西游记之大圣归来等，下面一起来看看具体的电影信息。1、大闹天宫｜豆瓣9.4伦敦国际电影节最佳影片奖卡罗维发利国际电影节短片特别奖这部作品是万籁鸣先生的呕心沥血之作，一笔一划皆有真情与灵气，
        

        • 

      • 道德经（第五章）
太复杂

        【周】老子天地不仁，以万物为刍狗；圣人不仁，以百姓为刍狗。天地之间，其犹橐籥乎？虚而不淈，动而俞出。多闻数穷，不如守中。注释：刍（chú）狗：用草扎成的狗。古代专用于祭祀之中，祭祀完毕，就把它扔掉或烧掉。比喻轻贱无用的东西。在本文中比喻：天地对万物，圣人对百姓都因不经意、不留心而任其自长自消，自生自灭。正如元代吴澄据说：「刍狗，缚草为狗之形，祷雨所用也。既祷则弃之，无复有顾惜之意。天地无心于爱物，
        

        • 

      • 【日精进打卡第1112天】
于绫

        晚餐+酸奶姓名：曾于绫|ElingChung【知～学习】✿努力、谦虚、感谢、反省、利他、乐观✿用六项精进表达我们的生活方式∣经典诵读∣⓵《六项精进》大纲1遍，共2657遍⓶《六项精进》通篇0遍，共41遍⓷《大学》1遍，共2657遍【经典名句分享】⓵耳不闻人之非，目不视人之短【阅读】-【行~做到】∣修身∣⓵诵读《六项精进》和《大学》⓶九点前吃早餐⓷早睡早起⓸走2公里路去超市∣齐家∣⓵和爸爸妈妈信息⓶
        

        • 

      • 今日奥运之皮划艇
只要一个湫

        今天上午在家里看了皮划艇静水的几个比赛项目，中国队在男子双人1000米的比赛中夺得了一枚宝贵的银牌。比赛开始中国队两个小伙子率先冲出起点，全程一直保持着领先的地位，结果在最后冲刺的一刹那被古巴队赶超，虽说一块银牌也是及其珍贵的，但毕竟离金牌那么近，那么近，不遗憾真的是假的。皮划艇分皮艇和划艇两个项目。皮艇是运动员坐在艇内，用桨在左右交替划水；而划艇则是运动员单膝跪在艇内，用桨在一侧划水。皮艇起源于
        

        • 

      • 2023-01-31
最后的守护

        烧山药蛋夏末秋初，农村人更忙了，虽然只是忙，好在不用继续忍受揪心的饥饿了。放学路上，钻进路边（不知道是谁家的）地里吃三棱豌豆荚，一边摘，一边吃，一边走。豆荚呈柳叶形，中间宽两边尖，一枚有三四颗豆子，塞进嘴里用牙齿刮下来，轻轻咬就能流出甜甜的豆汁。只要没有人朝你喊，可以敞开肚皮吃。不过吃多了，胃会不舒服，打嗝会生出一股生豆气。害得周围的人避之唯恐不及，也唯恐不远。也可以钻进黍子地里采糜[méi],糜
        

        • 

      • 100天挑战33本书第十七天
星妤子

        【非暴力沟通】你有使用暴力沟通吗？听了你的话，我仿佛受了审判，无比委屈，又无从分辨，在离开前我想问，那真的是你的意思吗？在我辩护前，带着痛苦和恐惧质问前，在我用语言筑起心灵之墙前告诉我。我听明白了吗？让爱融入生活，非暴力沟通这本书讲的并非是身体的暴力，而是一种语言的暴力，很多时候，我们不知不觉用语言的暴力伤害了自己以及他人，但我们自己毫无察觉。那么这本书的话主要沟通有四个要素，观察，感受，需要，请
        

        • 

      • python入门之控制结构-循环结构_python入门之流程控制
weixin_39770592

        流程控制就是控制程序执行的流程。流程控制分三种结构：顺序结构（程序从上往下执行最后结束）；分支结构（通过if判断）；循环结构（for循环、while循环）分支结构分支结构：通过判断条件的真假，选择执行不同的子代码块。实现方式：通过if语句if语法完整定义if条件1：代码块1elif条件2：代码块2elif条件3：代码块3else:代码块4#代码块指的是相同缩进的一堆代码。python通过缩进4个字
        

        • 

      • 9-Python3从入门到实战—基础之条件控制语句
weixin_33736649
pythonjava移动开发

        Python从入门到实战系列——目录条件判断if条件判断if语句语法if:elif:elif:else:每个条件后面要使用冒号（:），表示接下来是满足条件后要执行的语句块;使用缩进来划分语句块，相同缩进数的语句在一起组成一个语句块;在Python中没有switch–case语句;num=5ifnum==0:print('num=0')elifnum>0:print('num是一个正数')else:
        

        • 

      • 精进打卡284天
谢逢春亚克力

        深圳天塑智能科技有限公司【口号】:天道酬勤，高雅精致【经营理念】：实现员工梦想，做幸福企业【愿景】：做亚克力道具的引领者【使命】：简约收纳空间、点缀生活之美【价值观】：感恩、责任、创新、精致【谢逢春日精进微信分享第284天，今天2020-3-12日】【知～学习】:《大学》《六项精进》《志工十二条》【行~实践】一.修身：二.齐家：三.建功：四.｛今日分享｝产品是做出来的，但更是设计出来的，所以做个产
        

        • 

      • NoSQL之REDIS配置与优化
m0_73868728
nosqlredis数据库

        一、Redis简介Redis（RemoteDictionaryServer）是一个开源的、使用C语言编写的NoSQL数据库，它基于内存运行并支持持久化，采用key-value的存储形式。Redis因其高性能、丰富的数据类型支持和原子性操作而广泛应用于缓存、实时分析系统、排行榜等多种场景。二、Redis的安装1.使用包管理器安装对于大多数Linux发行版，可以使用包管理器直接安装Redis。例如，在
        

        • 

      • 正能量
草原野狼战队

        2019年11月1日星期五晴亲子日记2014级7班马驰翔爸爸690古人讲：“与善人居，如入芝兰之室，久而不闻其香，即与之化矣；与不善人居，如入鲍鱼之肆，久而不闻其臭，亦与之化矣。”人是环境的产物，选择与什么样的人为伍，深刻影响着自己的人生。选择与正能量的人在一起，真的很重要。人与人之间有着能量的磁场，和正能量的人交往，能被他的积极向上所感染，心情也会变得阳光开朗，对生活充满信心。与负能量的人交往，
        

        • 

      • notepad++软件介绍（含安装包）
LQS2020
notepad++

        Notepad++是一款开源的文本编辑器，主要用于编程和代码编辑。它是一个功能强大的替代品，常常被用来替代Windows系统自带的记事本。Notepad++win系统免费下载地址以下是Notepad++的一些主要特点和功能：多语言支持：Notepad++支持多种编程语言，包括Python、JavaScript、HTML、CSS、C++、Java等。它能够根据文件类型自动高亮显示语法，使代码更加易读
        

        • 

      • 关于旗正规则引擎中的MD5加密问题
何必如此
jspMD5规则加密

        一般情况下，为了防止个人隐私的泄露，我们都会对用户登录密码进行加密，使数据库相应字段保存的是加密后的字符串，而非原始密码。
在旗正规则引擎中，通过外部调用，可以实现MD5的加密，具体步骤如下：
1.在对象库中选择外部调用，选择“com.flagleader.util.MD5”，在子选项中选择“com.flagleader.util.MD5.getMD5ofStr({arg1})”；
2.在规
        

        • 

      • 【Spark101】Scala Promise/Future在Spark中的应用
bit1129
Promise

        Promise和Future是Scala用于异步调用并实现结果汇集的并发原语，Scala的Future同JUC里面的Future接口含义相同，Promise理解起来就有些绕。等有时间了再仔细的研究下Promise和Future的语义以及应用场景，具体参见Scala在线文档：http://docs.scala-lang.org/sips/completed/futures-promises.html
        

        • 

      • spark sql 访问hive数据的配置详解
daizj
spark sqlhivethriftserver

        spark sql 能够通过thriftserver 访问hive数据，默认spark编译的版本是不支持访问hive，因为hive依赖比较多，因此打的包中不包含hive和thriftserver,因此需要自己下载源码进行编译，将hive，thriftserver打包进去才能够访问，详细配置步骤如下：
 
1、下载源码
 
2、下载Maven,并配置
此配置简单，就略过
        

        • 

      • HTTP 协议通信
周凡杨
javahttpclienthttp通信

         
                     
一：简介
 HTTPCLIENT，通过JAVA基于HTTP协议进行点与点间的通信！
 
 
二： 代码举例
 
   测试类：
import java
        

        • 

      • java unix时间戳转换
g21121
java

        把java时间戳转换成unix时间戳：
Timestamp appointTime=Timestamp.valueOf(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date()))
SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd hh:m
        

        • 

      • web报表工具FineReport常用函数的用法总结（报表函数）
老A不折腾
web报表finereport总结

        说明：本次总结中，凡是以tableName或viewName作为参数因子的。函数在调用的时候均按照先从私有数据源中查找，然后再从公有数据源中查找的顺序。
 
CLASS
CLASS(object):返回object对象的所属的类。
 
CNMONEY
CNMONEY(number,unit)返回人民币大写。
number:需要转换的数值型的数。
unit:单位，
        

        • 

      • java jni调用c++ 代码 报错
墙头上一根草
javaC++jni

        #
# A fatal error has been detected by the Java Runtime Environment:
#
#  EXCEPTION_ACCESS_VIOLATION (0xc0000005) at pc=0x00000000777c3290, pid=5632, tid=6656
#
# JRE version: Java(TM) SE Ru
        

        • 

      • Spring中事件处理de小技巧
aijuans
springSpring 教程Spring 实例Spring 入门Spring3

        Spring 中提供一些Aware相关de接口，BeanFactoryAware、 ApplicationContextAware、ResourceLoaderAware、ServletContextAware等等，其中最常用到de匙ApplicationContextAware.实现ApplicationContextAwaredeBean，在Bean被初始后，将会被注入 Applicati
        

        • 

      • linux shell ls脚本样例
annan211
linuxlinux ls源码linux 源码

        
#! /bin/sh -
#查找输入文件的路径
#在查找路径下寻找一个或多个原始文件或文件模式
# 查找路径由特定的环境变量所定义
#标准输出所产生的结果 通常是查找路径下找到的每个文件的第一个实体的完整路径
# 或是filename :not found 的标准错误输出。
#如果文件没有找到 则退出码为0
#否则 即为找不到的文件个数
#语法 pathfind [--
        

        • 

      • List,Set,Map遍历方式 (收集的资源,值得看一下)
百合不是茶
listsetMap遍历方式

        List特点：元素有放入顺序，元素可重复
Map特点：元素按键值对存储，无放入顺序
Set特点：元素无放入顺序，元素不可重复（注意：元素虽然无放入顺序，但是元素在set中的位置是有该元素的HashCode决定的，其位置其实是固定的）
List接口有三个实现类：LinkedList，ArrayList，Vector
LinkedList：底层基于链表实现，链表内存是散乱的，每一个元素存储本身
        

        • 

      • 解决SimpleDateFormat的线程不安全问题的方法
bijian1013
javathread线程安全

        在Java项目中，我们通常会自己写一个DateUtil类，处理日期和字符串的转换，如下所示：
public class DateUtil01 {
private SimpleDateFormat dateformat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
public void format(Date d
        

        • 

      • http请求测试实例（采用fastjson解析）
bijian1013
http测试

                在实际开发中，我们经常会去做http请求的开发，下面则是如何请求的单元测试小实例，仅供参考。
import java.util.HashMap;
import java.util.Map;
import org.apache.commons.httpclient.HttpClient;
import 
        

        • 

      • 【RPC框架Hessian三】Hessian 异常处理
bit1129
hessian

        RPC异常处理概述  
RPC异常处理指是，当客户端调用远端的服务，如果服务执行过程中发生异常，这个异常能否序列到客户端？
 
如果服务在执行过程中可能发生异常，那么在服务接口的声明中，就该声明该接口可能抛出的异常。
 
在Hessian中，服务器端发生异常，可以将异常信息从服务器端序列化到客户端，因为Exception本身是实现了Serializable的
        

        • 

      • 【日志分析】日志分析工具
bit1129
日志分析

        1. 网站日志实时分析工具 GoAccess
http://www.vpsee.com/2014/02/a-real-time-web-log-analyzer-goaccess/
2. 通过日志监控并收集 Java 应用程序性能数据(Perf4J)
http://www.ibm.com/developerworks/cn/java/j-lo-logforperf/
3.log.io
和
        

        • 

      • nginx优化加强战斗力及遇到的坑解决
ronin47
nginx 优化

        　　　先说遇到个坑，第一个是负载问题，这个问题与架构有关，由于我设计架构多了两层，结果导致会话负载只转向一个。解决这样的问题思路有两个：一是改变负载策略，二是更改架构设计。
　　　由于采用动静分离部署，而nginx又设计了静态，结果客户端去读nginx静态，访问量上来，页面加载很慢。解决：二者留其一。最好是保留apache服务器。
 
　　　来以下优化：
 
　　　 
        

        • 

      • java-50-输入两棵二叉树A和B，判断树B是不是A的子结构
bylijinnan
java

        思路来自：
http://zhedahht.blog.163.com/blog/static/25411174201011445550396/
import ljn.help.*;
public class HasSubtree {
/**Q50.
* 输入两棵二叉树A和B，判断树B是不是A的子结构。
例如，下图中的两棵树A和B，由于A中有一部分子树的结构和B是一
        

        • 

      • mongoDB 备份与恢复
开窍的石头
mongDB备份与恢复

        Mongodb导出与导入
1: 导入/导出可以操作的是本地的mongodb服务器,也可以是远程的.
所以,都有如下通用选项:
-h host   主机
--port port    端口
-u username 用户名
-p passwd   密码
2: mongoexport 导出json格式的文件 
        

        • 

      • [网络与通讯]椭圆轨道计算的一些问题
comsci
网络

        
     如果按照中国古代农历的历法，现在应该是某个季节的开始，但是由于农历历法是3000年前的天文观测数据，如果按照现在的天文学记录来进行修正的话，这个季节已经过去一段时间了。。。。。
      也就是说，还要再等3000年。才有机会了，太阳系的行星的椭圆轨道受到外来天体的干扰，轨道次序发生了变
        

        • 

      • 软件专利如何申请
cuiyadll
软件专利申请

        软件技术可以申请软件著作权以保护软件源代码，也可以申请发明专利以保护软件流程中的步骤执行方式。专利保护的是软件解决问题的思想，而软件著作权保护的是软件代码（即软件思想的表达形式）。例如，离线传送文件，那发明专利保护是如何实现离线传送文件。基于相同的软件思想，但实现离线传送的程序代码有千千万万种，每种代码都可以享有各自的软件著作权。申请一个软件发明专利的代理费大概需要5000-8000申请发明专利可
        

        • 

      • Android学习笔记
darrenzhu
android

        1.启动一个AVD
2.命令行运行adb shell可连接到AVD,这也就是命令行客户端
3.如何启动一个程序
  am start -n package name/.activityName
  am start -n com.example.helloworld/.MainActivity
启动Android设置工具的命令如下所示：
# am start -
        

        • 

      • apache虚拟机配置，本地多域名访问本地网站
dcj3sjt126com
apache

        现在假定你有两个目录，一个存在于 /htdocs/a，另一个存在于 /htdocs/b 。
现在你想要在本地测试的时候访问 www.freeman.com 对应的目录是 /xampp/htdocs/freeman ,访问 www.duchengjiu.com 对应的目录是 /htdocs/duchengjiu。
1、首先修改C盘WINDOWS\system32\drivers\etc目录下的 
        

        • 

      • yii2 restful web服务[速率限制]
dcj3sjt126com
PHPyii2

        速率限制
为防止滥用，你应该考虑增加速率限制到您的API。 例如，您可以限制每个用户的API的使用是在10分钟内最多100次的API调用。 如果一个用户同一个时间段内太多的请求被接收， 将返回响应状态代码 429 (这意味着过多的请求)。
要启用速率限制, [[yii\web\User::identityClass|user identity class]] 应该实现 [[yii\filter
        

        • 

      • Hadoop2.5.2安装——单机模式
eksliang
hadoophadoop单机部署

        转载请出自出处：http://eksliang.iteye.com/blog/2185414 一、概述
       Hadoop有三种模式 单机模式、伪分布模式和完全分布模式，这里先简单介绍单机模式 ，默认情况下，Hadoop被配置成一个非分布式模式，独立运行JAVA进程，适合开始做调试工作。
  二、下载地址
Hadoop 网址http:
        

        • 

      • LoadMoreListView+SwipeRefreshLayout（分页下拉）基本结构
gundumw100
android

        一切为了快速迭代
import java.util.ArrayList;
import org.json.JSONObject;
import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.support.v4.widget.SwipeRefreshLayo
        

        • 

      • 三道简单的前端HTML/CSS题目
ini
htmlWeb前端css题目

        使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（ ）。http://hovertree.com/shortanswer/bjae/7bd72acca3206862.htm
 
在HTML中加入<table style=”color:red; font-size:10pt”>，此为（ ）。http://hovertree.com/s
        

        • 

      • overrided方法编译错误
kane_xie
override

        
问题描述：
在实现类中的某一或某几个Override方法发生编译错误如下：
Name clash: The method put(String) of type XXXServiceImpl has the same erasure as put(String) of type XXXService but does not override it
 
当去掉@Over
        

        • 

      • Java中使用代理IP获取网址内容（防IP被封，做数据爬虫）
mcj8089
免费代理IP代理IP数据爬虫JAVA设置代理IP爬虫封IP

        推荐两个代理IP网站：
 
1. 全网代理IP：http://proxy.goubanjia.com/
 
2. 敲代码免费IP：http://ip.qiaodm.com/
 
Java语言有两种方式使用代理IP访问网址并获取内容，
 
方式一，设置System系统属性
 
// 设置代理IP
System.getProper
        

        • 

      • Nodejs Express 报错之 listen EADDRINUSE
qiaolevip
每天进步一点点学习永无止境nodejs纵观千象

        当你启动 nodejs服务报错：
>node app
Express server listening on port 80
events.js:85
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE
at exports._errnoException (
        

        • 

      • C++中三种new的用法
_荆棘鸟_
C++new

        转载自：http://news.ccidnet.com/art/32855/20100713/2114025_1.html
作者: mt
其一是new operator，也叫new表达式；其二是operator new，也叫new操作符。这两个英文名称起的也太绝了，很容易搞混，那就记中文名称吧。new表达式比较常见，也最常用，例如：
string* ps = new string("
        

        • 

      • Ruby深入研究笔记1
wudixiaotie
Ruby

        module是可以定义private方法的
module MTest
def aaa
puts "aaa"
private_method
end
private
def private_method
puts "this is private_method"
end
end

        

        •