阿饼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)
      
        
      
            
      
                
        
                    
      • swagger访问路径
                        igotyback
swagger
                        
        Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
        
                    
        • 
                    
      • 扫地机类清洁产品之直流无刷电机控制
                        悟空胆好小
清洁服务机器人单片机人工智能
                        
        扫地机类清洁产品之直流无刷电机控制1.1前言扫地机产品有很多的电机控制，滚刷电机1个，边刷电机1-2个，清水泵电机，风机一个，部分中高端产品支持抹布功能，也就是存在抹布盘电机，还有追觅科沃斯石头等边刷抬升电机，滚刷抬升电机等的，这些电机有直流有刷电机，直接无刷电机，步进电机，电磁阀，挪动泵等不同类型。电机的原理，驱动控制方式也不行。接下来一段时间的几个文章会作个专题分析分享。直流有刷电机会自动持续
        
                    
        • 
                    
      • html 中如何使用 uniapp 的部分方法
                        某公司摸鱼前端
htmluni-app前端
                        
        示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
        
                    
        • 
                    
      • 2018-07-23-催眠日作业-#不一样的31天#-66小鹿
                        小鹿_33

                        
        预言日：人总是在逃避命运的路上，与之不期而遇。心理学上有个著名的名词，叫做自证预言；经济学上也有一个很著名的定律叫做，墨菲定律；在灵修派上，还有一个很著名的法则，叫做吸引力法则。这3个领域的词，虽然看起来不太一样，但是他们都在告诉人们一个现象：你越担心什么，就越有可能会发生什么。同样的道理，你越想得到什么，就应该要积极地去创造什么。无论是自证预言，墨菲定律还是吸引力法则，对人都有正反2个维度的影响
        
                    
        • 
                    
      • 《大清方方案》| 第二话
                        谁佐清欢

                        
        和珅究竟说了些什么？竟能令堂堂九五之尊龙颜失色！此处暂且按下不表；单说这位乾隆皇帝，果真不愧是康熙从小带过的，一旦决定了要做的事，便杀伐决断毫不含糊。他当即亲自拟旨，着令和珅为钦差大臣，全权负责处理方方事件，并钦赐尚方宝剑，遇急则三品以下官员可先斩后奏。和珅身负皇上重托，岂敢有半点怠慢，当夜即率领相关人等，马不停蹄杀奔江汉。这一路上，和珅的几位幕僚一直在商讨方方事件的处置方案。有位年轻幕僚建议快刀
        
                    
        • 
                    
      • 《庄子.达生9》
                        钱江潮369

                        
        【原文】孔子观于吕梁，县水三十仞，流沫四十里，鼋鼍鱼鳖之所不能游也。见一丈夫游之，以为有苦而欲死也，使弟子并流而拯之。数百步而出，被发行歌而游于塘下。孔子从而问焉，曰：“吾以子为鬼，察子则人也。请问，‘蹈水有道乎’”曰：“亡，吾无道。吾始乎故，长乎性，成乎命。与齐俱入，与汩偕出，从水之道而不为私焉。此吾所以蹈之也。”孔子曰：“何谓始乎故，长乎性，成乎命？”曰：“吾生于陵而安于陵，故也；长于水而安于
        
                    
        • 
                    
      • 四章-32-点要素的聚合
                        彩云飘过

                        
        本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
        
                    
        • 
                    
      • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
                        STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
                        
        ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
        
                    
        • 
                    
      • 高端密码学院笔记285
                        柚子_b4b4

                        
        高端幸福密码学院（高级班）幸福使者：李华第（598）期《幸福》之回归内在深层生命原动力基础篇——揭秘“激励”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:成功=艰苦劳动+正确方法+少说空话。贪图省力的船夫，目标永远下游。智者的梦再美，也不如愚人实干的脚印。幸福早课堂2020.10.16星期五一笔记:1，重视和珍惜的前提是知道它的价值非常重要，当你珍惜了，你就真正定下来，真正的学到身上。2，大家需要
        
                    
        • 
                    
      • 2020-04-12每天三百字之连接与替代
                        冷眼看潮

                        
        不知道是不是好为人师，有时候还真想和别人分享一下我对某些现象的看法或者解释。人类社会不断发展进步的过程，就是不断连接与替代的过程。人类发现了火并应用火以后，告别了茹毛饮血的野兽般的原始生活（火烧、烹饪替代了生食）人类用石器代替了完全手工，工具的使用使人类进步一大步。类似这样的替代还有很多，随着科技的发展，有更多的原始的事物被替代，代之以更高效、更先进的技术。在近现代，汽车替代了马车，高速公路和铁路
        
                    
        • 
                    
      • 东南林氏之九牧林候选父系
                        祖缘树TheYtree

                        
        渊源介绍东晋初年晋安林始祖林禄公入闽，传十世隋右丞林茂，由晋安迁居莆田北螺村。又五世而至林万宠，唐开元间任高平太守，生三子：韬、披、昌。韬公之孙攒，唐德宗立双阙以旌表其孝，时号"阙下林家"。昌公字茂吉，乃万宠公第三子，官兵部司马，配宋氏，生一子名萍。萍于唐贞元间明经及第，官沣洲司马(后追赠中宪大夫)。唐太和年间归隐后，迁居仙游游洋，世称“游洋林”；其后裔居游洋后迁移漳州漳浦路下，由路下林第四房平和
        
                    
        • 
                    
      • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                        二挡起步
web前端期末大作业javascripthtmlcss旅游风景
                        
        ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
        
                    
        • 
                    
      • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                        二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                        
        Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
        
                    
        • 
                    
      • 大伟说成语之唉声叹气
                        求索大伟

                        
        ＊大伟说成语＊【唉声叹气】叹气：因心里不痛快或不如意而吐出长气，发出声音。因为痛苦、憋闷或感伤而发出叹息的声音。【大伟说】情绪外露，非人类所特有，动物亦有情绪，悲哀和欢乐所表示的情绪亦是不一样的，会嗷嗷大叫也会低吟痛哭。不同的是，人类的情绪更复杂，更多样，更丰富。唉声叹气，可以说是最基础的情绪，因为无奈而举足无措，不知该如何如何化解，只有独自一人慢慢承受，长吁短叹不知如何是好，其实是无能无力的表现
        
                    
        • 
                    
      • libyuv之linux编译
                        jaronho
Linuxlinux运维服务器
                        
        文章目录一、下载源码二、编译源码三、注意事项1、银河麒麟系统（aarch64）（1）解决armv8-a+dotprod+i8mm指令集支持问题（2）解决armv9-a+sve2指令集支持问题一、下载源码到GitHub网站下载https://github.com/lemenkov/libyuv源码，或者用直接用git克隆到本地，如：gitclonehttps://github.com/lemenko
        
                    
        • 
                    
      • 怎么做淘客赚钱(2022最新免费淘客盈利的方法)
                        高省_飞智666600

                        
        很多人都不知道什么是淘宝客，今天小编为大家解答一下吧。淘宝客，现在简称淘客，是时下比较流行的一个词语，特质为淘宝店推广商品获取提成的人，这些人没有自己的产品，只是在淘宝里面选择适合自己的产品，在自己比较熟悉的领域推广，把产品卖出去之后，会从淘宝店家那里获得百分之五到百分之五十左右的佣金。淘宝客付出的是什么呢？时间。你需要花时间去选适合自己推广的产品，需要花时间去选自己的推广方法，如果你打算自己做个
        
                    
        • 
                    
      • Python爬虫解析工具之xpath使用详解
                        eqa11
python爬虫开发语言
                        
        文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门
        
                    
        • 
                    
      • 锁之缘
                        尘缘诗词原创作品

                        
        是谁追寻梦的足迹，是谁在偷偷的哭泣，日月隔离在黑白天地情感在心中蔓延的痕迹天与地的距离有多远流失的星晨落入哪片空间不要让泪水模糊双眼心牢中一样充满温暖谁说爱情没有永远白娘子又为何爱许仙蝴蝶墓地展翅翩翩轻歌慢舞袖卷人间传奇千古留爱万年…………月落星飞徘徊是选择不去问自已为合舍不得寂寞本就是痛苦的不在追寻梦中的痕迹才不会失去真实的自已
        
                    
        • 
                    
      • ARM驱动学习之基础小知识
                        JT灬新一
ARM嵌入式arm开发学习
                        
        ARM驱动学习之基础小知识•sch原理图工程师工作内容–方案–元器件选型–采购（能不能买到，价格）–原理图（涉及到稳定性）•layout画板工程师–layout（封装、布局，布线，log）（涉及到稳定性）–焊接的一部分工作（调试阶段板子的焊接）•驱动工程师–驱动，原理图，layout三部分的交集容易发生矛盾•PCB研发流程介绍–方案，原理图(网表)–layout工程师（gerber文件）–PCB板
        
                    
        • 
                    
      • ARM驱动学习之5 LEDS驱动
                        JT灬新一
嵌入式C底层arm开发学习单片机
                        
        ARM驱动学习之5LEDS驱动知识点：•linuxGPIO申请函数和赋值函数–gpio_request–gpio_set_value•三星平台配置GPIO函数–s3c_gpio_cfgpin•GPIO配置输出模式的宏变量–S3C_GPIO_OUTPUT注意点：DRIVER_NAME和DEVICE_NAME匹配。实现步骤：1.加入需要的头文件：//Linux平台的gpio头文件#include//三
        
                    
        • 
                    
      • ARM驱动学习之4小结
                        JT灬新一
嵌入式C++arm开发学习linux
                        
        ARM驱动学习之4小结#include#include#include#include#include#defineDEVICE_NAME"hello_ctl123"MODULE_LICENSE("DualBSD/GPL");MODULE_AUTHOR("TOPEET");staticlonghello_ioctl(structfile*file,unsignedintcmd,unsignedlo
        
                    
        • 
                    
      • C++ | Leetcode C++题解之第409题最长回文串
                        Ddddddd_158
经验分享C++Leetcode题解
                        
        题目：题解：classSolution{public:intlongestPalindrome(strings){unordered_mapcount;intans=0;for(charc:s)++count[c];for(autop:count){intv=p.second;ans+=v/2*2;if(v%2==1andans%2==0)++ans;}returnans;}};
        
                    
        • 
                    
      • 2020-12-24
                        我和我的天使们

                        
        阅读《老子的心事》391—403“将欲取之，必固与之”：想要得到什么，首先就要送出什么。我常常对孩子们说，你希望别人怎样对你你就怎样对待别人。想要得到别人的尊重，首先要尊重别人。我希望她们可以不迟到，因为不迟到是对别人的尊重，我就自己就先做到不迟到。哪怕是约朋友逛街，我尽量准时赴约。我严格要求孩子们，也同样严格要求自己，我跟孩子们一起把好的品格变成习惯。“是谓微明”：这就是微妙的智慧。看起来很少很
        
                    
        • 
                    
      • 18、架构-可观测性之聚合度量
                        大树~~
架构javapython后端架构
                        
        聚合度量聚合度量是指对系统运行时产生的各种指标数据进行收集、聚合和分析，以了解系统的健康状况和性能表现。聚合度量是可观测性的关键组成部分，通过对度量数据的分析，可以及时发现系统中的异常和瓶颈。以下是对聚合度量各个方面的详细解析，并结合具体的数据案例和技术支撑。指标收集收集系统运行时产生的各种指标数据是聚合度量的基础。常见的指标包括CPU使用率、内存使用率、请求处理时间、请求数、错误率等。以下是指标
        
                    
        • 
                    
      • 学习“论语”-第59天
                        春峰轩

                        
        12.14子张问政。子曰：“居之无倦，行之以忠。”子张问为政之道。孔子说：“在位尽职不懈怠，执行政令要忠诚。”12.15子曰：“博学于文，约之以礼，亦可以弗畔矣夫！”孔子说：“君子广泛地学习文献，并且用礼节约束自己，也就不会离经叛道了。”12.16子曰：“君子成人之美，不成人之恶。小人反是。”孔子说：“君子成全别人的好事，而不助长别人的坏处。小人则与此相反行事。”知识点:“成人之美，不成人之恶”贯
        
                    
        • 
                    
      • 2021-11-15
                        宙火

                        
        我给宋小姐写了首诗，是我在课上因思恋宋小姐而写的。“自古多情是唐宋，从来双飞归巢燕。邻家小女相聘婷，常使春意荡漾我。不知单思可为爱，惟愿一心付之汝。”我拿给宋小姐看了，她说我写得很棒。我很开心，但又不是那么开心。宋小姐是回复我了，但也只是说我写得很棒，对我诗句中蕴藏的真切感情，不知道是真的没发现，还是装作没发现。但我不深究，只是这样，我就很开心了。我答应宋小姐，一天给她写一首诗。
        
                    
        • 
                    
      • 《我的青葱岁月之缘来是你》 第二章 迎新晚会
                        思源思缘思怨

                        
        “怎么你也来了这里？”我愉快的问到，想着这是上天给的缘分吗？我还没去找他竟然就相遇了。那个让我开心的老乡。“你好，我也是舞蹈社的新人啊！”他说，笑起来回答我，眼睛弯弯的。“这么巧，我叫吴倩，你叫啥？”“我叫韩欢，你也是B市人吧，c中毕业的？”“我不是，我是f中的，不然肯定会认识你的”“是吗？以后多多关照了”他还冲我眨了眨眼睛。内心一阵悸动，这是……回到寝室，我兴奋的告诉我的室友这个事情，我再次觉得
        
                    
        • 
                    
      • 数据结构之哈希表
                        X同学的开始
数据结构数据结构散列表
                        
        哈希表(散列表)出现的原因在顺序表中查找时，需要从表头开始，依次遍历比较a[i]与key的值是否相等，直到相等才返回索引i；在有序表中查找时，我们经常使用的是二分查找，通过比较key与a[i]的大小来折半查找，直到相等时才返回索引i。最终通过索引找到我们要找的元素。但是，这两种方法的效率都依赖于查找中比较的次数。我们有一种想法，能不能不经过比较，而是直接通过关键字key一次得到所要的结果呢？这时，
        
                    
        • 
                    
      • 厦门自由行之第一天:
                        大苏子在广漂

                        
        厦门三人行之杂记出发前一天:12️28日下午15:00从广州粗发，来深圳集合！但是中间发生一个小插曲，验票时候发现车票不见了，或许也是一场恶作剧，对于不排队的人，忍不住说了一下，接下来就发现车票不见了，已经是拿在手上！不过还好，可以凭借购票订单查看到信息，所以有惊无险，顺利进站！晚上三个人一起去吃了柠檬鱼，说实话，那会，感觉美吃饱，啊哈哈！晚上回来，两个人又开始彻夜长谈，发现身边优秀的人，一大把，
        
                    
        • 
                    
      • “这才好”麻辣香锅 能够增加人身体的免疫能力
                        小补文知

                        
        我就来介绍一种香锅，那就是“这才好”麻辣香锅，它产出于著名的蜀地文化，具有悠久的历史土家风味，麻辣鲜香，健康安全。采用传统秘制麻辣香锅油辣子，还有贴心加料“孜然包”满足人们的不同口味需求，香锅底料辣椒，微辣且香，含有丰富微量元素和维生素，具有辣而不躁，味道纯正，醇厚温和。花椒采用历史悠久，被列为宫廷供品的“贡椒”的汉源花椒。我们还挑选了“川菜之魂”郫县豆瓣的鼻祖品牌豆瓣，保留最原始的郫县豆瓣味道，
        
                    
        • 
                                
      • 关于旗正规则引擎中的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


        
                                
        •