fakeyanss-CSDN博客

原创 Mac从零搭建开发环境

原文来自我的博客手上一台几乎闲置的mbp mid 2015，最近升级了Big Sur，感觉焕然一新，想作为主力机使用了，毕竟硬件配置比公司给的低配mbp还好一截。按照现在习惯的开发环境，重新装了一遍（下次试试用dotfiles管理）。安装字体git clone https://github.com/powerline/fonts.gitcd fonts./install.sh安装homebrew国内网络环境太差，安装速度过慢，挂了代理依然只有几十KB的速度，只能选择换镜像源。首先，需要已

2021-04-24 00:52:29 433

原创二叉树

树@(数据结构)[TOC]树的定义（递归）一棵树是一些节点的集合。这个集合可以是空集；若不是空集，则树由称作根的节点 r 以及 0 个或多个非空的（子）树 $T_1，T_2，···，T_k$ 组成，这些子树中每一棵的根都被来自根 r 的一条有向边所连结。树的实现//树节点的声明class TreeNode{ Object element; TreeNode firs

2017-08-08 15:16:24 318

原创将博客搬至CSDN

gg

2017-07-28 13:10:01 247

原创 JS正则表达式

正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。语法/正则表达式主体/修饰符(可选)实例：var patt = /abc/i/abc/i是一个正则表达式abc 是一个正则表达式主体（用于检索） i是一个修饰符（搜索不区分大小写）使用字符

2017-07-04 15:05:10 272

原创树

树@(数据结构)树树的定义树的实现树的遍历二叉树查找树ADT二叉查找树二叉查找树架构contains方法findMin方法和findMax方法insert方法remove方法AVL树树的定义（递归）一棵树是一些节点的集合。这个集合可以是空集；若不是空集，则树由称作根的节点 r 以及 0 个或多个非空的（子）树T1，T2，⋅⋅⋅，TkT_1，T_2，···，T_k组成，这些

2017-03-15 14:17:11 287

原创 <textarea>文本域，多行文本输入

当用户需要在表单中输入大段文字时，需要用到文本输入域。语法：<textarea rows="行数" cols="列数">默认出现文本</textarea>**注意**rows,cols这两个属性可用css样式的width和height来代替：col用width、row用height来代替。示例：<!DOCTYPE HTML><html><head><meta http-equiv="Conte

2017-02-22 17:25:09 25588 1

原创文本输入框、密码输入框

当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。语法：<form> <input type="text/password" name="名称" value="文本" /></form>type：当type=”text”时，输入框为文本输入框; 当type=”password”时, 输入框为密码输入框。name：为文本框命名，以备后台程序A

2017-02-22 17:12:43 569

原创 <form>标签，与用户交互

使用表单标签，使网站与用户发生数据交互，将用户输入的数据传送到服务器端。语法：<form method="传送方式" action="服务器文件"></form>method ：数据传送的方式（get/post）。action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。下面是一个示例：<!DOCTYPE HTML><html><head><meta ht

2017-02-22 16:58:39 398

原创 <img>标签，添加图片

语法：<img src="图片地址" alt="图片下载失败时的替换文本" title="提示文本">讲解：src：标识图像的位置；alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；图像可以是GIF，PNG，JPEG格式的图像文件。示例：<!DOCTYPE HTML><html><

2017-02-22 16:44:05 806

原创 <a>标签，链接到另一个页面

使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法：<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）。注意：还有一个有趣的现象不知道小伙伴们发现了没有，只要

2017-02-22 11:31:47 3196

原创 <table>标签，制作表格

有时需要在网页中以表的形式展示一些数据，比如下表：在html中代码如下：<!DOCTYPE html><html><head> <title>table</title></head><body> <table> <tr> <th>产品名称</th> <th>品牌</th> <th>库存

2017-02-22 10:41:10 3640

原创认识div在排版中的作用

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个标签中，这个标签的作用就相当于一个容器。语法：<div>...</div>确定逻辑部分：什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分。如下图所示：图中用红色边框标出的部分就是一个逻辑部分，就可以使用<div>标签作为容器。练习：<!DOCTYPE HTML><html><head>

2017-02-20 17:32:02 323

原创 <ol>标签，添加有序列表

语法：<ol> <li>信息</li> <li>信息</li> ......</ol>示例：<ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li></ol><ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始，如下图所示：练习：<!DOCTYPE H

2017-02-20 17:21:53 1168

原创使用ul，添加新闻信息列表

在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，如下图所示。这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法：<ul> <li>信息</li> <li>信息</li> ......</ul>示例：<ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>我是你爹</li>

2017-02-20 17:06:48 821

原创 <pre>标签，加入代码段

语法：<pre>代码段</pre><pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。如下代码：<pre> var message="欢迎"; for(var i=1;i<=10;i++) { alert(message); }</pre>注意：<pre>标签不只是为显示计算机的源代码时用的，在你需

2017-02-20 16:58:04 671

原创 <code>标签，加入代码

语法：<code>代码语言</code>注意：在文章中一般如果要插入多行代码时不能使用标签了。练习：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>code标签介绍</title></head><body><p>我们可能知道水平渐

2017-02-20 16:48:52 1471

原创 <address>标签，为网页加入地址信息

一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。语法：<address>联系地址信息</address>如：<address>文档编写：lilian 北京市西城区德外大街10号</address><address>本文的作者：<a href="mailto:lilian@imooc.c

2017-02-20 16:43:39 361

原创 <hr />标签，水平横线

语法：<hr/>练习：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>hr标签使用</title></head><body><p>火车飞驰过暗夜里的村庄，月光，总是太容易让思念寂寞，太容易让人觉得孤独。</p><hr/><p>每一

2017-02-20 16:34:49 782

原创   输入空格

语法：示例：效果如图练习：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>空格讲解</title></head><body><h1>感悟梦想</h1>来源：作文网作者：为梦想而飞 </bod

2017-02-20 16:24:38 518

原创 <blockquote>标签，长文本引用

作用：引用长文本语法：<blockquote>引用文本</blockquote>如下面例子：<blockquote>明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。戍客望边色，思归多苦颜。高楼当此夜，叹息未应闲。</blockquote>浏览器对标签的解析是缩进样式。如下图所示：练习：<!DOCTYPE HTML><html><head>

2017-02-20 16:08:29 842

原创使用<br />标签分行显示文本

语法：xhtml1.0写法：<br/>html4.0写法：<br>现在一般使用 xhtml1.0 的版本的写法（其它标签也是），这种版本比较规范。<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。注意，在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<

2017-02-20 15:49:16 579

原创 <span>标签，为文字设置单独样式

<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。设置颜色：aqua 浅绿色black 黑色blue 蓝色fuchsia 紫红色gray 灰色green 绿色lime 绿黄色maroon 栗色navy 深蓝色olive 橄榄色purple 紫色red 红色silver 银白色teal 蓝绿色white 白色yellow 黄色练习<!DOCTYPE HTML><html><he

2017-02-20 15:41:56 3109

转载 <strong>和<em>标签，加入强调语气

有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到或标签。但两者在强调的语气上有区别: 表示强调，表示更强烈的强调。并且在浏览器中默认用斜体表示，用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用表示强调。语法：需要强调的文本需要强调的文本如，在网上商城中，某产品的打折后的价格是需要强调的。如下图。代码

2017-02-15 11:38:34 611

原创 <hx>标签，为网页内容添加标题

标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。是最高的等级。语法：标题文本 (x为1-6)文章的标题前面已经说过了，可以使用标题标签，另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。

2017-02-15 11:29:17 647

原创 <p>标签，添加段落

语法：段落文本注意一段文字一个标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个标签中。如下图所示。在浏览器中显示的效果：标签的默认样式，可以在上图中看出来，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。练习： p标签我的第一个段落我的第二个段落

2017-02-15 11:24:25 1166

转载 <body>标签，网页上显示的内容放在这里

在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。在浏览器中的显示效果：代码：了不起的盖茨比了不起的盖茨比 1922年的春天，一个想要成名名叫尼克•卡拉威（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他

2017-02-15 11:17:22 3269

原创认识<head>标签

认识head标签欢迎来到慕课网文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在 head 部分： ... ... ...标签：在和标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页

2017-02-15 11:09:50 407

转载认识html文件基本结构

一个HTML文件是有自己固定的结构的。 ... ...代码讲解：1. 称为根标签，所有的网页标签都在中。2. 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、、、、等标签，头部标签在下一小节中会有详细介绍。3. 在和标签之间的内容是网页的主要内容，如、、、等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

2017-02-15 11:06:03 269

原创认识Html标签

网页代码如下认识html标签

2017-02-15 10:53:50 318

转载认识Html、JS、CSS的关系

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有

2017-02-15 10:38:51 2967

燕十三的博客