一只努力学习web前端的菜鱼

Web前端开发学习笔记 - Day01

Day01学习笔记

1. 认识网页

网页是如何形成的？
网页学名为HTML文件，主要由文字、图像和超链接构成，还可以包含音频、视频以及动画等。
所见的网页由：前端代码 → 浏览器内核渲染 → 用户页面

2. 常用浏览器内核

浏览器是网页显示、运行的平台，常用的五大浏览器：IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera。
Windows 10的浏览器有两款，除了IE还有一个Microsoft Edge。

2.1 浏览器内核

英文名：Rendering Engine
浏览器内核可以分为两部分：渲染引擎（layout engineer 或者 Rendering Engine）和 JS 引擎。
渲染引擎：它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或者打印机。注意：浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
JS引擎：用于解析Javascript语言，执行Javascript语言来实现网页的动态效果。

常用的浏览器内核分为四种：Trident、Gecko、Blink、Webkit。

1. Trident（IE内核）
	IE、猎豹安全、360极速浏览器、百度浏览器
2. Gecko（Firefox内核）
	逐渐没落，打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。
3. Webkit（Safari内核
	谷歌已经不再用Webkit内核，这个内核是苹果的。苹果已经哭晕在厕所了。
4. Chromium/Blink（Chrome内核）
	Blink为Webkit内核的分支。大部分国产浏览器都采用谷歌的Blink内核。
5. Presto（Opera内核）已经废弃
	Opera浏览器现在用Blink内核。
6. EdgeHTML（Microsoft Edge内核）
	微软Win10自带浏览器内核

2.2 移动端浏览器内核

移动端的浏览器内核主要用的是系统内置浏览器的。
Android手机使用最多的是Webkit内核，国内大部分浏览器的内核基本都属于Webkit二次开发。
IOS以及WP7平台上，系统大部分自带浏览器内核，一般是Safari的Webkit内核或者IE的内核Trident。

☆☆我可以☆☆

熟记对浏览器内核的理解，以及熟记常用的浏览器及对应的内核是什么？

浏览器内核包括两部分，渲染引擎和JS引擎。
渲染引擎负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
JS引擎是解析执行JS代码获取网页的动态效果。
因为现在JS引擎越来越独立，内核倾向于指渲染引擎。
~
IE：Trident内核
Firefox：Gecko内核
Chrome、Safari：Webkit内核
Chrome：Blink内核
Opera：Presto内核、Blink内核（最新版本使用）
Microsoft Edge：EdgeHTML内核

3. Web 标准（重点）

Web标准是由W3C组织和其他标准化组织指定的一系列标准的集合
W3C万维网联盟是国际最著名的标准化组织，1994年成立。

4. Web 标准的好处

让Web的发展前景更广阔
内容能被更广泛的设备访问
更容易被搜寻引擎搜索
降低网站流量费用
使网站更易于维护
提高页面浏览速度

5. Web 标准构成

Web标准不是一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。
W3C万维网联盟组织，制定Web标准的机构。
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

结构标准：结构用于对网页元素进行整理和分类，主要是HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要是CSS。
行为标准：行为是指网页模型的定义及交互的编写，主要包括对象模型（DOM）、ECMAScript等，让网页富有生命力和动态。

Web标准总结

结构标准：决定你是否有个天然好身体
表现标准：决定你是否打扮的美丽外观
行为标准：决定你是否有吸引人的行为

☆☆我可以☆☆

能说出网页中Web标准三层的组成，以及能结合人来表述Web标准三层。

Web标准的三层：结构（Structure）、表现（Presentation）和行为（Behavior）
结构标准：决定你是否有个天然好身体
表现标准：决定你是否打扮的美丽外观
行为标准：决定你是否有吸引人的行为

6. HTML简介

HTML的全称为超文本标记语言（Hyper Text Markup Language）
所谓超文本，是因为它可以加入图片、声音、动画、多媒体等内容，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (Markup Language)
标记语言是一套标记标签 (Markup Tag)

总结

网页是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析，就可以显示给用户了。简而言之，HTML语法是用来描述文档内容的。

☆☆我可以☆☆

1. 什么是XHTML？

XHTML是更严格更纯净的 HTML 代码。

2. HTML和XHTML之间的区别？

XHTML 指的是可扩展超文本标记语言
XHTML 与 HTML 4.01 几乎是相同的
XHTML 是更严格更纯净的 HTML 版本
XHTML 是以 XML 应用的方式定义的 HTML
XHTML 是 2001 年 1 月发布的 W3C 推荐标准
XHTML 得到所有主流浏览器的支持
XHTML 元素是以 XML 格式编写的 HTML 元素。XHTML是严格版本的HTML，例如它要求标签必须小写，标签必须被正确关闭，标签顺序必须正确排列，对于属性都必须使用双引号等。

6.1 HTML文档结构

组成文档结构的元素只有4个，文档扩展名为 .html。



	
		
		网站标题
	
	
		页面内容

文档结构说明

文档类型和版本的声明（HTML5版本号可以省略）。
元素提供了关于这篇文档的信息。
</code>定义页面标题。</li> <li><code><body></code>定义文档的主体，用户所看到的内容。</li> <li><code>charset="UTF-8"</code>字符集 <ul> <li>utf-8是目前最常用的字符集编码方式。俗称万国码。包含全世界所有国家需要用到的字符。</li> <li>gb2312 简单中文，包括6763个汉字。</li> <li>BIG5 繁体中文，港澳台等用。</li> <li>GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312。</li> </ul> </li> <li>lang：HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。 <ul> <li>根据 W3C 推荐标准，应该通过<code><html></code>标签中的 lang 属性对每张页面中的主要语言进行声明。</li> </ul> </li> </ul> <h3>6.2 HTML元素</h3> <ul> <li><strong>开始标签（Opening tag）：</strong> 开始标签有标签名和尖括号组成。</li> <li><strong>闭合标签（Closing tag）：</strong> 闭合标签在标签名之前多了一个斜线（/）。</li> <li><strong>内容（Content）：</strong> 元素的内容。</li> <li><strong>元素（Element）：</strong> 由开始标签、闭合标签以及标签之间的内容组成。</li> </ul> <p>当然，有一些元素是单标签，通常用于在页面中插入一些东西。</p> <h3>6.3 HTML属性</h3> <p>元素可以用属性进行配置。属性由属性名和属性值组成：</p> <ul> <li>属性总是写在开始标签中。</li> <li>属性名和元素名之间要有一个空格。</li> <li>属性名后面要跟一个等号（=）。</li> <li>属性值使用双引号或单引号括起来。如果属性值本身含有引号，那两种引号都要用到。</li> <li>一个元素可以有多个属性，这些属性之间以空格分隔。</li> </ul> <h3>6.4 HTML标签分类</h3> <ol> <li>双标签<br> <code><标签名> 内容 </标签名></code></li> <li>单标签<br> <code><标签名 /></code></li> </ol> <h3>6.5 HTML 空元素</h3> <p>没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 例如：<code><br /></code>换行。</p> <h3>6.6 HTML 标签关系</h3> <ol> <li>嵌套关系</li> </ol> <pre><code><head> <title>
1. 并列关系
7. HTML 标签的语义化

所谓标签语义化，就是指标签的含义。

根据标签的语义，在合适的地方给一个最为合理的标签，让结构更清晰。

7.1 为什么要有语义化标签
1. 方便代码的阅读和维护
2. 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
3. 使用语义化标签会具有更好地搜索引擎优化
- 核心：合适的地方给一个最为合理的标签。
- 语义是否良好：当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性。
- 一眼看去，就知道那个是重点，结构是什么，知道每块的内容是干啥的。
  遵循的原则：先确定语义的HTML ，再选合适的CSS。
8. HTML常用标签

8.1 排版标签

排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。

8.1.1 标题标签

单词缩写： head 头部. 标题 title 文档标题
```
 一级标题
 二级标题
 三级标题
 四级标题
 五级标题
 六级标题
```
注意： h1 标签因为重要，尽量少用，不要动不动就向你扔了一个h1。一般h1 都是给logo使用，或者页面中最重要标题信息。

8.1.2 段落标签

单词缩写： paragraph 段落 [ˈpærəgræf]
```
  文本内容  
```
是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

8.1.3 水平线标签

单词缩写： horizontal 横线 [ˌhɔrəˈzɑntl]
创建横跨网页水平线的标签
```
是单标签
```
8.1.4 换行标签

单词缩写： break 打断 ,换行
```
强制换行
```
8.1.5 div以及span标签

div 和 span 没有语义，主要用于网页布局。
```
 这是div 
    这是span
```
排版标签总结

标题标签： 作为标题使用，并且依据重要性递减
段落标签：
可以把HTML文档分隔为若干段落
水平线标签： 页面出现一条水平线
换行标签： 强制换行
div标签： 用来布局，作为容器，一行一个
span标签： 用来布局，作为容器，一行可以多个

8.2 文本格式化标签

加粗标签： 和
斜体标签： 和
删除线标签： 和
下划线标签： 和
b、 i 、s、 u 只有使用没有强调的意思 strong、em 、del 、ins 语义更强烈

8.3 图像标签 img

单词缩写： image 图像
必要属性：
- src：该属性指定图片文件所在的位置，可以是相对路径，也可以是绝对路径。
- alt：该属性指定一段文本，用来作为该图片的提示信息。
可选属性：
- height：指定图片的高度，属性值可以是百分比，也可以是像素值。
- width：指定图片的宽度，属性值可以是百分比，也可以是像素值。
- title：提示条(tooltip)呈现给用户，在光标于图片上停下后显示出来。
8.4 链接标签

单词缩写： anchor 的缩写 [ˈæŋkə®] 。基本解释锚, 铁锚的
```
文本或图像
```
必要属性：
- href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用。
- target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。
注意：
1. 外部链接需要添加 http://
2. 内部链接直接链接内部页面名称即可比如 < a href="index.html">
3. 没有目标时，暂时用#代替
4. 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
8.5 锚点定位

创建锚点链接分为两步：
```
1. 使用链接文本创建链接文本（被点击的） （对暗号）  暗号一致是组织的人员
     

2. 使用相应的id名标注跳转目标的位置。 (找目标)
  第2集 
```
8.6 head 元素
```
  元素包含了所有的头部标签元素。在 元素中可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
```
定义了文档的信息
</code> 定义了文档的标题<br> <code><style></code> 定义了文档的样式文件<br> <code><link></code> 定义了文档和外部资源的关系<br> <code><meta></code> 定义了文档的元数据<br> <code><script></code> 定义了客户端的脚本文件</p> <p>提示：</p> <ul> <li>link:除使用外部文档外,给网页添加小图标也经常使用link标签。</li> </ul> <pre><code>给网页添加icon小图标的两种方式 <link rel="shortcut icon" href="url" type="image/x-icon"> <link rel="icon" href="url" type="image/x-icon"> </code></pre> <ul> <li>meta用法举例</li> </ul> <pre><code><meta name="keywords" content="网站关键字" /> <meta name="description" content="网站介绍" /> </code></pre> <h3>8.7 特殊字符</h3> <p>常用的有：<strong> ；半角空格</strong>、<strong>&emsp；全角空格</strong>、<strong><；左尖括号</strong>、<strong>>；右尖括号</strong>。</p> <h3>8.8 注释字符</h3> <pre><code> </code></pre> <h2>9. 路径</h2> <p>路径分为：相对路径和绝对路径</p> <h3>9.1 相对路径</h3> <p>以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。</p> <ol> <li>图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<code><img src="xx.jpg" /></code>。</li> <li>图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<code><img src="xx/xx/xx.jpg" /></code>。</li> <li>图像文件位于HTML文件的上一级文件夹：在文件名之前加入“…/” ，如果是上两级，则需要使用 “…/ …/”，以此类推，如<code><img src="../xxx.jpg" /></code>。</li> </ol> <h3>9.2 绝对路径</h3> <p>绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。<br> <code>D:\xxx\xxx\xxx</code>，或完整的网络地址，例<code>http://www.baidu.com/images/logo.gif</code>。</p> <h2>Day01 总结</h2> <ol> <li>了解了网页是如何形成的。</li> <li>加深了对浏览器内核的理解，以及了解了常用的浏览器和对应的浏览器内核。</li> <li>认识了Web标准，了解了Web标准的构成以及W3C组织。</li> <li>认识了HTML的基本简介，了解了HTML的用法和构成。也了解了什么是XHTML，XHTML和HTML之间的区别。</li> <li>学会了HTML的文档结构，以及HTML的元素构成、HTML属性、HTML标签分类、HTML标签关系及HTML标签的语义化。</li> <li>熟练掌握了HTML的一些常用标签，例如排版标签、文本格式化标签、图像标签、链接标签。</li> <li>学会了head元素内部元素的用法。</li> <li>学会了使用特殊字符。</li> <li>学会了注释标签</li> <li>学会了相对路径和绝对路径。</li> </ol> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1290860508483756032"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(Web前端开发学习之路)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动" target="_blank">HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835110419342127104.htm" title="【监控告警】02-Promtheus的学习之路" target="_blank">【监控告警】02-Promtheus的学习之路</a> <span class="text-muted">Kearey.</span> <a class="tag" taget="_blank" href="/search/%E7%9B%91%E6%8E%A7%E5%91%8A%E8%AD%A6/1.htm">监控告警</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1%E7%BD%91%E5%85%B3/1.htm">微服务网关</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a> <div>prometheus采用的是拉模式为主，推模式为辅的方式采集数据。Prometheus作为一个指标系统天生就不是精确的——由于指标本身就是稀疏采样的，事实上所有的图表和警报都是”估算”，我们也就不必太纠结于图表和警报的对应性，能够帮助我们发现问题解决问题就是一个好监控系统。当然，有时候我们也得证明这个警报确实没问题，那可以看一眼`ALERTS`指标。`ALERTS`是Prometheus在警报计算</div> </li> <li><a href="/article/1834644354015260672.htm" title="3 java学习之路从就近原则和this关键字开始" target="_blank">3 java学习之路从就近原则和this关键字开始</a> <span class="text-muted">Daijunxi_cpu</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>求博文多多人看是我写的很烂吗？就近原则以上图举例就近原则，输出age但是成员变量和局部变量变量名age冲突了,就近原则就起效果了，离输出语句近的变量就被使用了。但是要是想用上面那个成员变量咋办？别怕，this会给出答案！！！使用了this关键字就会指向成员变量。就这样比较简单咱们上案例打字太麻烦了直接上视频！kk2024-09-1321-23-42录的视频，真的很烂给大家磕一个构造器kk2024-</div> </li> <li><a href="/article/1834624305535741952.htm" title="JavaScript 中 xml 的解析（dom4j 解析器），web前端开发规范手册" target="_blank">JavaScript 中 xml 的解析（dom4j 解析器），web前端开发规范手册</a> <span class="text-muted">2401_84094868</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>创建元素：Elementschool=DocumentHelper.createElement(“school”);创建文本：school.addText(“光明小学”);指定位置添加：list.add(1,school);回写xml：和在末尾添加一样7、获取属性值attributeValue()：获取属性值publicstaticvoidmain(String[]args)throwsDocum</div> </li> <li><a href="/article/1834517179811328000.htm" title="【图像压缩】奇异值分解SVD灰色图像压缩（可设置压缩比）【含Matlab源码 4358期】" target="_blank">【图像压缩】奇异值分解SVD灰色图像压缩（可设置压缩比）【含Matlab源码 4358期】</a> <span class="text-muted">Matlab武动乾坤</span> <a class="tag" taget="_blank" href="/search/Matlab%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86%EF%BC%88%E8%BF%9B%E9%98%B6%E7%89%88%EF%BC%89/1.htm">Matlab图像处理（进阶版）</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a> <div>✅博主简介：热爱科研的Matlab仿真开发者，修心和技术同步精进，Matlab项目合作可私信。个人主页：海神之光代码获取方式：海神之光Matlab王者学习之路—代码获取方式⛳️座右铭：行百里者，半于九十。更多Matlab仿真内容点击Matlab图像处理（进阶版）路径规划（Matlab）神经网络预测与分类（Matlab）优化求解（Matlab）语音处理（Matlab）信号处理（Matlab）车间调度</div> </li> <li><a href="/article/1834329357515059200.htm" title="Java学习之路：实践项目与进阶学习--创建一个图书管理系统" target="_blank">Java学习之路：实践项目与进阶学习--创建一个图书管理系统</a> <span class="text-muted">Dreams°123</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/intellij/1.htm">intellij</a><a class="tag" taget="_blank" href="/search/idea/1.htm">idea</a><a class="tag" taget="_blank" href="/search/intellij-idea/1.htm">intellij-idea</a> <div>前言：上一篇学习了入门级知识，留了一份作业，其实创建一个图书管理系统是一个很好的实践项目，可以帮助你掌握数据库操作、前端开发和基本的CRUD（创建、读取、更新、删除）操作，数据库存储书籍信息，以及一个基本的用户界面。项目结构后端:使用Java和SpringBoot实现RESTfulAPI。数据库:使用H2数据库进行书籍信息存储。（也可使用mysql数据库设计，详情可参考：《MySQL数据库课程设计</div> </li> <li><a href="/article/1833603077643530240.htm" title="1130每日一省Day15(重启Day8)" target="_blank">1130每日一省Day15(重启Day8)</a> <span class="text-muted">活成自己的小太阳0329</span> <div>豆豆早上八点钟起床，跟家人微聊过后自己起床洗漱，依旧检测后回家。面包、牛奶、砂糖桔做了豆豆的早餐。爸爸妈妈忙于工作，豆豆今天又有点撒欢儿，看了短视频还在妈妈的允许下“吃了鸡”（才发现游戏原来这么长时间呀）。午餐豆豆只吃了半个饺子为此还被先生训斥，好在晚餐豆豆主动提出自己的需求，豆豆跟爸爸一起做出炒方便面，自己吃了一大盘还喝了粥，开心晚餐。晚饭后妈妈简单收拾餐桌做完收尾工作后开启业余学习之路。今天收</div> </li> <li><a href="/article/1833550363119153152.htm" title="一起走的学习之路(125)" target="_blank">一起走的学习之路(125)</a> <span class="text-muted">小米雨路</span> <div>最大的难题不知道大家有没有这个感受，最近由于没有学习专栏了，每天要写什么，成为了一大难题。以往，都可以根据专栏的内容，确定今天文章的主题，然后再根据这个主题，来找实际的例子，一篇文章很快就有了大体的结构，但现在写什么成最大的难题。剖析原因认真分析了，从我们集中学习专栏结束到今天，我为什么写不出来的几个原因。一是，由于缺乏发现的能力，觉得身边好像很多话题都是以前我们写过的，只能重复不断的写，难以找到</div> </li> <li><a href="/article/1833472993293070336.htm" title="HTML 文本标签" target="_blank">HTML 文本标签</a> <span class="text-muted">一壶浊酒..</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一个静态页面绝大部分都是由文字、图片、超链接、音频、视频组成。动态页面和静态页面的区别在于：是否与服务器进行数据交互标题标签这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题web前端开发床前明月光，疑是地上霜。举头望明月，低头思故乡这是普通文本这是粗体文本这是粗体文本斜体文本斜体文本斜体文本--->(a+b)2=a2+b2+2abH2SO4是指硫酸分子水果原价：6元现在：5</div> </li> <li><a href="/article/1833257537026224128.htm" title="利用PHP和Selenium自动化采集数据、实现爬虫抓取" target="_blank">利用PHP和Selenium自动化采集数据、实现爬虫抓取</a> <span class="text-muted">IT大数据小助手</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a> <div>随着互联网时代的到来，抓取互联网上的数据成为越来越重要的工作。在web前端开发领域，我们经常需要获取页面中的数据来完成一系列的交互操作，为了提高效率，我们可以将这个工作自动化。本文将介绍如何利用PHP和Selenium进行自动化数据采集和爬虫抓取。一、什么是SeleniumSelenium是一个免费的开源自动化测试工具，主要用于自动化测试Web应用程序，可以模拟真实的用户行为，实现自动交互。使用S</div> </li> <li><a href="/article/1832676209222316032.htm" title="Day38开启2020学习之路" target="_blank">Day38开启2020学习之路</a> <span class="text-muted">佳佳_797e</span> <div>十点，十点，十点，才下班每每到了这个点要是晚上还在加班，下班晚，就很懊恼，懊恼时间去了哪，懊恼为什么到了这个点还没把今天的工作做完，懊恼又不能按时回家带娃，懊恼今天的运动打卡又没有时间完成了，懊恼上的日更又是匆忙凑字数了，懊恼晚上又得晚睡了…我改怎么办…</div> </li> <li><a href="/article/1832318262667472896.htm" title="java后端未来学习之路" target="_blank">java后端未来学习之路</a> <span class="text-muted">命z</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/java%E5%90%8E%E7%AB%AF/1.htm">java后端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>最近找到了一篇文章，感觉是自己可以借鉴的，具体内容如下：首先，我个人比较推崇的学习方法是：先学java前端，也就是HTML，css，js，因为学习java以后肯定是往javaee方向发展的，学习完前端，在学习后端很多东西比计较容易理解！其中J2SE是关键，如果学好了javase部分，基础扎实了，后面进阶学习也比较轻松！补充说明一下：我觉得学习java比较合适的方法是先把所有的知识点过一遍，然后把所</div> </li> <li><a href="/article/1832304900629950464.htm" title="编程学习之路上的高墙与希望之光" target="_blank">编程学习之路上的高墙与希望之光</a> <span class="text-muted">一个代码猎人</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0%E6%9C%AC/1.htm">笔记本</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>编程学习之路上的高墙与希望之光在编程的世界里，挫折感就像一道道难以逾越的高墙，常常让人感到无所适从。许多人因为这些高墙而停下了脚步，但那些真正的编程高手却总能找到方法突破这些障碍。无论是初学者还是资深开发者，编程之路上都少不了跌倒、迷茫和探索。今天，我想和大家分享如何在Bug的迷宫中找到出口，如何在面对复杂算法时保持冷静，以及如何从挫折中汲取力量、继续前行。1.面对Bug时的心态调整接受挫折感是常</div> </li> <li><a href="/article/1832084555901792256.htm" title="LeetCode学习之路（C++）——字符串（3）" target="_blank">LeetCode学习之路（C++）——字符串（3）</a> <span class="text-muted">Alex_SCY</span> <a class="tag" taget="_blank" href="/search/Leetcode/1.htm">Leetcode</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a> <div>Leetcode题解-字符串目录Leetcode题解-字符串242.两个字符串包含的字符是否完全相同409.计算一组字符集合可以组成的回文字符串的最大长度205.字符串同构647.回文子字符串个数9.判断一个整数是否是回文数696.统计二进制字符串中连续1和连续0数量相同的子字符串个数242.两个字符串包含的字符是否完全相同242.ValidAnagram(Easy)Leetcode/力扣思路：可</div> </li> <li><a href="/article/1831434024485220352.htm" title="OpenGL学习之路(4.0) 实现抗锯齿效果" target="_blank">OpenGL学习之路(4.0) 实现抗锯齿效果</a> <span class="text-muted">velue</span> <div>原因当我们放大图片的时候会发现图片上的像素点有很多锯齿形状，这样就会导致图片呈现的效果不佳，所以需要通过抗锯齿处理。方式抗锯齿的方式有两种，一种是混合(GLBlend)处理抗锯齿，一种是多重采样抗锯齿混合(GLBlend)处理抗锯齿需要注意的是，混合处理只能处理点和线段，多边形图形需要多重采样处理打开混合处理/**函数原型:voidglHint(GLenumtarget,GLenummod)参数说</div> </li> <li><a href="/article/1831092332846477312.htm" title="嵌入式学习之路 16（C语言基础学习——指针操作二维数组、指向函数的指针、指针的指针）" target="_blank">嵌入式学习之路 16（C语言基础学习——指针操作二维数组、指向函数的指针、指针的指针）</a> <span class="text-muted">求学者1.0</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>一、指针操作二维整型数组1、二维数组的本质在C语言中，二维数组本质上是由多个一维数组组成的。例如，inta[2][3]可以看作是包含两个长度为3的一维整数数组。2、指针与二维数组对于二维数组inta[2][3]，&a[0]的类型是int(*)[3]，因为C语言中不直接支持int[3]*这种类型，所以需要使用int(*)[3]来表示指向包含3个整数的一维数组的指针。定义指针int(*p)[3]=a;</div> </li> <li><a href="/article/1830147113632231424.htm" title="从挫败到精通：三步克服编程学习的难关" target="_blank">从挫败到精通：三步克服编程学习的难关</a> <span class="text-muted">疾风终究没有归途</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BF%83%E6%80%81%E8%B0%83%E6%95%B4/1.htm">心态调整</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a> <div>你是如何克服编程学习中的挫折感的？编程学习之路上，挫折感就像一道道难以逾越的高墙，让许多人望而却步。然而，真正的编程高手都曾在这条路上跌倒过、迷茫过，却最终找到了突破的方法。你是如何在Bug的迷宫中找到出口的？面对复杂的算法时，你用什么方法让自己保持冷静？让我们一起分享那些克服挫折的经验，为彼此的编程之路点亮希望之光！方向一：心态调整保持积极的心态：认识到挫折是成长的一部分，而不是失败的标志。每次</div> </li> <li><a href="/article/1830142825103192064.htm" title="js学习之路（六）——this，箭头函数，对象操作" target="_blank">js学习之路（六）——this，箭头函数，对象操作</a> <span class="text-muted">EOPG</span> <a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/1.htm">排序算法</a> <div>js学习之路（六）1.this指向2.改变this指向3.ES6定义变量4.04_变量的块级作用域5.ES6的箭头函数6.箭头函数的特性7.函数的参数默认值8.模板字符串9.点点点(...)运算符10.解构赋值11.对象的简写12.了解面向对象开发13.创建对象的四种方式14.构造函数的书写和使用15.构造函数是否合理17.prototype18.__proto__1.this指向/*this指向</div> </li> <li><a href="/article/1829498801530957824.htm" title="2021-01-10" target="_blank">2021-01-10</a> <span class="text-muted">祁连山人_3575</span> <div>伴着清晨的习习寒风，踩着2021年的第二场积雪，又去送儿子踏上新的学习之路。要问现在最辛苦的是谁，这排名前列的，甚至可以排在第一的，我想就是莘莘学子了。多少年来，一直在学习、落实、倡导、实施素质教育，提高学生综合素质，到现在的核心素养，专家学者不断的研究、调查、分析、总结，看报道听报告激发共鸣，但是在实际落实中，最基本最核心的还是学得清楚明白，考试成绩优异占主导地位。其实，素质素养与提高考试成绩本</div> </li> <li><a href="/article/1828906454971674624.htm" title="新书速览|HTML5+CSS3 Web前端开发与实例教程：微课视频版" target="_blank">新书速览|HTML5+CSS3 Web前端开发与实例教程：微课视频版</a> <span class="text-muted">全栈开发圈</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>《HTML5+CSS3Web前端开发与实例教程：微课视频版》本书内容《HTML5+CSS3Web前端开发与实例教程：微课视频版》秉承“思政引领，立德树人”的教育理念，自然融入多维度、深层次的思政元素，全面对标企业和行业需求；引入现代Web前端开发的核心技术，如Flex布局、Grid布局，以及人工智能编程插件，同时融入企业开发实践，确保学习内容与实际工作紧密相关。全书以一个完整案例为主线，结合综合项</div> </li> <li><a href="/article/1828737254584053760.htm" title="王者荣耀官网首页（xd原文件）" target="_blank">王者荣耀官网首页（xd原文件）</a> <span class="text-muted">无名指的等待712</span> <a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/xd/1.htm">xd</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1web前端开发者链接：https://pan.baidu.com/s/1nl9XmiyWnMs9gPCP1sN-3w提取码：hhss本文件是王者荣耀官网首页的XD源文件，玩游戏不如自己创造一个游戏。本文件可以锻炼一下大家的HTML5和css3的基础功底。</div> </li> <li><a href="/article/1828534934336270336.htm" title="PyTorch实现CIFAR-10分类代码" target="_blank">PyTorch实现CIFAR-10分类代码</a> <span class="text-muted">曹勖之</span> <a class="tag" taget="_blank" href="/search/PyTorch%E5%AD%A6%E4%B9%A0%E4%B9%8B%E8%B7%AF/1.htm">PyTorch学习之路</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a> <div>这篇是PyTorch学习之路第七篇，用于记录PyTorch实现CIFAR-10分类代码（书上的代码有好多冗余）目录完整代码（还未训练）完整代码（已训练，直接载入模型）下面实例数据集位于：C:\Users\22130\Learning_Pytorch\dataset完整代码（还未训练）importtorchimporttorchvisionimporttorchvision.transformsas</div> </li> <li><a href="/article/1828515021135638528.htm" title="60 个前端 Web 开发流行语你都知道哪些？" target="_blank">60 个前端 Web 开发流行语你都知道哪些？</a> <span class="text-muted">web18224617243</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>??个人网站:【海拥】【摸鱼小游戏】??风趣幽默的前端学习课程：??28个案例趣学前端??想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】??免费且实用的计算机相关知识题库：??进来逛逛给大家安利一个免费且实用的前端刷题（面经大全）网站，??点击跳转到网站。不想在你朋友讨论Web前端开发时感到一头雾水？今天海海给大家带来了60个Web前端开发的术语，看看你知道的有多少。以下列表是按照字母顺序排</div> </li> <li><a href="/article/1828500909261418496.htm" title="日撸Java三百行（day31：整数矩阵及其运算）" target="_blank">日撸Java三百行（day31：整数矩阵及其运算）</a> <span class="text-muted">林金金金</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/1.htm">矩阵</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>目录前言一、基本属性与方法二、getter与setter方法三、矩阵相加与矩阵相乘方法1.矩阵相加2.矩阵相乘四、数据测试五、完整的程序代码总结前言从今天开始，我们就要踏上图论的学习之路了。第一天，我们先简单热个身，构造一个整数矩阵。一、基本属性与方法/***Thedata.*/int[][]data;由于我们今天构造的是int类型的矩阵，而在程序代码中矩阵又是通过数组来实现，所以这里首先定义了一</div> </li> <li><a href="/article/1827569744186798080.htm" title="GPT-4：秒懂情感的AI新突破" target="_blank">GPT-4：秒懂情感的AI新突破</a> <span class="text-muted">一个有梦有戏的人</span> <a class="tag" taget="_blank" href="/search/AI%E6%96%87%E7%AB%A0/1.htm">AI文章</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/GPT-4/1.htm">GPT-4</a><a class="tag" taget="_blank" href="/search/AI%E6%96%87%E7%AB%A0/1.htm">AI文章</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E5%A4%A7%E8%AE%AF%E9%A3%9E/1.htm">科大讯飞</a> <div>GPT-4：秒懂情感的AI新突破生命不息，写作不止继续踏上学习之路，学之分享笔记总有一天我也能像各位大佬一样博客首页@怒放吧德德To记录领地分享学习心得，欢迎指正，大家一起学习成长！此文由AI生成GPT-4技术简介GPT-4实时语音交流技术，以其强大的语言理解和情感分析能力，在秒懂人的情感上表现出了惊人的能力。这不仅仅是一种技术的突破，更是一种对人工智能理解人类情感的深度挖掘。然而，这种技术的发展</div> </li> <li><a href="/article/1827536338954579968.htm" title="html语言三要素是,Web前端开发的三要素是什么？" target="_blank">html语言三要素是,Web前端开发的三要素是什么？</a> <span class="text-muted">KNSTY</span> <a class="tag" taget="_blank" href="/search/html%E8%AF%AD%E8%A8%80%E4%B8%89%E8%A6%81%E7%B4%A0%E6%98%AF/1.htm">html语言三要素是</a> <div>Web前端开发是由网页制作演变而来的，现在很多网站开发会用到web前端开发。Web前端开发主要包括三个要素分别是：HTML、CSS、JavaScript等，但是随着互联网时代的飞速发展，前端开发技术的三要素也演变成现今的HTML5、CSS3、jQuery，首先，第一要素为HTML5.HTML5是超文本标记语言的第五次重大修改，HTML5在HTML的基础上引进了新的功能，可以真正改变用户与文档的交互</div> </li> <li><a href="/article/1827517309082759168.htm" title="起而行之勇挑重担" target="_blank">起而行之勇挑重担</a> <span class="text-muted">猫猫星球</span> <div>习近平总书记在中央党校（国家行政学院）中青年干部培训班开班式上发表重要讲话，深深鼓舞和鞭策着广大中青年干部。在认真学习、深入领会习近平总书记重要讲话精神后，我认为我们中青年干部要起而行之、勇挑重担，积极投身新时代中国特色社会主义伟大实践，持之以恒加强思想淬炼、政治历练、实践锻炼、专业训练，不断提高解决实际问题能力，更好肩负起新时代的职责和使命。中年轻干部成长，要走好学习之路。善于学习，就是善于进步</div> </li> <li><a href="/article/1827477482559860736.htm" title="野路子中医学习之路" target="_blank">野路子中医学习之路</a> <span class="text-muted">懒到底的猫cy</span> <div>上周末去中国中医科学院学习，一年第三次去中医的最高学府，教授在之前的基础上更新了课件，大家都听得如痴如醉，仿佛醍醐灌顶。我也感觉收获很大，又多掌握了几个新方子，但是思路其实真的是我一贯坚持的，你看我虽没有经过大学科班教育，但是思路绝对没问题，所以平时自家人或是朋友调理我给的方案效果都不错。思路对，一对百对。回想一下，自己走上相信中医，热爱收集名医，现在还来推广艾灸的中医之路，似乎很顺其自然，从来没</div> </li> <li><a href="/article/1827438201313259520.htm" title="新媒体运营学习之路：让你工资翻倍的五大核心技能" target="_blank">新媒体运营学习之路：让你工资翻倍的五大核心技能</a> <span class="text-muted">一念一念_</span> <div>互联网的时代，人们都很重视对新媒体运营的学习，其实不仅仅是要从事运营这份工作的人，普通人掌握新媒体这门手艺也是非常有用的。但是很多人就会问了，我是零经验零基础，学习新媒体运营能行吗？其实新媒体的学习是有规律可循的，不管你是新媒体运营小白，还是从业者，掌握了这五个核心技能，你也能轻松成为新媒体运营高手！新媒体运营学习平台新媒体运营学习核心技能一：内容创作对于一个新媒体运营来说，内容创作是非常核心的技</div> </li> <li><a href="/article/79.htm" title="基本数据类型和引用类型的初始值" target="_blank">基本数据类型和引用类型的初始值</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a> <div>package com.array; /** * @Description 测试初始值 * @author FuJianyong * 2015-1-22上午10:31:53 */ public class ArrayTest { ArrayTest at; String str; byte bt; short s; int i; long</div> </li> <li><a href="/article/206.htm" title="摘抄笔记--《编写高质量代码：改善Java程序的151个建议》" target="_blank">摘抄笔记--《编写高质量代码：改善Java程序的151个建议》</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/%E9%AB%98%E8%B4%A8%E9%87%8F%E4%BB%A3%E7%A0%81/1.htm">高质量代码</a> <div> 记得3年前刚到公司，同桌同事见我无事可做就借我看《编写高质量代码：改善Java程序的151个建议》这本书，当时看了几页没上心就没研究了。到上个月在公司偶然看到，于是乎又找来看看，我的天，真是非常多的干货，对于我这种静不下心的人真是帮助莫大呀。看完整本书，也记了不少笔记</div> </li> <li><a href="/article/333.htm" title="【备忘】Django 常用命令及最佳实践" target="_blank">【备忘】Django 常用命令及最佳实践</a> <span class="text-muted">dongwei_6688</span> <a class="tag" taget="_blank" href="/search/django/1.htm">django</a> <div>注意：本文基于 Django 1.8.2 版本生成数据库迁移脚本（python 脚本） python manage.py makemigrations polls 说明：polls 是你的应用名字，运行该命令时需要根据你的应用名字进行调整查看该次迁移需要执行的 SQL 语句（只查看语句，并不应用到数据库上）： python manage.p</div> </li> <li><a href="/article/460.htm" title="阶乘算法之一N! 末尾有多少个零" target="_blank">阶乘算法之一N! 末尾有多少个零</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E9%98%B6%E4%B9%98/1.htm">阶乘</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E6%95%88%E7%8E%87/1.htm">效率</a> <div> &n</div> </li> <li><a href="/article/587.htm" title="spring注入servlet" target="_blank">spring注入servlet</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/Spring%E6%B3%A8%E5%85%A5/1.htm">Spring注入</a> <div>传统的配置方法是无法将bean或属性直接注入到servlet中的，配置代理servlet亦比较麻烦，这里其实有比较简单的方法，其实就是在servlet的init()方法中加入要注入的内容： ServletContext application = getServletContext(); WebApplicationContext wac = WebApplicationContextUtil</div> </li> <li><a href="/article/714.htm" title="Jenkins 命令行操作说明文档" target="_blank">Jenkins 命令行操作说明文档</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div> 假设Jenkins的URL为http://22.11.140.38:9080/jenkins/ 基本的格式为 java 基本的格式为 java -jar jenkins-cli.jar [-s JENKINS_URL] command [options][args] 下面具体介绍各个命令的作用及基本使用方法 1. &nb</div> </li> <li><a href="/article/841.htm" title="UnicodeBlock检测中文用法" target="_blank">UnicodeBlock检测中文用法</a> <span class="text-muted">布衣凌宇</span> <a class="tag" taget="_blank" href="/search/UnicodeBlock/1.htm">UnicodeBlock</a> <div>/** * 判断输入的是汉字 */ public static boolean isChinese(char c) { Character.UnicodeBlock ub = Character.UnicodeBlock.of(c); </div> </li> <li><a href="/article/968.htm" title="java下实现调用oracle的存储过程和函数" target="_blank">java下实现调用oracle的存储过程和函数</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/orale/1.htm">orale</a> <div> 1.创建表：STOCK_PRICES 2.插入测试数据： 3.建立一个返回游标： PKG_PUB_UTILS 4.创建和存储过程：P_GET_PRICE 5.创建函数： 6.JAVA调用存储过程返回结果集 JDBCoracle10G_INVO</div> </li> <li><a href="/article/1095.htm" title="Velocity Toolbox" target="_blank">Velocity Toolbox</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/%E6%A8%A1%E6%9D%BF/1.htm">模板</a><a class="tag" taget="_blank" href="/search/tool/1.htm">tool</a><a class="tag" taget="_blank" href="/search/box/1.htm">box</a><a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a> <div>velocity.VelocityUtil package velocity; import org.apache.velocity.Template; import org.apache.velocity.app.Velocity; import org.apache.velocity.app.VelocityEngine; import org.apache.velocity.c</div> </li> <li><a href="/article/1222.htm" title="JAVA正则表达式匹配基础" target="_blank">JAVA正则表达式匹配基础</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E7%9A%84%E5%8C%B9%E9%85%8D/1.htm">正则表达式的匹配</a> <div> 正则表达式;提高程序的性能,简化代码,提高代码的可读性,简化对字符串的操作正则表达式的用途; 字符串的匹配字符串的分割字符串的查找字符串的替换正则表达式的验证语法 [a] //[]表示这个字符只出现一次 ,[a] 表示a只出现一</div> </li> <li><a href="/article/1349.htm" title="是否使用EL表达式的配置" target="_blank">是否使用EL表达式的配置</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/EL/1.htm">EL</a><a class="tag" taget="_blank" href="/search/EasyTemplate/1.htm">EasyTemplate</a> <div> 今天在开发过程中发现一个细节问题，由于前端采用EasyTemplate模板方法实现数据展示，但老是不能正常显示出来。后来发现竟是EL将我的EasyTemplate的${...}解释执行了，导致我的模板不能正常展示后台数据。网</div> </li> <li><a href="/article/1476.htm" title="精通Oracle10编程SQL(1-3)PLSQL基础" target="_blank">精通Oracle10编程SQL(1-3)PLSQL基础</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>--只包含执行部分的PL/SQL块 --set serveroutput off begin dbms_output.put_line('Hello,everyone!'); end; select * from emp; --包含定义部分和执行部分的PL/SQL块 declare v_ename varchar2(5); begin select </div> </li> <li><a href="/article/1603.htm" title="【Nginx三】Nginx作为反向代理服务器" target="_blank">【Nginx三】Nginx作为反向代理服务器</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>Nginx一个常用的功能是作为代理服务器。代理服务器通常完成如下的功能：接受客户端请求将请求转发给被代理的服务器从被代理的服务器获得响应结果把响应结果返回给客户端实例本文把Nginx配置成一个简单的代理服务器对于静态的html和图片，直接从Nginx获取对于动态的页面，例如JSP或者Servlet，Nginx则将请求转发给Res</div> </li> <li><a href="/article/1730.htm" title="Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin" target="_blank">Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin</a> <span class="text-muted">blackproof</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E9%94%99/1.htm">报错</a> <div>转：http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin maven报错： Plugin execution not covered by lifecycle configuration: </div> </li> <li><a href="/article/1857.htm" title="发布docker程序到marathon" target="_blank">发布docker程序到marathon</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/docker+%E5%8F%91%E5%B8%83%E5%BA%94%E7%94%A8/1.htm">docker 发布应用</a> <div>1 发布docker程序到marathon 1.1 搭建私有docker registry 1.1.1 安装docker regisry docker pull docker-registry docker run -t -p 5000:5000 docker-registry 下载docker镜像并发布到私有registry docker pull consol/tomcat-8.0 </div> </li> <li><a href="/article/1984.htm" title="java-57-用两个栈实现队列&&用两个队列实现一个栈" target="_blank">java-57-用两个栈实现队列&&用两个队列实现一个栈</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.List; import java.util.Stack; /* * Q 57 用两个栈实现队列 */ public class QueueImplementByTwoStacks { private Stack<Integer> stack1; pr</div> </li> <li><a href="/article/2111.htm" title="Nginx配置性能优化" target="_blank">Nginx配置性能优化</a> <span class="text-muted">cfyme</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>转载地址：http://blog.csdn.net/xifeijian/article/details/20956605 大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装，修改这里或那里的几行配置，好了，你已经有了一个Web服务器了。而且，在大多数情况下，一个常规安装的nginx对你的网站来说已经能很好地工作了。然而，如果你真的想挤压出Nginx的性能，你必</div> </li> <li><a href="/article/2238.htm" title="[JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术" target="_blank">[JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> 对图形图像进行精确处理，需要大量的数学工具，即使是从底层硬件模拟层开始设计，也离不开大量的数学工具包，因为我认为，JAVA语言体系在图形图像处理模块上面的研发工作，需要从开发一些基础的，类似实时数学函数构造器和解析器的软件包入手，而不是急于利用第三方代码工具来实现一个不严格的图形图像处理软件...... &nb</div> </li> <li><a href="/article/2365.htm" title="MonkeyRunner的使用" target="_blank">MonkeyRunner的使用</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/MonkeyRunner/1.htm">MonkeyRunner</a> <div>要使用MonkeyRunner，就要学习使用Python，哎先抄一段官方doc里的代码作用是启动一个程序（应该是启动程序默认的Activity），然后按MENU键，并截屏 # Imports the monkeyrunner modules used by this program from com.android.monkeyrunner import MonkeyRun</div> </li> <li><a href="/article/2492.htm" title="Hadoop-- 海量文件的分布式计算处理方案" target="_blank">Hadoop-- 海量文件的分布式计算处理方案</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F%E8%AE%A1%E7%AE%97/1.htm">分布式计算</a> <div>csdn的一个关于hadoop的分布式处理方案，存档。原帖：http://blog.csdn.net/calvinxiu/article/details/1506112。 Hadoop 是Google MapReduce的一个Java实现。MapReduce是一种简化的分布式编程模式，让程序自动分布到一个由普通机器组成的超大集群上并发执行。就如同ja</div> </li> <li><a href="/article/2619.htm" title="以資料庫驗證登入" target="_blank">以資料庫驗證登入</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>以資料庫驗證登入由於 Yii 內定的原始框架程式, 採用綁定在UserIdentity.php 的 demo 與 admin 帳號密碼: public function authenticate() { $users=array( &nbs</div> </li> <li><a href="/article/2746.htm" title="github做webhooks：[2]php版本自动触发更新" target="_blank">github做webhooks：[2]php版本自动触发更新</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/webhooks/1.htm">webhooks</a> <div>上次已经说过了如何在github控制面板做查看url的返回信息了。这次就到了直接贴钩子代码的时候了。工具/原料 git github 方法/步骤在github的setting里面的webhooks里把我们的url地址填进去。钩子更新的代码如下： error_reportin</div> </li> <li><a href="/article/2873.htm" title="Eos开发常用表达式" target="_blank">Eos开发常用表达式</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/Eos%E5%BC%80%E5%8F%91/1.htm">Eos开发</a><a class="tag" taget="_blank" href="/search/Eos%E5%85%A5%E9%97%A8/1.htm">Eos入门</a><a class="tag" taget="_blank" href="/search/Eos%E5%BC%80%E5%8F%91%E5%B8%B8%E7%94%A8%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">Eos开发常用表达式</a> <div>Eos开发常用表达式 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2014年8月18日 15:03:35 星期一 &</div> </li> <li><a href="/article/3000.htm" title="SpringSecurity3.X--SpEL 表达式" target="_blank">SpringSecurity3.X--SpEL 表达式</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/SpringSecurity/1.htm">SpringSecurity</a> <div>使用 Spring 表达式语言配置访问控制，要实现这一功能的直接方式是在<http>配置元素上添加 use-expressions 属性： <http auto-config="true" use-expressions="true"> 这样就会在投票器中自动增加一个投票器：org.springframework</div> </li> <li><a href="/article/3127.htm" title="Redis vs Memcache" target="_blank">Redis vs Memcache</a> <span class="text-muted">IXHONG</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>1. Redis中，并不是所有的数据都一直存储在内存中的，这是和Memcached相比一个最大的区别。 2. Redis不仅仅支持简单的k/v类型的数据，同时还提供list，set，hash等数据结构的存储。 3. Redis支持数据的备份，即master-slave模式的数据备份。 4. Redis支持数据的持久化，可以将内存中的数据保持在磁盘中，重启的时候可以再次加载进行使用。 Red</div> </li> <li><a href="/article/3254.htm" title="Python - 装饰器使用过程中的误区解读" target="_blank">Python - 装饰器使用过程中的误区解读</a> <span class="text-muted">kvhur</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>大家都知道装饰器是一个很著名的设计模式，经常被用于AOP(面向切面编程)的场景，较为经典的有插入日志，性能测试，事务处理，Web权限校验， Cache等。原文链接：http://www.gbtags.com/gb/share/5563.htm Python语言本身提供了装饰器语法（@），典型的装饰器实现如下： @function_wrapper de</div> </li> <li><a href="/article/3381.htm" title="架构师之mybatis-----update 带case when 针对多种情况更新" target="_blank">架构师之mybatis-----update 带case when 针对多种情况更新</a> <span class="text-muted">nannan408</span> <a class="tag" taget="_blank" href="/search/case+when/1.htm">case when</a> <div>1.前言. 如题. 2. 代码. <update id="batchUpdate" parameterType="java.util.List"> <foreach collection="list" item="list" index=&</div> </li> <li><a href="/article/3508.htm" title="Algorithm算法视频教程" target="_blank">Algorithm算法视频教程</a> <span class="text-muted">栏目记者</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>课程：Algorithm算法视频教程百度网盘下载地址： http://pan.baidu.com/s/1qWFjjQW 密码: 2mji 程序写的好不好,还得看算法屌不屌！Algorithm算法博大精深。一、课程内容：课时1、算法的基本概念 + Sequential search 课时2、Binary search 课时3、Hash table 课时4、Algor</div> </li> <li><a href="/article/3635.htm" title="C语言算法之冒泡排序" target="_blank">C语言算法之冒泡排序</a> <span class="text-muted">qiufeihu</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>任意输入10个数字由小到大进行排序。代码： #include <stdio.h> int main() { int i,j,t,a[11]; /*定义变量及数组为基本类型*/ for(i = 1;i < 11;i++){ scanf("%d",&a[i]); /*从键盘中输入10个数*/ } for</div> </li> <li><a href="/article/3762.htm" title="JSP异常处理" target="_blank">JSP异常处理</a> <span class="text-muted">wyzuomumu</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>1.在可能发生异常的网页中通过指令将HTTP请求转发给另一个专门处理异常的网页中: <%@ page errorPage="errors.jsp"%> 2.在处理异常的网页中做如下声明： errors.jsp: <%@ page isErrorPage="true"%>，这样设置完后就可以在网页中直接访问exc</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>

Web前端开发学习笔记 - Day01

Day01学习笔记

1. 认识网页

2. 常用浏览器内核

2.1 浏览器内核

2.2 移动端浏览器内核

☆☆我可以☆☆

3. Web 标准（重点）

4. Web 标准的好处

5. Web 标准构成

☆☆我可以☆☆

6. HTML简介

☆☆我可以☆☆

1. 什么是XHTML？

2. HTML和XHTML之间的区别？

6.1 HTML文档结构

7. HTML 标签的语义化

7.1 为什么要有语义化标签

8. HTML常用标签

8.1 排版标签

8.1.1 标题标签

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

8.1.2 段落标签

8.1.3 水平线标签

8.1.4 换行标签

8.1.5 div以及span标签

排版标签总结

8.2 文本格式化标签

8.3 图像标签 img

8.4 链接标签

8.5 锚点定位

第2集

8.6 head 元素