HTML+CSS前期应达到的程度

HTML+CSS纯干货就业前基础到精通系统学习2016/9/3

1:HTML纯干货学习后的达到的效果

(1):会使用HTML的基本结构,创建网页

(2):会使用文本字体相关标签,实现文字修饰和布局

(3):会使用图像、超链接相关标签,实现图文并茂的页面

(4):会使用表格相关标签,实现简单表格,跨行、跨列的复杂表格,并对表格进行美化修饰

(5):会使用表单及表单元素标签,实现表单页面的制作

(6):理解post和get两种提交方式的区别

2:HTML的基本结构

2.1:标题和其他说明信息。包括在 … 标签内,标签定义的内容在网页中不可见

2.2:: 定义网页标题</strong></p> <p><strong>2.3:<meta>标签</strong></p> <p><strong><HEAD></strong></p> <p><strong><META name="author" content="zpark"></strong></p> <p><strong><!--定义网页的作者--></strong></p> <p><strong><META name="keywords"content="云计算,分布式处理,大数据,..."></strong></p> <p><strong><!--定义网页的关键字--></strong></p> <p><strong><META http-equiv="Content-Type" content="text/html; charset=gb2312"></strong></p> <p><strong><!--避免出现乱码--></strong></p> <p><strong><META http-equiv="refresh" content="1"></strong></p> <p><strong><!--定义网页每隔1秒自动刷新--></strong></p> <p><strong><META http-equiv="refresh" content="2;url=http://www.taobao.com"></strong></p> <p><strong><!--定义网页2秒后自动刷新到"淘宝"--></strong></p> <p><strong></HEAD></strong></p> <p><strong>2.4:文本、图像和链接。它包括在 <BODY>…</BODY> 标签内</strong></p> <p><strong><BODY bgcolor="#FFCCFF“ background="back_image.GIF" text="#FF0000"></strong></p> <p><strong>hello world!!!</strong></p> <p><strong></BODY></strong></p> <p><strong>2.5:<HTML>…</HTML>标签标记 HTML 文档的开始和结束</strong></p> <p><strong>2.6:标题标签(H1 到 H6 标签用于指定不同级别的标题)</strong></p> <p><strong><h1><h2><h3><h4><h5><h6>字体大小依次递减</strong></p> <p><strong>2.7:字体字号<font>标签</strong></p> <p><strong><font size="1-7" color="" face=""></strong></p> <p><strong><!--字体大小可取1-7,字体颜色,字体类型--></strong></p> <p><strong></font></strong></p> <p><strong>2.8:特殊符号</strong></p> <p><strong>空格: </strong></p> <p><strong>引号(""):"</strong></p> <p><strong>小于(<):<</strong></p> <p><strong>大于(>):></strong></p> <p><strong>版权符:©</strong></p> <p><strong>2.9:段落和换行</strong></p> <p><strong>段落标签:<p aligin="right/center/left"></p></strong></p> <p><strong><!--align可以调正文字的位置,左中右--></strong></p> <p><strong>换行标签:<br/></strong></p> <p><strong>2.10:水平线和列表和预格式文本</strong></p> <p><strong>水平线:<hr size="5" color="red" width="300">标签</strong></p> <p><strong>设置水平线的厚度值,颜色和宽度</strong></p> <p><strong>列表标签:</strong></p> <p><strong>有序列表:</strong></p> <p><strong><ol type="1"></strong></p> <p><strong><li></li></strong></p> <p><strong>...</strong></p> <p><strong></ol></strong></p> <p><strong>无序列表:</strong></p> <p><strong><ul type="circle"></strong></p> <p><strong><li></li></strong></p> <p><strong>...</strong></p> <p><strong></ul></strong></p> <p><strong>预格式段落:<pre>标签</strong></p> <p><strong>2.11:图像标签</strong></p> <p><strong><img src="images/adv_2.jpg" width="300“ height="150“ alt="明星演唱会开幕" ></strong></p> <p><strong><!--图像的位置,宽度,高度,为图形添加的提示性文字(鼠标移动到图形上)--></strong></p> <p><strong><img ... align="middle"></strong></p> <p><strong><!--图像与文本的对齐方式,图像与文本居中对齐,还可以取top, bottom 值--></strong></p> <p><strong>2.12:超链接<a>标签:</strong></p> <p><strong><a href="register/register.html">[免费注册]</a></strong></p> <p><strong><!--链接的地址,和链接的内容(可单击)--></strong></p> <p><strong>设置超链接的显示位置:</strong></p> <p><strong>target:目标窗口属性四个特殊的窗口</strong></p> <p><strong><a href=url target=“_blank”> 显示在新窗口</strong></p> <p><strong><a href=url target=“_self”> 显示在本窗口</strong></p> <p><strong><a href=url target=“_parent”> 显示在父窗口</strong></p> <p><strong><a href=url target=“_top”> 显示在整个浏览器窗口</strong></p> <p><strong>注意重点:</strong></p> <p><strong>超链接-锚记属性:</strong></p> <p><strong>链接到本页面</strong></p> <p><strong>锚记标签用于使用户“跳”到文档的某个部分</strong></p> <p><strong>步骤1:创建锚记</strong></p> <p><strong><a name=“marker”>主题名称</a></strong></p> <p><strong>步骤2:在超链接的 href中使用该锚记</strong></p> <p><strong><a href="#marker">xxx</a></strong></p> <p><strong>2.13:表格的基本结构</strong></p> <p><strong>在 HTML 文档中,广泛使用表格来存放网页上的文本和图像</strong></p> <p><strong>语法如下:</strong></p> <p><strong><table border="1'></strong></p> <p><strong><tr></strong></p> <p><strong><td></td></strong></p> <p><strong><td></td></strong></p> <p><strong><td></td></strong></p> <p><strong></tr></strong></p> <p><strong></table></strong></p> <p><strong><!--border用来设置表格边框尺寸大小,tr定义行,td定义列,table定义表格--></strong></p> <p><strong>跨多行的表格 :</strong></p> <p><strong>rowspan =“n” 属性表示跨多少行?</strong></p> <p><strong><td rowspan="3">学生成绩表</td></strong></p> <p><strong>跨多列的表格:</strong></p> <p><strong>colspan=“n” 属性表示跨多少列?</strong></p> <p><strong><td colspan="3">学生成绩表</td></strong></p> <p><strong>2.14:表格的美化修饰(表格的宽度,高度,背景色,背景图片,文字的对齐方式)</strong></p> <p><strong>设置表格的尺寸和边框:</strong></p> <p><strong>width用来设置表格的宽度</strong></p> <p><strong>height用来设置表格的高度</strong></p> <p><strong>border用来设置表格边框尺寸大小</strong></p> <p><strong>bordercolor用来设置表格边框颜色</strong></p> <p><strong>设置背景:</strong></p> <p><strong>background属性用来设置表格的背景图片</strong></p> <p><strong>bgcolor属性用来设置表格、行、列的背景色。“#EBEFFF”是用RGB表示的一种颜色</strong></p> <p><strong>值,RGB指的是红绿蓝 ,下图就是RGB颜色对照表 。</strong></p> <p><strong>设置对其方式:</strong></p> <p><strong>align属性用来设置表格、行、列的对齐方式</strong></p> <p><strong>填充属性、间距属性:</strong></p> <p><strong>border(边框的厚度)</strong></p> <p><strong>cellpadding(单元格填充)用来设置表格内填充距离</strong></p> <p><strong>cellspacing(单元格间距)用来设置表格内框宽度</strong></p> <p><strong>2.15:表单</strong></p> <p><strong>表单的典型应用:</strong></p> <p><strong>注册用户</strong></p> <p><strong>收集信息</strong></p> <p><strong>反馈信息</strong></p> <p><strong>为网站提供搜索工具</strong></p> <p><strong>表单中包含的表单元素:</strong></p> <p><strong>单行文本输入框(TEXT)</strong></p> <p><strong><INPUT type=“text ” value="张三" size="20"></strong></p> <p><strong>type="text";文本输入框</strong></p> <p><strong>value="";输入元素的默认值</strong></p> <p><strong>size="";文本框的宽度</strong></p> <p><strong>密码框(PASSWORD)</strong></p> <p><strong><INPUT type=“password ” value=“ 123456 ” size=“22”></strong></p> <p><strong>type="password";密码框</strong></p> <p><strong>value="";初始密码</strong></p> <p><strong>size="";密码区的宽度</strong></p> <p><strong>单选按钮(RADIO)</strong></p> <p><strong><INPUT type="radio" value="男" checked="checked"></strong></p> <p><strong>type="radio";单选按钮</strong></p> <p><strong>value="";初始值</strong></p> <p><strong>checked="checked";默认选中</strong></p> <p><strong>复选框(CHECKBOX)</strong></p> <p><strong><INPUT type=“checkbox” name="cb2" value="talk"></strong></p> <p><strong>type="checkbox";复选框</strong></p> <p><strong>name="":复选框名</strong></p> <p><strong>value="";复选框值</strong></p> <p><strong>checked="checked";设置此复选框默认被选中</strong></p> <p><strong>重置按钮(RESET)</strong></p> <p><strong><INPUT type="reset" name="Reset" value="重填"></strong></p> <p><strong>type="button/reset/submit";按钮类型可为button、submit,reset</strong></p> <p><strong>name="":按钮名称</strong></p> <p><strong>value="";按钮上面的文字</strong></p> <p><strong>多行文本框(TEXTAREA)</strong></p> <p><strong><TEXTAREA name="textarea" cols="40" rows="6"></strong></p> <p><strong>文本框中的内容</strong></p> <p><strong></TEXTAREA></strong></p> <p><strong>name="textarea" ;文本框的名字</strong></p> <p><strong>cols="40";文本框的列数</strong></p> <p><strong>rows="6";文本框的行数</strong></p> <p><strong>下拉列表(SELECT)</strong></p> <p><strong><select name=“名称” ></strong></p> <p><strong><option value=“选项的值” selected></strong></p> <p><strong>…</strong></p> <p><strong></option></strong></p> <p><strong><option value=“选项的值”></strong></p> <p><strong>…</strong></p> <p><strong></option></strong></p> <p><strong>……</strong></p> <p><strong></select></strong></p> <p><strong>说明: selected默认被选中的可选项。</strong></p> <p><strong>案例说明</strong></p> <p><strong><INPUT name="byear" value="yyyy" size=4 maxlength=4 >年</strong></p> <p><strong>maxlength=4;设置此输入框最多只能输入四个符号</strong></p> <p><strong>提交按钮(SUBMIT)</strong></p> <p><strong>表单的基本结构:</strong></p> <p><strong><FORM action=“http://www.sohu.com” method=“post”></strong></p> <p><strong>……</strong></p> <p><strong></FORM></strong></p> <p><strong>ACTION = “URL”;指定提交后,由服务器上那个处理程序处理</strong></p> <p><strong>METHOD =“post或get”;指定向服务器提交的方法:一般为post或get方法,</strong></p> <p><strong>post方法比较安全</strong></p> <p><strong>表单元素的统一格式:</strong></p> <p><strong><FORM name="form3" method="post" action=""></strong></p> <p><strong><INPUT type="xxx" name="xxx" value="xxx" size="21“ maxlength="4"</strong></p> <p><strong>checked="checked"></strong></p> <p><strong>……</strong></p> <p><strong></FORM></strong></p> <p><strong>type="";指定元素的类型,可为TEXT、RADIO、SUBMIT等</strong></p> <p><strong>name="";控件的名称</strong></p> <p><strong>value="";控件的初始值</strong></p> <p><strong>size="";控件的初始宽度</strong></p> <p><strong>maxlength="":控件中输入的最多字符个数</strong></p> <p><strong>checked="":控件是否被选中</strong></p> <p><strong>2.16:框架</strong></p> <p><strong>(1):框架集页面(FrameSet.htm)</strong></p> <p><strong>(2):广告栏顶部框架(top.htm)</strong></p> <p><strong>(3):框架的边框</strong></p> <p><strong>(4):导航栏左侧框架(left.htm)</strong></p> <p><strong>(5):详细内容页面右侧框架(main.htm)页面中此部分是变化的</strong></p> <p><strong>框架的基本结构:</strong></p> <p><strong><FRAMESET rows="25%,50%,*" border="5"></strong></p> <p><strong><FRAME name=“top" src="the_first.html"></strong></p> <p><strong><FRAME name="middle" src="the_second.html"></strong></p> <p><strong><FRAME name=“bottom" src="the_third.html"></strong></p> <p><strong></FRAMESET></strong></p> <p><strong>rows=""; 将窗口进行上下分割,各部分的高度用逗号分开</strong></p> <p><strong>cols: 将窗口进行左右分割,各部分的宽度用逗号分开,可选。</strong></p> <p><strong>在浏览器中创建左中右结构的窗口: <frameset cols="150,*"...></strong></p> <p><strong>border="5";窗口边框的宽度</strong></p> <p><strong>使用框架:</strong></p> <p><strong>创建多个复杂的窗口实现步骤如下:</strong></p> <p><strong>1、创建1个HTML页面“top.html”</strong></p> <p><strong>2、创建1个HTML页面“left.html”</strong></p> <p><strong>3、创建1个HTML页面“right.html”</strong></p> <p><strong>4、创建框架集HTML页面“Frame_Sets.html”</strong></p> <p><strong><FRAMESET rows="20%,*" frameborder="0"></strong></p> <p><strong><FRAME src="top.html" name="topframe“ scrolling="no"</strong></p> <p><strong>noresize="noresize"></strong></p> <p><strong><FRAMESET cols="20%,*"></strong></p> <p><strong><FRAME src="left.html" noresize="noresize“ scrolling="no"</strong></p> <p><strong>name="leftframe“ ></strong></p> <p><strong><FRAME src="right.html" name="rightframe"></strong></p> <p><strong></FRAMESET></strong></p> <p><strong></FRAMESET></strong></p> <p><strong>frameborder="0";设置无框架边框</strong></p> <p><strong>scrolling="no" ;不显示滚动条</strong></p> <p><strong>name="rightframe";框架名称,便于超链接target属性所引用</strong></p> <p><strong>设置超链接的显示位置:</strong></p> <p><strong>框架指定名称</strong></p> <p><strong><frame src=“url” name=“框架名”></strong></p> <p><strong>target 给超链接指定显示位置</strong></p> <p><strong><a href="url" target=“框架名”></strong></p> <p><strong><P></strong></p> <p><strong><a href="right.html" target="rightframe"></strong></p> <p><strong><IMG src="images/reg.jpg" width="158" height="31" border="0" /></strong></p> <p><strong></a></strong></p> <p><strong></p></strong></p> <p><strong><P></strong></p> <p><strong><a href="buy.html" target="rightframe"></strong></p> <p><strong><IMG src="images/buy.jpg" width="160" height="32" border="0" /></strong></p> <p><strong></a></strong></p> <p><strong></p></strong></p> <p><strong>target="rightframe";target属性指定了要链接的文件会出现在名称</strong></p> <p><strong>为“rightframe”的框架窗口里</strong></p> <p><strong>3:CSS纯干货学习后的达到的效果(CSS层叠样式表)</strong></p> <p><strong>(1):会创建统一外观的字体</strong></p> <p><strong>(2):文本会创建无下划线的超连接样式</strong></p> <p><strong>(3):会创建个性化的表格</strong></p> <p><strong>(4):会创建个性化的表单</strong></p> <p><strong>(5): 会使用DIV实现页面布局</strong></p> <p><strong>(6):CSS样式表</strong></p> <p><strong>HTML标签的外观样式比较单一</strong></p> <p><strong>颜色只有黑白</strong></p> <p><strong>字体类型和大小无变化</strong></p> <p><strong>CSS(Cascade Style Sheets)级联/层叠样式表</strong></p> <p><strong>作用:</strong></p> <p><strong>HTML页面的美化(相当于华丽的衣服)</strong></p> <p><strong>实现内容与样式的分离,方便团队开发</strong></p> <p><strong>4:CSS语法学习</strong></p> <p><strong>4.1:样式表的基本语法</strong></p> <p><strong>样式表的基本结构:</strong></p> <p><strong><STYLE type="text/css"></strong></p> <p><strong>P{color:red; font-size:30px; font-family:隶书;}</strong></p> <p><strong>……</strong></p> <p><strong></STYLE></strong></p> <p><strong><style type="text/css">文档样式表开始,类型为CSS样式</strong></p> <p><strong></style>声明文档样式表结束</strong></p> <p><strong>p{....}样式规则;</strong></p> <p><strong>样式规则:</strong></p> <p><strong>P {color:red; font-size:30px; font-family:隶书;}</strong></p> <p><strong>p:选择器</strong></p> <p><strong>属性名称:color:red; font-size:30px; font-family:隶书;</strong></p> <p><strong>注意:在最后一个属性后面加上一个分号 (;) 是一个好习惯</strong></p> <p><strong>4.2:样式的分类</strong></p> <p><strong>根据样式代码的位置,分为三类:</strong></p> <p><strong>行内样式:</strong></p> <p><strong>使用场景:如果希望某段文字和其他段落的文字显示风格不一样,</strong></p> <p><strong>那么使用用“行内样式”。</strong></p> <p><strong>使用语法:行内样式使用元素标签的 STYLE 属性定义。</strong></p> <p><strong><html标签 ... style="样式规则">xxx</html标签></strong></p> <p><strong><p style=“color:#FF00FF; font-family:隶书; font- weight:bold; font-</strong></p> <p><strong>size:24px"></strong></p> <p><strong>...</strong></p> <p><strong></p></strong></p> <p><strong>内嵌样式:</strong></p> <p><strong>行内样式表局限于某1个标签,如果希望本网页内的所以同类标签都采用统一样式,</strong></p> <p><strong>这时应采用内嵌样式。</strong></p> <p><strong>P { font-size:20px; color:blue; text-align:center }</strong></p> <p><strong>选择器名称,样式规则,样式表;</strong></p> <p><strong>根据选择器的不同,内嵌样式又分为:</strong></p> <p><strong>HTML 选择器:</strong></p> <p><strong>P { font-size:20px; color:blue; text-align:center }</strong></p> <p><strong>CLASS 类选择器:</strong></p> <p><strong>.myinput {border: 1px solid;border-color:#D4BFFF;</strong></p> <p><strong>color:#2A00FF}</strong></p> <p><strong>类选择器的定义格式为:</strong></p> <p><strong>.类名{ …样式规则;}</strong></p> <p><strong>应用类选择器:class="类名(不含 . )";</strong></p> <p><strong>ID 选择器:</strong></p> <p><strong>#fire { color:red; font-size: 24px; }</strong></p> <p><strong>ID选择器的定义格式为:</strong></p> <p><strong>#ID名{ …样式规则;}</strong></p> <p><strong>应用ID选择器:id="ID名(不含#)";</strong></p> <p><strong>CLASS和ID选择器的区别:</strong></p> <p><strong>1、在CSS中定义样式表时,ID选择器以"#"开头;CLASS选择器以"." 开</strong></p> <p><strong>头;</strong></p> <p><strong>2、在HTML中使用样式表时,使用ID选择器需要id属性;使用CLASS选择</strong></p> <p><strong>器需要class属性;</strong></p> <p><strong>3、HTML标签中的id属性,通常用于唯一的标识页面中的一个页面元素,</strong></p> <p><strong>不允许重复;class允许重复。</strong></p> <p><strong>4、优先使用CLASS选择器;ID选择器不推荐。</strong></p> <p><strong>内嵌样式-特殊的选择器:</strong></p> <p><strong>A:hover 特殊的伪类选择:</strong></p> <p><strong>其中A代表超链接</strong></p> <p><strong>hover:代表鼠标悬停</strong></p> <p><strong>active:当前活动的超链接</strong></p> <p><strong>visited:访问过的超链接</strong></p> <p><strong>link:未访问过的超链接</strong></p> <p><strong>外部样式:</strong></p> <p><strong>使用场景:同一网站内的多个网页,样式风格统一。</strong></p> <p><strong>第一步:创建样式表文件newstyle.css</strong></p> <p><strong>第二步:把样式文件和网页关联</strong></p> <p><strong><HEAD></strong></p> <p><strong><LINK rel="stylesheet" type="text/css" href="样式表文件.css"></strong></p> <p><strong></HEAD></strong></p> <p><strong>第三步:浏览查看各网页</strong></p> <p><strong>样式文件:newstyle.css P{…..};</strong></p> <p><strong>4.3:样式的混合使用</strong></p> <p><strong>行内样式表、内嵌样式表、外部样式表各有优势,实际的开发中常常需要混合使用:</strong></p> <p><strong>有关整个网站统一风格的样式代码,放置在独立的样式文件*.css</strong></p> <p><strong>某些样式不同的页面,除了使用外部样式文件,还需定义内嵌样式</strong></p> <p><strong>某个网页内,部分内容”与众不同“,采用行内样式</strong></p> <p><strong>对于某个HTML标签:</strong></p> <p><strong>1)如果有多种样式,如果规定的样式没有冲突,则叠加;</strong></p> <p><strong>2)如果有冲突,则最先考虑行内样式表显示,如果没有,再考虑内嵌样式显示,如果还</strong></p> <p><strong>没有,最后采用外面样式表显示,否则就按HTML的默认样式显示。</strong></p> <p><strong>4.4:常用样式属性-文本字体:</strong></p> <p><strong>color: red / blue / #ff7300; 颜色</strong></p> <p><strong>font-family: ”隶书”; 字体类型</strong></p> <p><strong>font-size:20px; 字体大小(单位,px,em,ex)</strong></p> <p><strong>text-align: center / left / right; 文本对齐</strong></p> <p><strong>font-weight: bold / normal; 字体粗细</strong></p> <p><strong>text-decoration: underline/none; 文本修饰</strong></p> <p><strong>4.5:常用样式属性-边框</strong></p> <p><strong>border-width: 1px; 边框粗细</strong></p> <p><strong>border-top-width: 1px;</strong></p> <p><strong>border-bottom-width: 1px;</strong></p> <p><strong>border-left-width: 1px;</strong></p> <p><strong>border-right-width: 1px;</strong></p> <p><strong>border-style:solid/dashed/dotted; 边框线类型</strong></p> <p><strong>border-top-style、</strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">下边框风格,</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">左边框风格,</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">右边框样式</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">border-color:#ff7300; </font><font style="vertical-align:inherit;">边框颜色</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">边框顶部的颜色,</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">下边框颜色,</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">左边框的颜色,</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">右边框的颜色</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">border:1px solid#ff7300缩写</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">4.6:常用样式属性 - 背景</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">背景颜色</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">背景图像:URL(“xxx.gif”); </font><font style="vertical-align:inherit;">背景图片</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">background-repeat:repeat / no-repeat / repeat-x / repeat-y; </font><font style="vertical-align:inherit;">背景是否重复</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">background-position:center / left / right / top / bottom背景图片定位</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">4.7:<SPAN>标签</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;"><SPAN>是行级层标签,不可以包含图片,标题,段落等,只能包含文字内容,对其中</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">的内容可单独做样式控制。</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">4.8:<DIV>层标签</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;"><DIV>是块级层标签,可以包含图片,标题,段落,文字等</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">DIV的样式属性:</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">位置:绝对的; </font><font style="vertical-align:inherit;">绝对定位</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">左:149px; </font><font style="vertical-align:inherit;">X坐标</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">顶:110px; </font><font style="vertical-align:inherit;">ÿ坐标</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">的z-index:1; </font><font style="vertical-align:inherit;">ž坐标(位于哪一层)</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">宽度:357px; </font><font style="vertical-align:inherit;">宽</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">高度:87px; </font><font style="vertical-align:inherit;">高</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">display:none / block / inline; </font><font style="vertical-align:inherit;">显示方式</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">DIV布局:</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">浮动属性:定义元素在哪个方向浮动</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">左左侧浮动,从左往右排列显示</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">右右侧浮动,从右往左排列显示</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">无 - 默认,显示在文档中定义的位置</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">盒模型:</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">每个元素都被看作一个矩形框(盒子),由内容,填充(填充/内边距),</font></font></strong></p> <p><strong><font style="vertical-align:inherit;"><font style="vertical-align:inherit;">边框(边框)和利润率(空白边/外边距)组成。</font></font></strong></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1188582704984203264"></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"> <!-- 文章页-右侧1 动态广告位 --> <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> <!-- 文章页-右侧2 动态广告位 --> <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> <!-- 文章页-右侧3 动态广告位 --> <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">你可能感兴趣的:(前端知识)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1889726113106685952.htm" title="前端知识速记:浏览器缓存机制 - 强缓存与协商缓存" target="_blank">前端知识速记:浏览器缓存机制 - 强缓存与协商缓存</a> <span class="text-muted">无限大.</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E9%80%9F%E8%AE%B0/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/%E7%BC%93%E5%AD%98/1.htm">缓存</a> <div>前端知识速记:浏览器缓存机制-强缓存与协商缓存浏览器缓存是提升Web应用性能的关键技术之一。通过将静态资源(如CSS、JavaScript、图片等)存储在浏览器本地,可以避免重复从服务器下载,显著减少页面加载时间,改善用户体验。一、浏览器缓存机制概述浏览器缓存主要分为两种:强缓存(也称为本地缓存)和协商缓存(也称为弱缓存)。强缓存:当浏览器请求资源时,首先检查本地缓存是否命中。如果命中,则直接从缓</div> </li> <li><a href="/article/1887447008885665792.htm" title="【前端知识点总结】Ajax(三) XMLHttpRequest封装Ajax" target="_blank">【前端知识点总结】Ajax(三) XMLHttpRequest封装Ajax</a> <span class="text-muted">疆子</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93/1.htm">前端知识点总结</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</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> <div>1.XMLHttpRequest的基本用法XMLHttpRequest的概念XMLHttpRequest是浏览器内置的一个构造函数。axios中的axios.get()、axios.post()、axios()方法,都是基于XMLHttpRequest封装的!作用:基于new出来的XMLHttpRequest实例对象,可以发起Ajax的请求。XMLHttpRequest的使用主要的4个实现步骤:1</div> </li> <li><a href="/article/1886545475633475584.htm" title="前端知识速记--CSS篇:display" target="_blank">前端知识速记--CSS篇:display</a> <span class="text-muted">无限大.</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E9%80%9F%E8%AE%B0/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/css/1.htm">css</a> <div>前端知识速记–CSS篇:display一、什么是display属性?display属性用于指定一个元素如何被显示在网页上。它不仅影响元素的显示形式,还对元素的布局、结构以及与其他元素之间的关系产生重要影响。二、常用display属性值1.blockblock级元素独占一行,宽度默认占满父容器。常见的block元素有、至、等。其特点是可以设置宽高,并且可以在上、下方添加外边距。实例:这是一个块级元素</div> </li> <li><a href="/article/1886327169441918976.htm" title="Vue:前端体系、前后端分离" target="_blank">Vue:前端体系、前后端分离</a> <span class="text-muted">天宇阿</span> <a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>文章目录一、前端核心分析1、概述2、前端知识体系2.1、前端三要素2.2、结构层(HTML)2.3、表现层(CSS)2.4、行为层(JavaScript)2.5、三端统一2.6、后端技术2.7、主流前端框架3、了解前后分离的演变史3.1、后端为主的MVC时代3.2、基于AJAX带来的SPA时代3.3、前端为主的MV*时代3.4、NodeJS带来的全栈时代3.5、总结学习视频来自于:秦疆(遇见狂神说</div> </li> <li><a href="/article/1886308001552330752.htm" title="【自学笔记】Web前端的重点知识点-持续更新" target="_blank">【自学笔记】Web前端的重点知识点-持续更新</a> <span class="text-muted">Long_poem</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录Web前端知识点一、HTML基础二、CSS样式三、JavaScript基础四、前端框架与库五、前端工具与构建六、前端性能优化七、响应式设计与适配八、前端安全总结Web前端知识点一、HTML基础常用标签超链接(标签)图片(标签)表格(、、等标签)列表(无序列表、有序列表、定义列表)HTML5新特性语义化标签(、、等)音频视频(、</div> </li> <li><a href="/article/1885323687482159104.htm" title="前端知识速记—JS篇:箭头函数" target="_blank">前端知识速记—JS篇:箭头函数</a> <span class="text-muted">无限大.</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E9%80%9F%E8%AE%B0/1.htm">前端知识速记</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>前端知识速记—JS篇:箭头函数什么是箭头函数?箭头函数是ES6引入的一种新的函数书写方式,其语法更为简洁,常用于替代传统的函数表达式。箭头函数的基本语法如下:constfunctionName=(parameters)=>{//函数体};通过这种方式,开发者可以以更简练的形式定义函数,提高代码的可读性。箭头函数的基本特性1.简化语法箭头函数最直接的优势就是语法简单,特别是在定义短小的函数时,能显著</div> </li> <li><a href="/article/1884388954082439168.htm" title="uniapp中<map>地图怎么实现点位聚合?" target="_blank">uniapp中<map>地图怎么实现点位聚合?</a> <span class="text-muted">GoppViper</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</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%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E5%9C%B0%E5%9B%BE/1.htm">地图</a><a class="tag" taget="_blank" href="/search/%E8%81%9A%E5%90%88/1.htm">聚合</a> <div>推荐学习文档golang应用级os框架,欢迎stargolang应用级os框架使用案例,欢迎star案例:基于golang开发的一款超有个性的旅游计划app经历golang实战大纲golang优秀开发常用开源库汇总想学习更多golang知识,这里有免费的golang学习笔记专栏想学习更多前端知识,这里有免费的前端专栏确定聚合条件定义聚合的距离阈值:根据你的需求确定一个合适的距离阈值,当两个标记点之</div> </li> <li><a href="/article/1884225870709714944.htm" title="影视仓—2025年最新源接口,最强大便捷的影视盒子工具" target="_blank">影视仓—2025年最新源接口,最强大便捷的影视盒子工具</a> <span class="text-muted">SunnyRun!</span> <a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E7%94%B5%E8%A7%86/1.htm">智能电视</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%A7%86%E7%9B%92%E5%AD%90/1.htm">电视盒子</a><a class="tag" taget="_blank" href="/search/tvbox/1.htm">tvbox</a><a class="tag" taget="_blank" href="/search/%E5%BD%B1%E8%A7%86%E4%BB%93/1.htm">影视仓</a><a class="tag" taget="_blank" href="/search/%E5%BD%B1%E8%A7%86%E4%BB%93%E6%9C%80%E6%96%B0%E6%8E%A5%E5%8F%A3%E6%BA%90/1.htm">影视仓最新接口源</a><a class="tag" taget="_blank" href="/search/2025%E5%BD%B1%E8%A7%86%E4%BB%93%E6%9C%80%E6%96%B0%E6%8E%A5%E5%8F%A3/1.htm">2025影视仓最新接口</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%A7%86%E5%AE%89%E8%A3%85%E4%B8%89%E6%96%B9%E8%BD%AF%E4%BB%B6/1.htm">电视安装三方软件</a> <div>《前端开发面试题进阶秘籍》:前端登顶-前端知识点梳理小米盒子丨小米丨红米电视安装第三方软件教程!华为荣耀电视智慧屏安装第三方软件教程!天猫魔盒安装第三方软件、设置第三方软件自启方法!海信电视安装第三方软件通用教程!创维电视安装第三方软件!影视仓配置教程与使用小技巧!影视仓最新接口,2025免费API接口,TVBox源,影视仓源,4K配置接口,免费数据调用,绛州速寄,五折快递,寄大件物流,TV盒子配</div> </li> <li><a href="/article/1883976229669892096.htm" title="web自动化——前端知识" target="_blank">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/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>是HTML中的一个元素,用于在当前网页中嵌入另一个网页或文档。它就像一个“窗口”,可以在页面中显示其他内容。主要特点:嵌入外部内容:可以在网页中嵌入其他网页、视频、地图等。独立上下文:嵌入的内容与主页面相互独立,拥有自己的JavaScript和CSS环境。可定制:可以通过属性调整大小、边框等。常用属性:src:指定要嵌入内容的URL。width和height:设置iframe的宽度和高度。fram</div> </li> <li><a href="/article/1882642327231590400.htm" title="【前端知识】简单易懂的vue前端页面元素权限控制" target="_blank">【前端知识】简单易懂的vue前端页面元素权限控制</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%E6%8A%80%E6%9C%AF/1.htm">前端开发技术</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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/%E6%9D%83%E9%99%90%E6%8E%A7%E5%88%B6/1.htm">权限控制</a> <div>文章目录设计思路代码实现1.**权限数据管理**2.**权限判断方法**3.**动态控制元素**4.**路由权限控制**5.**无权限页面**总结相关文献在前端实现基于Vue的权限控制,通常需要结合后端返回的用户权限数据,动态控制页面元素的显示与隐藏、按钮的可点击状态等。以下是设计思路和代码实现:设计思路权限数据管理:从后端获取用户的权限数据(如角色、权限列表等),并存储在Vuex或组件的data</div> </li> <li><a href="/article/1879911812065980416.htm" title="关于BFC和清除浮动详解" target="_blank">关于BFC和清除浮动详解</a> <span class="text-muted"></span> <div>近期总结回顾前端知识,对清楚浮动和BFC有了更深刻更细致的理解,先把总结的文档放在这里,后面有时间再增加解释。如有疑问或有误解的地方,欢迎评论指正!格式化上下文块级格式化上下文(BlockFormattingContext,BFC)概念BFC属于普通流,具有BFC特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且BFC具有普通容器所没有的一些特性。BFC的特性清</div> </li> <li><a href="/article/1835354447627251712.htm" title="前端知识点" target="_blank">前端知识点</a> <span class="text-muted">ZhangTao_zata</span> <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/css/1.htm">css</a> <div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div> </li> <li><a href="/article/1830539876588679168.htm" title="前端知识HTML&CSS" target="_blank">前端知识HTML&CSS</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/%E5%89%8D%E7%AB%AF/1.htm">前端</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> <div>目录1.前端开发介绍1.1认识前端开发1.2web标准2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.3.1.2.4CSS选</div> </li> <li><a href="/article/1828740657657769984.htm" title="【前端知识整理】CSS布局 快速居中,两栏布局与三栏布局" target="_blank">【前端知识整理】CSS布局 快速居中,两栏布局与三栏布局</a> <span class="text-muted">EnoshSAGIRI</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>CSS中的各种布局方法1快速居中对齐的方法2两栏布局2.1左列定宽右列自适应2.1.1浮动+margin方法2.1.2浮动+BFC2.1.3定位(子绝父相)2.1.4flex2.1.5浮动+负外边距2.1.6table2.2左列不定宽右列自适应3三栏布局3.1浮动+margin3.2浮动+BFC3.3flex3.4table3.5定位3.6圣杯布局3.7双飞翼布局3.8grid1快速居中对齐的方法</div> </li> <li><a href="/article/1827536339374010368.htm" title="前台解析html标签,前端知识HTML常用标签" target="_blank">前台解析html标签,前端知识HTML常用标签</a> <span class="text-muted">Hank君</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%8F%B0%E8%A7%A3%E6%9E%90html%E6%A0%87%E7%AD%BE/1.htm">前台解析html标签</a> <div>什么是结构表现行为html用于描述页面的结构css用于控制页面中元素的样式javascript用于响应用户操作html超文本标记语言负责三个要素中的结构一个最基本的HTML页面:Documenthtml标签HTML中的标记指的就是标签。HTML使用标记标签来描述网页。标签内容标签名>一级标题我是一个段落p也是一个元素,em是p的子元素,p是em的父元素。内容html5声明怪异模式为了兼容一些旧的模</div> </li> <li><a href="/article/1759690720890941440.htm" title="vue项目总结" target="_blank">vue项目总结</a> <span class="text-muted">纯纯小白打码人</span> <a class="tag" taget="_blank" href="/search/%E8%AE%B0%E5%BD%95/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/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a> <div>学习前端知识大概是三个月了吧,都是跟着b站的视频学的,学了基本三件套,然后学了vue框架,由于自己没有关于前端的项目经验,所以就在b站找了个项目跟着做,花了大概一个月时间做完了,也成功部署上线了。码云地址:https://gitee.com/chen-mu-pmf/test2022.git部署上线访问地址:电商后台管理系统其实做完之后有点陷入迷茫,没有收获的感觉,没有学习的踏实感,很多东西都只是走</div> </li> <li><a href="/article/1759677372744953856.htm" title="java学习--黑马SpringBoot3课程个人总结-2024-02-06" target="_blank">java学习--黑马SpringBoot3课程个人总结-2024-02-06</a> <span class="text-muted">客卿123</span> <a class="tag" taget="_blank" href="/search/Java%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Java的学习笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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>1.前端知识学习2.Vue准备模块的代码Documentimport{createApp}from'https://unpkg.com/vue@3/dist/vue.esm-browser.js';//创建vue实例createApp({}).mount("#app")添加构建用户界面的代码Document{{msg}}import{createApp}from'https://unpkg.com</div> </li> <li><a href="/article/1759498560979677184.htm" title="高级前端面试题及详解" target="_blank">高级前端面试题及详解</a> <span class="text-muted">元芳Q代码</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>当准备高级前端面试时,除了掌握基本的前端知识外,还需要深入了解一些更高级的概念和技术。以下是一些常见的高级前端面试题及其详解,希望能帮助你更好地准备面试。什么是闭包?请举一个闭包的例子并解释其工作原理。闭包是指函数能够访问并操作在其词法作用域之外定义的变量的能力。闭包由函数及其相关的引用环境组成,引用环境包含了函数创建时所处的作用域中的变量。以下是一个闭包的例子:functionouterFunc</div> </li> <li><a href="/article/1757926783560204288.htm" title="安卓APP加载HTML5页面解决方案总结" target="_blank">安卓APP加载HTML5页面解决方案总结</a> <span class="text-muted">骋_listen</span> <div>由于H5页面在移动端的兼容性及扩展性方面体现出来的优势,又兼得APP中植入H5页面对应用的灵活性有大大的提升(如活动、游戏的更新等),APP开发不可避免的需要加载一些H5页面,但安卓客户端对网页内容的排版、整理、交互等可能会出现一些不可预料的问题。本文将对安卓端加载网页写一些比较通用,可能避免问题的统一的解决方法总结。背景一般对前端知识有所了解的都清楚,解析网页主要是靠页面渲染引擎和JS解析引擎,</div> </li> <li><a href="/article/1756706322436341760.htm" title="前端知识:ajax" target="_blank">前端知识:ajax</a> <span class="text-muted">长不大的大灰狼</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86/1.htm">前端知识</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a> <div>ajaxajax技术的目的是让javascript发送http请求(实现局部刷新或无刷新的效果),与后台通信,获取数据和信息。ajax技术的原理是实例化xmlHttpRequest对象,使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行,从而实现异步。不刷新页面更新网页在页面加载后从服务器请求数据在页面加载后从服务器接收数据在后台向服务器发送数据1同步和异步现实生活中,</div> </li> <li><a href="/article/1755490743264231424.htm" title="前端知识总结 js篇" target="_blank">前端知识总结 js篇</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a> <div>1.js运行机制setTimeout(function(){console.log('1')});newPromise(function(resolve){console.log('2');resolve();}).then(function(){console.log('3')});console.log('4');newPromise(function(resolve){console.log</div> </li> <li><a href="/article/1755145981512400896.htm" title="前端知识点复盘" target="_blank">前端知识点复盘</a> <span class="text-muted">Sherry 沈</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/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/react.js/1.htm">react.js</a> <div>组件和jsxconstroot=ReactDOM.createRoot(document.getElementById("root"))classAppextendsReact.Component{render(){return(sherry)}}root.render()箭头函数普通函数:function(){}箭头函数()=>{}只有一个参数的时候我们不需要为参数添加上括号,只有一个表达式的时</div> </li> <li><a href="/article/1754804433704730624.htm" title="前端基础复习(后端人员看前端知识)" target="_blank">前端基础复习(后端人员看前端知识)</a> <span class="text-muted">sunyunfei1994</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>企业级前端项目开发中,需要将前端开发所需要的工具、技术、流程、经验进行规范化和标准化,而不是零散的html、js、css文件堆叠在一起。首先我们需配置前端的开发基础环境NodeJS,相当于后端人员java开发的JDK。然后搭建前端工程脚手架Vue-cli,用于快速生成Vue的项目模板,相当于后端人员的maven标准化了目录结构。最后需下载前端代码开发工具VsCode,相当于我们的IDEA。Vue-</div> </li> <li><a href="/article/1754689328895770624.htm" title="好久不来了,这是入职三个月以来公司的笔记,我的葵花宝典,各种有的没的实用的前端知识" target="_blank">好久不来了,这是入职三个月以来公司的笔记,我的葵花宝典,各种有的没的实用的前端知识</a> <span class="text-muted">Sherlock_db</span> <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/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>hasOwnProperty()方法用来检测一个属性是否是对象的自有属性用this=this来把this注册在局部的作用域,使在function的时候(function只是在局部啊)this=this来把this注册在局部的作用域,使在function的时候(function只是在局部啊)this=this来把this注册在局部的作用域,使在function的时候(function只是在局部啊)t</div> </li> <li><a href="/article/1754134564067885056.htm" title="做Web自动化前,你必须掌握的几个技能" target="_blank">做Web自动化前,你必须掌握的几个技能</a> <span class="text-muted">码同学软件测试</span> <div>每天进步一点点,关注我们哦,每天分享测试技术文章本文章出自【码同学软件测试】码同学公众号:自动化软件测试码同学抖音号:小码哥聊软件测试学习web自动化的前提条件:手工测试(了解各种测试的知识)、学习编程语言、学习Web基础、学习自动化测试工具、学习自动化测试框架、需要掌握前端的一些知识,无论学习语言还是前端知识,都是为了接下来的脚本和框架做铺垫,本篇文章介绍下前端基础知识网页基础(HTML、CSS</div> </li> <li><a href="/article/1753800123499954176.htm" title="10个打开了我新世界大门的 WebAPI" target="_blank">10个打开了我新世界大门的 WebAPI</a> <span class="text-muted">前端点线面</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>大家好,我是“前端点线面”,一位新生代农民工,欢迎关注我获取最新前端知识和大量思维导图(“百题斩”获取《前端百题斩》pdf版;分别回复“go、React、操作系统、Linux、设计模式、js、webpack、nginx”获取对应学习思维导图,一起卷起来)原来我对这些WebAPI一无所知,打开了我新世界的大门,未来Web可以做到更多,早日一统江湖吧,吼吼吼。虽然这些API很多目前还存在兼容性的问题,</div> </li> <li><a href="/article/1752582786918662144.htm" title="Java后端须知的前端知识" target="_blank">Java后端须知的前端知识</a> <span class="text-muted">5-StarrySky</span> <a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</a><a class="tag" taget="_blank" href="/search/WEB%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/1.htm">WEB基础知识</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Java后端须知的前端知识HTML(超文本标记语言)W3C标准结构:HTML表现:CSS行为:JavaScript快速入门结构标签,表示这是一个html文档加载资源信息,添加标题加载标题(窗口上的字)定义文字文字标签color定义颜色html识别不区分大小写,标签属性值单双引皆可语法松散,语法错误可适当兼容-->基础标签Title我是标题h1我是标题h2我是标题h3我是标题h4我是标题h5我是标题</div> </li> <li><a href="/article/1752316042387931136.htm" title="flutter制作APP的学习" target="_blank">flutter制作APP的学习</a> <span class="text-muted">whrime</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>1.先从flutter对应的前端知识入手a.屏幕适配规律,解决大小样式问题https://juejin.cn/post/7039868577658175524(选择screenutil的使用指南:【Flutter】屏幕像素适配方案(flutter_screenutil插件)-CSDN博客Futter屏幕适配框架flutter_ScreenUtil用法-掘金中文文档:https://github.c</div> </li> <li><a href="/article/1752009571515252736.htm" title="毕业设计——基于SpringBoot+Mybatis+Thymeleaf架构实现的员工管理系统(源码+数据库)" target="_blank">毕业设计——基于SpringBoot+Mybatis+Thymeleaf架构实现的员工管理系统(源码+数据库)</a> <span class="text-muted">Python豆豆</span> <a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1%E6%8C%87%E5%AF%BC%E5%8F%8A%E5%AE%9A%E5%88%B6/1.htm">毕业设计指导及定制</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</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/mybatis/1.htm">mybatis</a> <div>员工管理系统(SpringBoot+Mybatis+Thymeleaf)SpringBoot整合CRUD实现员工管理案例,将Mybatis整合到原项目中,加入了数据库,添加了日期选项的控件。完整源码私信获取!环境要求JDK8以上IDEAMySQL8Maven3需要熟练掌握MySQL数据库,SpringBoot及MyBatis知识,简单的前端知识;数据库环境创建案例所使用的数据库CREATEDATA</div> </li> <li><a href="/article/1751960017763844096.htm" title="前端同步异步讲解--Ajax(axios进阶)的相关操作" target="_blank">前端同步异步讲解--Ajax(axios进阶)的相关操作</a> <span class="text-muted">菜鸟小木</span> <a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前言:之前我们讲到了数据在前后端传输是依赖xml文件,但是由于时代变迁,他也已经比逐步淘汰,json对象就逐步开始作为数据传输通道的桥梁,忘记的话可以去回顾文章对应的json对象最全的前端知识之css与jsp介绍-CSDN博客文章浏览阅读1k次,点赞31次,收藏21次。ok了,宝子们,今天发布的是我自己理解的前端知识css以及jsp的相关知识。请各位观众老爷们查收CSS是“CascadingSty</div> </li> <li><a href="/article/34.htm" title="Java 并发包之线程池和原子计数" target="_blank">Java 并发包之线程池和原子计数</a> <span class="text-muted">lijingyao8206</span> <a class="tag" taget="_blank" href="/search/Java%E8%AE%A1%E6%95%B0/1.htm">Java计数</a><a class="tag" taget="_blank" href="/search/ThreadPool/1.htm">ThreadPool</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91%E5%8C%85/1.htm">并发包</a><a class="tag" taget="_blank" href="/search/java%E7%BA%BF%E7%A8%8B%E6%B1%A0/1.htm">java线程池</a> <div>对于大数据量关联的业务处理逻辑,比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式,并且可以提高线程利用率,并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C</div> </li> <li><a href="/article/161.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%8A%BD%E8%B1%A1%E7%B1%BB/1.htm">抽象类</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3/1.htm">接口</a> <div>接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface; </div> </li> <li><a href="/article/288.htm" title="[房地产与大数据]房地产数据挖掘系统" target="_blank">[房地产与大数据]房地产数据挖掘系统</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a> <div>        随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb</div> </li> <li><a href="/article/415.htm" title="数组队列总结" target="_blank">数组队列总结</a> <span class="text-muted">沐刃青蛟</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84%E9%98%9F%E5%88%97/1.htm">数组队列</a> <div>      数组队列是一种大小可以改变,类型没有定死的类似数组的工具。不过与数组相比,它更具有灵活性。因为它不但不用担心越界问题,而且因为泛型(类似c++中模板的东西)的存在而支持各种类型。      以下是数组队列的功能实现代码:   import List.Student; public class</div> </li> <li><a href="/article/542.htm" title="Oracle存储过程无法编译的解决方法" target="_blank">Oracle存储过程无法编译的解决方法</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B%E3%80%80/1.htm">存储过程 </a> <div>今天同事修改Oracle存储过程又导致2个过程无法被编译,流程规范上的东西,Dave 这里不多说,看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN</div> </li> <li><a href="/article/669.htm" title="重装系统之后oracle恢复" target="_blank">重装系统之后oracle恢复</a> <span class="text-muted">文强chu</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>前几天正在使用电脑,没有暂停oracle的各种服务。 突然win8.1系统奔溃,无法修复,开机时系统 提示正在搜集错误信息,然后再开机,再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统,没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店,让人家给装了个系统,并且那哥们在我没反应过来的时候, 直接把我的c盘给格式化了 并且清理了注册表,再装系统。 然后的结果就是我的oracl</div> </li> <li><a href="/article/796.htm" title="python学习二( 一些基础语法)" target="_blank">python学习二( 一些基础语法)</a> <span class="text-muted">小桔子</span> <a class="tag" taget="_blank" href="/search/pthon/1.htm">pthon</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E8%AF%AD%E6%B3%95/1.htm">基础语法</a> <div>紧接着把!昨天没看继续看django 官方教程,学了下python的基本语法 与c类语言还是有些小差别: 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&</div> </li> <li><a href="/article/923.htm" title="svn 常用命令" target="_blank">svn 常用命令</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a><a class="tag" taget="_blank" href="/search/%E7%89%88%E6%9C%AC%E5%9B%9E%E9%80%80/1.htm">版本回退</a> <div>1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio</div> </li> <li><a href="/article/1050.htm" title="某小公司面试归来" target="_blank">某小公司面试归来</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>先填单子,还要写笔试题,我以时间为急,拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难,问了几个问题,记录下; 1,包的范围。。。public,private,protect. --悲剧了 2,hashcode方法和equals方法的区别。谁覆盖谁.结果,他说我说反了。 3,最恶心的一道题,抽象类继承抽象类吗?(察,一般它都是被继承的啊) 4,stru</div> </li> <li><a href="/article/1177.htm" title="动态数组的存储速度比较 集合框架" target="_blank">动态数组的存储速度比较 集合框架</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88%E6%A1%86%E6%9E%B6/1.htm">集合框架</a> <div>集合框架: 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器</div> </li> <li><a href="/article/1304.htm" title="用JS实现一个JS对象,对象里有两个属性一个方法" target="_blank">用JS实现一个JS对象,对象里有两个属性一个方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/js%E5%AF%B9%E8%B1%A1/1.htm">js对象</a> <div><html> <head> </head> <body> 用js代码实现一个js对象,对象里有两个属性,一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){ </div> </li> <li><a href="/article/1431.htm" title="探索JUnit4扩展:使用Rule" target="_blank">探索JUnit4扩展:使用Rule</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/JUnit/1.htm">JUnit</a><a class="tag" taget="_blank" href="/search/Rule/1.htm">Rule</a> <div>        在上一篇文章中,讨论了使用Runner扩展JUnit4的方式,即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n</div> </li> <li><a href="/article/1558.htm" title="[Gson一]非泛型POJO对象的反序列化" target="_blank">[Gson一]非泛型POJO对象的反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a> <div>当要将JSON数据串反序列化自身为非泛型的POJO时,使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种: 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段,例如泛型集合或者泛型类 Data类 a.不是泛型类, b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    </div> </li> <li><a href="/article/1685.htm" title="【Kakfa五】Kafka Producer和Consumer基本使用" target="_blank">【Kakfa五】Kafka Producer和Consumer基本使用</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>0.Kafka服务器的配置 一个Broker, 一个Topic Topic中只有一个Partition()   1. Producer: package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor</div> </li> <li><a href="/article/1812.htm" title="lsyncd实时同步搭建指南——取代rsync+inotify" target="_blank">lsyncd实时同步搭建指南——取代rsync+inotify</a> <span class="text-muted">ronin47</span> <div>1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案,原先使用的是 inotify + rsync,但随着文件数量的增大到100W+,目录下的文件列表就达20M,在网络状况不佳或者限速的情况下,变更的文件可能10来个才几M,却因此要发送的文件列表就达20M,严重减低的带宽的使用效率以及同步效率;更为要紧的是,加入inotify</div> </li> <li><a href="/article/1939.htm" title="java-9. 判断整数序列是不是二元查找树的后序遍历结果" target="_blank">java-9. 判断整数序列是不是二元查找树的后序遍历结果</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时,肯定是查找树 *2.只有两个结点时,肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是</div> </li> <li><a href="/article/2066.htm" title="MySQL的sum函数返回的类型" target="_blank">MySQL的sum函数返回的类型</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a> <div>今天项目切换数据库时,出错 访问数据库的代码大概是这样: String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows</div> </li> <li><a href="/article/2193.htm" title="java设计模式之单例模式" target="_blank">java设计模式之单例模式</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/java%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">java设计模式</a> <div> 在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的:   作为对象的创建模式,单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构   单例模式的特点: 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。   饿汉式单例类   publ</div> </li> <li><a href="/article/2320.htm" title="javascript取当月最后一天" target="_blank">javascript取当月最后一天</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div> <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont</div> </li> <li><a href="/article/2447.htm" title="linux tune2fs命令详解" target="_blank">linux tune2fs命令详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/tune2fs/1.htm">tune2fs</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E7%9C%8B%E7%B3%BB%E7%BB%9F%E6%96%87%E4%BB%B6%E5%9D%97%E4%BF%A1%E6%81%AF/1.htm">查看系统文件块信息</a> <div>一.简介: tune2fs是调整和查看ext2/ext3文件系统的文件系统参数,Windows下面如果出现意外断电死机情况,下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检,而且是可以通过tune2fs命令,自行定义自检周期及方式。 二.用法: Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou</div> </li> <li><a href="/article/2574.htm" title="做有中国特色的程序员" target="_blank">做有中国特色的程序员</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>  从出版业说起 网络作品排到靠前的,都不会太难看,一般人不爱看某部作品也是因为不喜欢这个类型,而此人也不会全不喜欢这些网络作品。究其原因,是因为网络作品都是让人先白看的,看的好了才出了头。而纸质作品就不一定了,排行榜靠前的,有好作品,也有垃圾。 许多大牛都是写了博客,后来出了书。这些书也都不次,可能有人让为不好,是因为技术书不像小说,小说在读故事,技术书是在学知识或温习知识,有</div> </li> <li><a href="/article/2701.htm" title="Android:TextView属性大全" target="_blank">Android:TextView属性大全</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/textview/1.htm">textview</a> <div>android:autoLink    设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置,将自动执行输入值的拼写纠正。此处无效果,在显示输入法并输</div> </li> <li><a href="/article/2828.htm" title="tomcat虚拟目录安装及其配置" target="_blank">tomcat虚拟目录安装及其配置</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/tomcat%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E/1.htm">tomcat配置说明</a><a class="tag" taget="_blank" href="/search/tomca%E9%83%A8%E7%BD%B2web%E5%BA%94%E7%94%A8/1.htm">tomca部署web应用</a><a class="tag" taget="_blank" href="/search/tomcat%E8%99%9A%E6%8B%9F%E7%9B%AE%E5%BD%95%E5%AE%89%E8%A3%85/1.htm">tomcat虚拟目录安装</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config:存放tomcat的配置文件 temp  :存放tomcat跑起来后存放临时文件用的 work   : 当第一次访问应用中的jsp</div> </li> <li><a href="/article/2955.htm" title="浅谈:APP有哪些常被黑客利用的安全漏洞" target="_blank">浅谈:APP有哪些常被黑客利用的安全漏洞</a> <span class="text-muted">gg163</span> <a class="tag" taget="_blank" href="/search/APP/1.htm">APP</a> <div>首先,说到APP的安全漏洞,身为程序猿的大家应该不陌生;如果抛开安卓自身开源的问题的话,其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上,有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测(ineice.com)的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞:APK 包非常容易被反编译成可读</div> </li> <li><a href="/article/3082.htm" title="C#根据网址生成静态页面" target="_blank">C#根据网址生成静态页面</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a> <div>HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页,以及显示用户名,退出等功能。根据网址生成页面的方法:   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri</div> </li> <li><a href="/article/3209.htm" title="SVG 教程 (一)" target="_blank">SVG 教程 (一)</a> <span class="text-muted">天梯梦</span> <a class="tag" taget="_blank" href="/search/svg/1.htm">svg</a> <div>SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识: 继续学习之前,你应该对以下内容有基本的了解: HTML XML 基础 如果希望首先学习这些内容,请在本站的首页选择相应的教程。 什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量</div> </li> <li><a href="/article/3336.htm" title="一个简单的java栈" target="_blank">一个简单的java栈</a> <span class="text-muted">luyulong</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%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E6%A0%88/1.htm">栈</a> <div> public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top </div> </li> <li><a href="/article/3463.htm" title="基础数据结构和算法八:Binary search" target="_blank">基础数据结构和算法八:Binary search</a> <span class="text-muted">sunwinner</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/Binary+search/1.htm">Binary search</a> <div>Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori</div> </li> <li><a href="/article/3590.htm" title="12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个!" target="_blank">12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个!</a> <span class="text-muted">刘星宇</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个! 1.gets()函数 问:请找出下面代码里的问题: #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff)); </div> </li> <li><a href="/article/3717.htm" title="ITeye 7月技术图书有奖试读获奖名单公布" target="_blank">ITeye 7月技术图书有奖试读获奖名单公布</a> <span class="text-muted">ITeye管理员</span> <a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a><a class="tag" taget="_blank" href="/search/ITeye/1.htm">ITeye</a><a class="tag" taget="_blank" href="/search/%E8%AF%95%E8%AF%BB/1.htm">试读</a> <div>ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾: http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀): 《Java性能优化权威指南》 </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. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </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>