戏精上身

HTML+CSS前期应达到的程度

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

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

（1）：会使用HTML的基本结构，创建网页

（2）：会使用文本字体相关标签，实现文字修饰和布局

（3）：会使用图像、超链接相关标签，实现图文并茂的页面

（4）：会使用表格相关标签，实现简单表格，跨行、跨列的复杂表格，并对表格进行美化修饰

（5）：会使用表单及表单元素标签，实现表单页面的制作

（6）：理解post和get两种提交方式的区别

2：HTML的基本结构

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

2.2：：定义网页标题 2.3：<meta>标签 <HEAD> <META name="author" content="zpark">  <META name="keywords"content="云计算,分布式处理,大数据,...">  <META http-equiv="Content-Type" content="text/html; charset=gb2312">  <META http-equiv="refresh" content="1">  <META http-equiv="refresh" content="2;url=http://www.taobao.com">  </HEAD> 2.4：文本、图像和链接。它包括在 <BODY>…</BODY> 标签内 <BODY bgcolor="#FFCCFF“ background="back_image.GIF" text="#FF0000"> hello world!!! </BODY> 2.5：<HTML>…</HTML>标签标记 HTML 文档的开始和结束 2.6：标题标签(H1 到 H6 标签用于指定不同级别的标题) <h1><h2><h3><h4><h5><h6>字体大小依次递减 2.7：字体字号标签  2.8：特殊符号 空格： 引号("")：" 小于(<)：< 大于(>)：> 版权符：© 2.9：段落和换行 段落标签：  换行标签： 2.10：水平线和列表和预格式文本 水平线：<hr size="5" color="red" width="300">标签 设置水平线的厚度值，颜色和宽度 列表标签： 有序列表： <ol type="1"> <li></li> ... </ol> 无序列表： <ul type="circle"> <li></li> ... </ul> 预格式段落：<pre>标签 2.11：图像标签 <img src="images/adv_2.jpg" width="300“ height="150“ alt="明星演唱会开幕" >  <img ... align="middle">  2.12：超链接<a>标签： <a href="register/register.html">[免费注册]</a>  设置超链接的显示位置： target：目标窗口属性四个特殊的窗口 <a href=url target=“_blank”> 显示在新窗口 <a href=url target=“_self”> 显示在本窗口 <a href=url target=“_parent”> 显示在父窗口 <a href=url target=“_top”> 显示在整个浏览器窗口 注意重点： 超链接-锚记属性： 链接到本页面 锚记标签用于使用户“跳”到文档的某个部分 步骤1：创建锚记 <a name=“marker”>主题名称</a> 步骤2：在超链接的 href中使用该锚记 <a href="#marker">xxx</a> 2.13：表格的基本结构 在 HTML 文档中，广泛使用表格来存放网页上的文本和图像 语法如下： <table border="1'> <tr> <td></td> <td></td> <td></td> </tr> </table>  跨多行的表格： rowspan =“n” 属性表示跨多少行？ <td rowspan="3">学生成绩表</td> 跨多列的表格： colspan=“n” 属性表示跨多少列？ <td colspan="3">学生成绩表</td> 2.14：表格的美化修饰（表格的宽度，高度，背景色，背景图片，文字的对齐方式） 设置表格的尺寸和边框： width用来设置表格的宽度 height用来设置表格的高度 border用来设置表格边框尺寸大小 bordercolor用来设置表格边框颜色 设置背景： background属性用来设置表格的背景图片 bgcolor属性用来设置表格、行、列的背景色。“#EBEFFF”是用RGB表示的一种颜色 值，RGB指的是红绿蓝，下图就是RGB颜色对照表。 设置对其方式： align属性用来设置表格、行、列的对齐方式 填充属性、间距属性： border(边框的厚度) cellpadding(单元格填充)用来设置表格内填充距离 cellspacing(单元格间距)用来设置表格内框宽度 2.15：表单 表单的典型应用： 注册用户 收集信息 反馈信息 为网站提供搜索工具 表单中包含的表单元素： 单行文本输入框(TEXT) <INPUT type=“text ” value="张三" size="20"> type="text";文本输入框 value="";输入元素的默认值 size="";文本框的宽度 密码框(PASSWORD) <INPUT type=“password ” value=“ 123456 ” size=“22”> type="password";密码框 value="";初始密码 size="";密码区的宽度 单选按钮(RADIO) <INPUT type="radio" value="男" checked="checked"> type="radio";单选按钮 value="";初始值 checked="checked";默认选中 复选框(CHECKBOX) <INPUT type=“checkbox” name="cb2" value="talk"> type="checkbox";复选框 name="":复选框名 value="";复选框值 checked="checked";设置此复选框默认被选中 重置按钮(RESET) <INPUT type="reset" name="Reset" value="重填"> type="button/reset/submit";按钮类型可为button、submit,reset name="":按钮名称 value="";按钮上面的文字 多行文本框(TEXTAREA) <TEXTAREA name="textarea" cols="40" rows="6"> 文本框中的内容 </TEXTAREA> name="textarea" ;文本框的名字 cols="40";文本框的列数 rows="6";文本框的行数 下拉列表(SELECT) <select name=“名称” > <option value=“选项的值” selected> … </option> <option value=“选项的值”> … </option> …… </select> 说明： selected默认被选中的可选项。 案例说明 <INPUT name="byear" value="yyyy" size=4 maxlength=4 >年 maxlength=4;设置此输入框最多只能输入四个符号 提交按钮(SUBMIT) 表单的基本结构： <FORM action=“http://www.sohu.com” method=“post”> …… </FORM> ACTION = “URL”；指定提交后，由服务器上那个处理程序处理 METHOD =“post或get”；指定向服务器提交的方法:一般为post或get方法, post方法比较安全 表单元素的统一格式： <FORM name="form3" method="post" action=""> <INPUT type="xxx" name="xxx" value="xxx" size="21“ maxlength="4" checked="checked"> …… </FORM> type="";指定元素的类型，可为TEXT、RADIO、SUBMIT等 name="";控件的名称 value="";控件的初始值 size="";控件的初始宽度 maxlength="":控件中输入的最多字符个数 checked="":控件是否被选中 2.16：框架 （1）：框架集页面(FrameSet.htm) （2）：广告栏顶部框架(top.htm) （3）：框架的边框 （4）：导航栏左侧框架(left.htm) （5）：详细内容页面右侧框架(main.htm)页面中此部分是变化的 框架的基本结构： <FRAMESET rows="25%,50%,*" border="5"> <FRAME name=“top" src="the_first.html"> <FRAME name="middle" src="the_second.html"> <FRAME name=“bottom" src="the_third.html"> </FRAMESET> rows=""; 将窗口进行上下分割，各部分的高度用逗号分开 cols: 将窗口进行左右分割，各部分的宽度用逗号分开,可选。 在浏览器中创建左中右结构的窗口： <frameset cols="150,*"...> border="5"；窗口边框的宽度 使用框架： 创建多个复杂的窗口实现步骤如下： 1、创建1个HTML页面“top.html” 2、创建1个HTML页面“left.html” 3、创建1个HTML页面“right.html” 4、创建框架集HTML页面“Frame_Sets.html” <FRAMESET rows="20%,*" frameborder="0"> <FRAME src="top.html" name="topframe“ scrolling="no" noresize="noresize"> <FRAMESET cols="20%,*"> <FRAME src="left.html" noresize="noresize“ scrolling="no" name="leftframe“ > <FRAME src="right.html" name="rightframe"> </FRAMESET> </FRAMESET> frameborder="0"；设置无框架边框 scrolling="no" ；不显示滚动条 name="rightframe"；框架名称，便于超链接target属性所引用 设置超链接的显示位置： 框架指定名称 <frame src=“url” name=“框架名”> target 给超链接指定显示位置 <a href="url" target=“框架名”> <a href="right.html" target="rightframe"> <IMG src="images/reg.jpg" width="158" height="31" border="0" /> </a> <a href="buy.html" target="rightframe"> <IMG src="images/buy.jpg" width="160" height="32" border="0" /> </a> target="rightframe"；target属性指定了要链接的文件会出现在名称 为“rightframe”的框架窗口里 3：CSS纯干货学习后的达到的效果(CSS层叠样式表) （1）：会创建统一外观的字体 （2）：文本会创建无下划线的超连接样式 （3）：会创建个性化的表格 （4）：会创建个性化的表单 （5）：会使用DIV实现页面布局 （6）：CSS样式表 HTML标签的外观样式比较单一 颜色只有黑白 字体类型和大小无变化 CSS（Cascade Style Sheets）级联/层叠样式表 作用： HTML页面的美化（相当于华丽的衣服） 实现内容与样式的分离，方便团队开发 4：CSS语法学习 4.1：样式表的基本语法 样式表的基本结构： <STYLE type="text/css"> P{color:red; font-size:30px; font-family:隶书;} …… </STYLE> <style type="text/css">文档样式表开始，类型为CSS样式 </style>声明文档样式表结束 p{....}样式规则; 样式规则： P {color:red; font-size:30px; font-family:隶书;} p:选择器 属性名称：color:red; font-size:30px; font-family:隶书; 注意：在最后一个属性后面加上一个分号 (;) 是一个好习惯 4.2：样式的分类 根据样式代码的位置，分为三类： 行内样式： 使用场景：如果希望某段文字和其他段落的文字显示风格不一样， 那么使用用“行内样式”。 使用语法：行内样式使用元素标签的 STYLE 属性定义。 <html标签 ... style="样式规则">xxx</html标签> size:24px"> ... 内嵌样式： 行内样式表局限于某1个标签，如果希望本网页内的所以同类标签都采用统一样式， 这时应采用内嵌样式。 P { font-size:20px; color:blue; text-align:center } 选择器名称，样式规则，样式表； 根据选择器的不同，内嵌样式又分为： HTML 选择器： P { font-size:20px; color:blue; text-align:center } CLASS 类选择器： .myinput {border: 1px solid;border-color:#D4BFFF; color:#2A00FF} 类选择器的定义格式为： .类名{ …样式规则;} 应用类选择器：class＝"类名(不含 . )"； ID 选择器： #fire { color:red; font-size: 24px; } ID选择器的定义格式为： ＃ID名{ …样式规则;} 应用ID选择器：id＝"ID名(不含#)"； CLASS和ID选择器的区别： 1、在CSS中定义样式表时，ID选择器以"#"开头；CLASS选择器以"." 开 头； 2、在HTML中使用样式表时，使用ID选择器需要id属性；使用CLASS选择 器需要class属性； 3、HTML标签中的id属性，通常用于唯一的标识页面中的一个页面元素， 不允许重复；class允许重复。 4、优先使用CLASS选择器；ID选择器不推荐。 内嵌样式-特殊的选择器： A:hover 特殊的伪类选择： 其中A代表超链接 hover：代表鼠标悬停 active：当前活动的超链接 visited：访问过的超链接 link：未访问过的超链接 外部样式： 使用场景：同一网站内的多个网页，样式风格统一。 第一步：创建样式表文件newstyle.css 第二步：把样式文件和网页关联 <HEAD> <LINK rel="stylesheet" type="text/css" href="样式表文件.css"> </HEAD> 第三步：浏览查看各网页 样式文件：newstyle.css P{…..}； 4.3：样式的混合使用 行内样式表、内嵌样式表、外部样式表各有优势，实际的开发中常常需要混合使用： 有关整个网站统一风格的样式代码，放置在独立的样式文件*.css 某些样式不同的页面，除了使用外部样式文件，还需定义内嵌样式 某个网页内，部分内容”与众不同“，采用行内样式 对于某个HTML标签： 1）如果有多种样式，如果规定的样式没有冲突，则叠加； 2）如果有冲突，则最先考虑行内样式表显示，如果没有，再考虑内嵌样式显示，如果还 没有，最后采用外面样式表显示，否则就按HTML的默认样式显示。 4.4：常用样式属性-文本字体： color: red / blue / #ff7300; 颜色 font-family: ”隶书”; 字体类型 font-size:20px; 字体大小(单位，px,em,ex) text-align: center / left / right; 文本对齐 font-weight: bold / normal; 字体粗细 text-decoration: underline/none; 文本修饰 4.5：常用样式属性-边框 border-width: 1px; 边框粗细 border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style:solid/dashed/dotted; 边框线类型 border-top-style、 下边框风格， 左边框风格， 右边框样式 border-color：＃ff7300; 边框颜色 边框顶部的颜色， 下边框颜色， 左边框的颜色， 右边框的颜色 border：1px solid＃ff7300缩写 4.6：常用样式属性 - 背景 背景颜色 背景图像：URL（“xxx.gif”）; 背景图片 background-repeat：repeat / no-repeat / repeat-x / repeat-y; 背景是否重复 background-position：center / left / right / top / bottom背景图片定位 4.7：标签 是行级层标签，不可以包含图片，标题，段落等，只能包含文字内容，对其中 的内容可单独做样式控制。 4.8：<DIV>层标签 <DIV>是块级层标签，可以包含图片，标题，段落，文字等 DIV的样式属性： 位置：绝对的; 绝对定位 左：149px; X坐标 顶：110px; ÿ坐标 的z-index：1; ž坐标（位于哪一层） 宽度：357px; 宽 高度：87px; 高 display：none / block / inline; 显示方式 DIV布局： 浮动属性：定义元素在哪个方向浮动 左左侧浮动，从左往右排列显示 右右侧浮动，从右往左排列显示 无 - 默认，显示在文档中定义的位置 盒模型： 每个元素都被看作一个矩形框（盒子），由内容，填充（填充/内边距）， 边框（边框）和利润率（空白边/外边距）组成。 </div> </div> </div> </div> </div>  <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">  <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">你可能感兴趣的:(前端知识)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1948795701588717568.htm" title="前端知识之jQuery" target="_blank">前端知识之jQuery</a> 意大利面拌42号混凝土 <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>jQuery文章目录jQuery一、什么是jQuery二、jQuery的优势三、jQuery的内容四、jQuery的版本五、jQuery的两种导入方式六、jQuery语法七.jQuery对象与标签对象之间的转换九、查找标签1、基本选择器2、组合选择器/分组嵌套3、基本筛选器4、属性选择器5、表单筛选器6、筛选器方法7、总结十、操作标签1、CSS类操作2、CSS样式操作3、位置操作4、尺寸5、文本操</div> </li> <li><a href="/article/1934557443010916352.htm" title="音视频的前端知识" target="_blank">音视频的前端知识</a> <div>1基本对象1.1DOCUMENT定义：浏览器内置的全局对象（window.document），提供访问和操作HTML文档的接口。核心功能：查找和选择HTML元素（如div、input）。修改元素的内容、属性和样式。创建新元素并添加到文档中。监听用户事件（如点击、滚动）1.查找和选择HTML元素//通过ID获取元素（返回单个元素）constelementById=document.getElemen</div> </li> <li><a href="/article/1934092909666168832.htm" title="大学生静态HTML网页源码——佛山旅游景点介绍网页代码家乡旅游网页制作模板 web前端期末大作业" target="_blank">大学生静态HTML网页源码——佛山旅游景点介绍网页代码家乡旅游网页制作模板 web前端期末大作业</a> html网页制作 <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/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/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E7%BE%8E%E9%A3%9F/1.htm">美食</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</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/%E8%8A%82%E6%97%A5/1.htm">节日</a> <div>家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。⚽精彩专栏</div> </li> <li><a href="/article/1932888575116898304.htm" title="【前端知识之Vue】对Vue.observable的了解" target="_blank">【前端知识之Vue】对Vue.observable的了解</a> 饭啊饭° <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E4%B9%8BVue/1.htm">前端知识之Vue</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> <div>前言本系列主要整理前端面试中需要掌握的知识点。本节介绍对Vue.observable的了解。文章目录前言一、Observable是什么二、使用场景三、面试官：介绍一下Observable一、Observable是什么定义：让一个对象变成响应式数据，Vue内部会用它来处理data函数返回的对象。返回的对象可以直接用于渲染函数和计算属性内，并且会在发生变更时触发相应的更新。也可以作为最小化的跨组件状态</div> </li> <li><a href="/article/1932452325255868416.htm" title="前端知识导图" target="_blank">前端知识导图</a> lucky_jiexia <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>前端知识导图参考：字节标准前端知识导图通用基础1、编程语言HTMLCSSJSTS2、计算机基础计算机网略数据结构算法：二分查找、十大排序、二叉树先中后和层次遍历、集合交并集、leetcode刷题经验编译构建webpack&vite应用基础开发环境和运行环境框架React性能优化</div> </li> <li><a href="/article/1932378682328936448.htm" title="javascript常见100问|前端基础知识|13-14-options 请求Restful-API-method前端知识体系14-总结，软技能是否看过红宝书code review CR 检查什么" target="_blank">javascript常见100问|前端基础知识|13-14-options 请求Restful-API-method前端知识体系14-总结，软技能是否看过红宝书code review CR 检查什么</a> 学习记录wanxiaowan <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%85%AB%E8%82%A1%E6%96%87/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/restful/1.htm">restful</a> <div>14-options请求题目跨域为何需要options请求？跨域浏览器同源策略，默认限制跨域请求。跨域的解决方案jsonpCORS//CORS配置允许跨域（服务端）response.setHeader("Access-Control-Allow-Origin","http://localhost:8011")//或者'*'response.</div> </li> <li><a href="/article/1925023802169815040.htm" title="HTML静态网页作业——关于我的家乡介绍安庆景点" target="_blank">HTML静态网页作业——关于我的家乡介绍安庆景点</a> IT-司马青衫 <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>家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。⚽精彩专栏</div> </li> <li><a href="/article/1922948073638653952.htm" title="微信小程序入门与实战开发" target="_blank">微信小程序入门与实战开发</a> 小贺要学前端 <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>关于作者：我是小贺，乐于分享各种前端知识，同时欢迎大家关注我的个人博客以及微信公众号[小贺前端笔记]前言微信小程序是一种无需下载安装即可使用的轻量级应用，凭借其便捷性和跨平台特性，广泛应用于电商、社交、工具等领域。本文将从零开始，介绍微信小程序的开发流程，包括环境搭建、核心功能实现，并通过一个简单的“待办事项”小程序案例，帮助读者快速上手。一、开发环境搭建1.1注册小程序账号访问微信公众平台，点击</div> </li> <li><a href="/article/1922948074133581824.htm" title="JavaScript 中级进阶技巧之异步编程" target="_blank">JavaScript 中级进阶技巧之异步编程</a> 小贺要学前端 <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在前端开发中，异步编程是不可或缺的技能。无论是从服务器获取数据、处理文件上传，还是实现动态交互，异步操作无处不在。然而，对于初级JavaScript开发者来说，回调函数、Promise和async/await常常令人困惑。作为一名中级开发者，熟练掌握异步编程不仅能让代码更优雅，还能提升性能和用户体验。关于作者：我是小贺，乐于分享各种前端知识，同时欢迎大家关注我的个人博客以及微信公众号[小贺前端笔记</div> </li> <li><a href="/article/1919046876590567424.htm" title="Spring Boot 保姆级入门教程" target="_blank">Spring Boot 保姆级入门教程</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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.介绍SpringBoot是一个用于简化Spring应用开发的框架。它提供了许多开箱即用的功能，如自动配置、嵌入式服务器等，使得开发者可以快速构建生产级别的应用。SpringBoot特别适合前端开发者转向全栈开发，因为它简化了后端开发的复杂性。为什么使用SpringBoot？快速开发：内置Tomc</div> </li> <li><a href="/article/1913896881163923456.htm" title="各大网站，欢迎大家收藏转发" target="_blank">各大网站，欢迎大家收藏转发</a> Android开发者小P <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/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/node/1.htm">node</a> <div>人整理来之不易请珍惜，如有错误请谅解，谢谢。。。资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社-精通JavaScript开发重新介绍JavaScript（JS教程）麻省理工学院公开课：计算机科学及编程导论JavaScript中</div> </li> <li><a href="/article/1913894110343786496.htm" title="最全的前端资源教程" target="_blank">最全的前端资源教程</a> Daisukes <a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>https://github.com/AutumnsWind/Front-end-tutorial部分内容是出自：https://github.com/jsfront/src/blob/master/qq.md资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体</div> </li> <li><a href="/article/1908416017470648320.htm" title="vue2知识点————(监听器，计算属性)" target="_blank">vue2知识点————(监听器，计算属性)</a> order one <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>vue2的知识点，更多前端知识在主页，还有其他知识会持续更新监听器Vue.js2中，监听器（Watchers）是一种机制，用于在数据发生变化时执行特定的操作。监听器允许你监视Vue实例中的数据变化，并在数据变化时执行自定义的逻辑。监听器的创建和使用：在Vue实例中，你可以通过watch选项或者vm.$watch方法来创建监听器。语法：watch:{变量名(newVal,oldVal){//变量名对</div> </li> <li><a href="/article/1905700499554889728.htm" title="前端知识点 --- border-Radius的四个角(css)" target="_blank">前端知识点 --- border-Radius的四个角(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/css/1.htm">css</a> <div>border-radius示例.box{width:200px;height:150px;background-color:#4CAF50;border-radius:20%5%20%5%/5%20%5%20%;border-radius:20%/;}带有不同水平和垂直圆角的示例20%5%20%5%/5%20%5%20%前四个值是分别针对水平半径和竖直半径的顺序设置：左上角：水平半径20%，竖直半</div> </li> <li><a href="/article/1904850441770954752.htm" title="我的DW个人网站设计——安徽宣城6页HTML+CSS+JavaScript" target="_blank">我的DW个人网站设计——安徽宣城6页HTML+CSS+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/javascript/1.htm">javascript</a> <div>家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。⚽精彩专栏</div> </li> <li><a href="/article/1904416803505893376.htm" title="前端知识-CSS(二)" target="_blank">前端知识-CSS(二)</a> 冉成未来 <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><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>文章目录CSS尺寸CSSDisplay(显示)与Visibility（可见性）CSSDisplay-块和内联元素display可设置的值CSSPosition(定位)重叠的元素CSSOverflowoverflow属性值：CSSFloat(浮动)CSS对齐元素居中对齐文本居中对齐图片居中对齐左右对齐-使用定位方式左右对齐-使用float方式垂直居中对齐-使用padding垂直居中-使用line-h</div> </li> <li><a href="/article/1901682755939397632.htm" title="前端知识点---一行代码检测数据类型(javascript)" target="_blank">前端知识点---一行代码检测数据类型(javascript)</a> *星之卡比* <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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%8E%9F%E5%9E%8B%E6%A8%A1%E5%BC%8F/1.htm">原型模式</a> <div>typeof只能检测基本数据类型和函数,instanceof不能检测基本数据类型如何一句话检测数据类型呢?function_typeof(value){returnObject.prototype.toString.call(value).slice(8,-1).toLowerCase();}结果是一个全为小写的字符串下面来一步一步分析这段代码:原型链解析Object是原型链中最上层的构造函数，但</div> </li> <li><a href="/article/1901473832414277632.htm" title="从零开始学机器学习——构建一个推荐web应用" target="_blank">从零开始学机器学习——构建一个推荐web应用</a> 努力的小雨 <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%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/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>首先给大家介绍一个很好用的学习地址：https://cloudstudio.net/columns今天，我们终于将分类器这一章节学习完活了，和回归一样，最后一章节用来构建web应用程序，我们会回顾之前所学的知识点，并新增一个web应用用来让模型和用户交互。所以今天的主题是美食推荐。美食推荐Web应用程序首先，请不要担心，本章节并不会涉及过多的前端知识点。我们此次的学习重点在于机器学习本身，因此我们</div> </li> <li><a href="/article/1899333110311481344.htm" title="什么是XSS" target="_blank">什么是XSS</a> 藤原千花的败北 <a class="tag" taget="_blank" href="/search/web%E6%BC%8F%E6%B4%9E/1.htm">web漏洞</a><a class="tag" taget="_blank" href="/search/xss/1.htm">xss</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a> <div>文章目录前言1.前端知识2.什么是XSS3.漏洞挖掘4.参考前言之前对XSS的理解就是停留在弹窗，认为XSS这种漏洞真的是漏洞吗？安全学习了蛮久了，也应该对XSS有更进一步的认识了。1.前端知识现代浏览器是一个高度复杂的软件系统，由多个核心组件协同工作，旨在高效、安全地呈现网页内容并执行交互逻辑。对一般用户来讲，其主要功能就是向服务器发出请求，在窗口中展示用户所选择的网络资源。这里所说的资源一般是</div> </li> <li><a href="/article/1898761265958940672.htm" title="前端知识点---路由模式-实例模式和单例模式(ts)" target="_blank">前端知识点---路由模式-实例模式和单例模式(ts)</a> *星之卡比* <a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a> <div>在ArkTS（ArkUI框架）中，路由实例模式（StandardInstanceMode）主要用于管理页面跳转。当创建一个新页面时，可以选择标准实例模式（StandardMode）或单实例模式（SingleMode）。路由实例模式标准实例模式（StandardMode）每次跳转都会创建一个新的页面实例。适用于允许用户打开多个相同页面的情况。不会复用已有的页面实例，每次跳转都会创建新的页面实例，用户</div> </li> <li><a href="/article/1898654544468963328.htm" title="前端知识点---库和包的概念" target="_blank">前端知识点---库和包的概念</a> *星之卡比* <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a> <div>1.什么是库（Library）？库（Library）是一组可复用的代码集合，提供特定功能（如网络请求、UI组件、数据处理等）。特点：只是代码的集合，没有完整的应用结构。不能单独运行，必须被应用或其他代码引用使用。可以理解为：「工具箱」里的一个工具（比如一把锤子）。2.什么是包（Package）？包（Package）是指一组代码库的封装，通常包含多个库（Library）、依赖关系和元数据（如pack</div> </li> <li><a href="/article/1898004190039437312.htm" title="【前端知识】Web Components开发框架quarkC介绍" target="_blank">【前端知识】Web Components开发框架quarkC介绍</a> 问道飞鱼 <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/%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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/components/1.htm">components</a> <div>文章目录概述**QuarkC简介****核心特性****QuarkC的使用方法****1.安装QuarkC****2.创建一个简单的QuarkC组件****3.使用组件****QuarkC的优势****1.更低的学习成本****2.更好的开发体验****3.跨框架兼容性****4.性能优化****5.社区支持与生态****6.开放性和灵活性****QuarkC的适用场景****总结**构建复杂We</div> </li> <li><a href="/article/1895782484910600192.htm" title="LeeCode 322-零钱兑换（经典动态规划）" target="_blank">LeeCode 322-零钱兑换（经典动态规划）</a> 等风来0212 <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95%E5%88%86%E4%BA%AB/1.htm">算法分享</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a> <div>322.零钱兑换（经典动态规划）前言博主是前大厂程序猿，不定期分享前端知识与算法。公众号：FECornerwx小程序：FECorner欢迎关注，一起探索知识～题目地址：322.零钱兑换（中等)标签：数组、动态规划题目描述：给你一个整数数组coins，表示不同面额的硬币；以及一个整数amount，表示总金额。计算并返回可以凑成总金额所需的最少的硬币个数。如果没有任何一种硬币组合能组成总金额，返回-1</div> </li> <li><a href="/article/1894661602100178944.htm" title="前端知识点个人实践" target="_blank">前端知识点个人实践</a> fan510988896 <a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%AE%9E%E8%B7%B5%28%E5%89%8D%E7%AB%AF%29/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> <div>前端知识点最佳实践前端一些记录js相乘小数点问题场景解决方案table值获取问题背景：需要遍历table，获取每行数据解决方案jquery的一些实践自己看吧前端一些记录js相乘小数点问题场景在js相乘中，会发现有很多小数点解决方案首先确定相乘精确位数，然后再末尾去零handleCutZero(result.toFixed(size)functionhandleCutZero(num){//拷贝一份</div> </li> <li><a href="/article/1891407802275000320.htm" title="前端知识速记--css篇：CSS3中的常见动画及实现方式" target="_blank">前端知识速记--css篇：CSS3中的常见动画及实现方式</a> 无限大. <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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>前端知识速记–css篇：CSS3中的常见动画及实现方式常见的CSS3动画1.过渡(Transitions)过渡是一种非常简单的动画效果，允许你在元素的状态变更时平滑过渡到新状态。语法格式：transition:propertydurationtiming-functiondelay;property：指定要过渡的CSS属性，例如background-color。duration：过渡的持续时间，例</div> </li> <li><a href="/article/1890135945194303488.htm" title="工作流程设计 php,php工程狮感知的前端工作流程" target="_blank">工作流程设计 php,php工程狮感知的前端工作流程</a> 三符 <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E6%B5%81%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">工作流程设计</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>这个时代不懂点前端知识，真的没有办法生存。就算不会写，也得了解它的原理吧！最近做了一些总结，之前都是迷迷糊糊，搞不清楚前端之前的相关定位。好好梳理了一下。错误之处请各位指正。本文主要说的是JavaScript工作流程目前前端真的该叫大前端，其越来越细化，越来越复杂。在这种背景下，诞生了很多工具很多前端工作流程。比如热门的：reactvuewebpackbabelgulpnode.jsnpmnvma</div> </li> <li><a href="/article/1889726113106685952.htm" title="前端知识速记：浏览器缓存机制 - 强缓存与协商缓存" target="_blank">前端知识速记：浏览器缓存机制 - 强缓存与协商缓存</a> 无限大. <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> 疆子 <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> 无限大. <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> 天宇阿 <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/34.htm" title="Java 并发包之线程池和原子计数" target="_blank">Java 并发包之线程池和原子计数</a> lijingyao8206 <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> 百合不是茶 <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> comsci <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> 沐刃青蛟 <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> IT独行者 <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> 文强chu <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> 小桔子 <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> aichenglong <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> alafqq <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> 百合不是茶 <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> bijian1013 <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> bijian1013 <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> bit1129 <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> bit1129 <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> ronin47 <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> bylijinnan <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> bylijinnan <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> chicony <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> ctrain <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>  <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> daizj <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> dcj3sjt126com <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> dcj3sjt126com <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> eksliang <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> gg163 <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> hvt <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> 天梯梦 <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> luyulong <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> sunwinner <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> 刘星宇 <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> ITeye管理员 <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"> 按字母分类： <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>