前端介绍及常用标签属性
前端架构分析
开发流程
设计页面样板–>前端工程师将样板做成静态网页–>后端工程师将静态网页修改为动态网页
##C/S架构
B/S架构
B/S架构顾名思义就是 B代表浏览器，则S代表服务器的意思
2.B/S架构就是说以网址的形式使用，将运算 操作等储存到远程服务器
W3C标准
**W3C标准是由万维网联盟所制定及修改
1.结构（HTML）
用于描述页面结构
2.表现（CSS)
用于控制页面中元素的样式
在前端中起美化页面的作用
3.行为（JavaScript）
用于响应用户的操作
在前端中起网页布局修改的作用
网站协议
协议就是一种加密方式 别名（超文本传输协议） 目前世界通用HTTP协议相对安全，如果网站涉及密码安全与支付安全的同时，在此诞生了HTTPS协议
#HTML语言（超文本标记语言）
HTMl语言有多种版本而我就不一一列举了，今天我主要介绍HTML5 第五代超文本标记语言，（编写过程中是不分行的当然为了代码好区分还是缩进为好）
##超文本
顾名思义就是超链接的意思，可以实现页面间的对接
##标记
又名标签用来识别网页中的不同组成部分
##HTML页面基本代码
网页标题
网页正文
- HTML中的标记指的就是标签用来描述网页
网页标题
<标签名/>
常用标签
作用：标签用于告诉浏览器这个文档中包含的信息是用HTML编写的
用法：所有的网页内容都需要编写到html标签中，一个网页中html标签只能有一个
html标签中有两个子标签head和body
作用：标签用来表示网页的元数据，head中包含了浏览器和搜索引擎使用的其他不可见信息
用法：head标签作为html标签的子元素出现，一个网页中只要有一个head
作用：<title>标签表示网页的标题，显示在标题栏上，是搜索引擎最先看到的醒目内容
<body>
作用：<body>标签用来设置网页的主体，所有可视页面都编写在body标签中
用法：body标签作为html的子标签使用
<p>
作用：<p>标签表示网页中的一个段落，一般浏览器会在段落的前后各加上一个换行，段落会在页面中自成一行
<br/>
作用：<br/>标签表示一个换行标签，使用br标签可以使标签后的内容另起一行
<hr/>
作用：<hr/>标签是水平线标签，使用hr标签可以在页面中打印一条水平线，水平线可以将页面分为上下两个部分
<img/>
作用：<img/>标签是图片标签，可以用来向页面中引入一些外部的图片
属性：src指向一个外部的图片路径
alt图片的描述
<a/>
作用：<a/>标签是超链接标签，通过a标签，可以快速跳转到其他页面
属性：href指向一个链接地址
target设置打开目标页面的位置，可选值：_blank新窗口，_self当前窗口
</code></pre>
<p>元素</p>
<ul>
<li>一个完整的标签称为元素</li>
</ul>
<pre><code><h1>网页正文</h1>
</code></pre>
<blockquote>
<p>h1和/h1是一个完整的元素</p>
</blockquote>
<ul>
<li>子元素和父元素</li>
</ul>
<pre><code><p>我是一个<em>段落</em></p>
</code></pre>
<blockquote>
<p>p也是一个元素，em是p的子元素，p是em的父元素</p>
</blockquote>
<ul>
<li>祖先元素和后代元素</li>
</ul>
<pre><code><body>
<p><em>段落</em></p>
</body>
</code></pre>
<blockquote>
<p>body也是一个元素<br> body是p和em的祖先元素<br> p和em是body的后代元素<br> ##标题</p>
</blockquote>
<ul>
<li>标题分为一到六级分别写法为</li>
</ul>
<pre><code><h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</code></pre>
<p>##属性</p>
<ul>
<li>可以为标签设置属性</li>
<li>通过属性为元素添加附加信息</li>
<li>属性总是以名称/值对的形式出现 比如：name=“value”<br> -有些属性可以是任意值</li>
</ul>
<pre><code><img src=""alt="" />
</code></pre>
<ul>
<li>有些属性是指定值</li>
</ul>
<pre><code><h1 title="我是一个标题">标题</h1>
</code></pre>
<p><strong>常见属性</strong></p>
<ul>
<li>id</li>
</ul>
<blockquote>
<p>id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值</p>
</blockquote>
<ul>
<li>class</li>
</ul>
<blockquote>
<p>class属性用来为标签分组，拥有相同属性的标签视为一组，就像python中的类，可以出现相同的class属性，可以为一个元素指定多个class</p>
</blockquote>
<ul>
<li>title</li>
</ul>
<blockquote>
<p>title属性用来指定标签的标题，指定title以后，鼠标移入到元素上方时，会显示提示文字<br> ##注释<br> 注释就是解释的意思 为了方便记忆可以使用注释</p>
</blockquote>
<pre><code><!-- 注释内容 -->
</code></pre>
<p>##解决显示乱码问题<br> 在头标题中添加</p>
<pre><code><meat charset="utf-8" />
</code></pre>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1292670400915906560"></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/1835496148601761792.htm"
title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
</li>
<li><a href="/article/1834679976411099136.htm"
title="前端学习之三种css样式写法" target="_blank">前端学习之三种css样式写法</a>
<span class="text-muted">MissPSTime</span>
<div>选择器/*内嵌式样式书写*/-->，不使用-->后代选择器标签选择器标签选择器标签选择器</div>
</li>
<li><a href="/article/1834654189037383680.htm"
title="一个正经的前端学习 开源 仓库(第1天）" target="_blank">一个正经的前端学习 开源 仓库(第1天）</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/vue/1.htm">vue</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/js/1.htm">js</a>
<div>低调务实优秀中国好青年(简介)&&附加答案https://github.com/webVueBlog/Leetcode√-“三十年河东，三十年河西，莫欺少年穷”一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）：我是哪吒：如果你所学的东西处于喜欢才会有强大的动力支撑。交流讨论&&如何学习&&转载声明第一：你可以直接在本仓库阅读即可，</div>
</li>
<li><a href="/article/1833825994994184192.htm"
title="【微信小程序】制作个人信息页面" target="_blank">【微信小程序】制作个人信息页面</a>
<span class="text-muted">m0_67393593</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>题外：也许前端学习也应包括审美。在我学习前端路上，以前模仿视频内容，现在模仿别人成品…我曾想过作为前端是不是也应学习UI设计方向的美术知识，再不济也应具备页面布局的审美。但这个想法被一位大佬否定了，所以这个想法也只好放在心里成为另一种可能。分享一个今天才学会的CSDN写文章的技巧~正题：先上成品图1.架构进行编程前，我们要架构。对整体项目叫架构，对一个页面而言不如说叫整理思路以本图为例，除去底部t</div>
</li>
<li><a href="/article/1831658331656253440.htm"
title="CSS前端学习（online tuorials）" target="_blank">CSS前端学习（online tuorials）</a>
<span class="text-muted">憨憨憨憨憨到不行的程序员</span>
<a class="tag" taget="_blank" href="/search/CSS%E5%AD%A6%E4%B9%A0%EF%BC%88online/1.htm">CSS学习（online</a><a class="tag" taget="_blank" href="/search/tuorials%EF%BC%89/1.htm">tuorials）</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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>index.htmlDocument憨憨憨憨憨程序员学的前端例子~憨憨憨憨憨程序员学的前端例子~//监听鼠标移动事件，当鼠标在页面上移动时，触发parallax函数document.addEventListener('mousemove',parallax);//定义一个名为parallax的函数，用于处理视差效果functionparallax(e){//使用querySelectorAll选择</div>
</li>
<li><a href="/article/1831643703182192640.htm"
title="CSS前端学习（online tuorials）旋转动画" target="_blank">CSS前端学习（online tuorials）旋转动画</a>
<span class="text-muted">憨憨憨憨憨到不行的程序员</span>
<a class="tag" taget="_blank" href="/search/CSS%E5%AD%A6%E4%B9%A0%EF%BC%88online/1.htm">CSS学习（online</a><a class="tag" taget="_blank" href="/search/tuorials%EF%BC%89/1.htm">tuorials）</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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>index.htmlcourse2style.css*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0e2223;}.loader{position:relative;width:1</div>
</li>
<li><a href="/article/1831565424018419712.htm"
title="前端学习：如何将数据存储到chrome浏览器localStorage中（详细）" target="_blank">前端学习：如何将数据存储到chrome浏览器localStorage中（详细）</a>
<span class="text-muted">Dorable_Wander</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</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/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a>
<div>localStorage的基本操作——存储、读取、删除、JSON格式数据的处理知识调用核心干货知识调用文章中可能用到的知识点前端学习：浏览器缓存方式有哪些（cookielocalstoragesessionstorage）如何查看Chrome浏览器的页面缓存内容【详细教程】如何清除浏览器缓存（快捷键+手动）cookie、sessionStorage和localStorage的区别（一）cookie</div>
</li>
<li><a href="/article/1828515021135638528.htm"
title="60 个前端 Web 开发流行语你都知道哪些？" target="_blank">60 个前端 Web 开发流行语你都知道哪些？</a>
<span class="text-muted">web18224617243</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>??个人网站:【海拥】【摸鱼小游戏】??风趣幽默的前端学习课程：??28个案例趣学前端??想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】??免费且实用的计算机相关知识题库：??进来逛逛给大家安利一个免费且实用的前端刷题（面经大全）网站，??点击跳转到网站。不想在你朋友讨论Web前端开发时感到一头雾水？今天海海给大家带来了60个Web前端开发的术语，看看你知道的有多少。以下列表是按照字母顺序排</div>
</li>
<li><a href="/article/1826966848713879552.htm"
title="WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站" target="_blank">WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站</a>
<span class="text-muted">html5网页设计</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%BD%9C%E4%B8%9A/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%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%88%B6%E4%BD%9C/1.htm">网页设计与制作</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html期末大作业</a>
<div>精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干</div>
</li>
<li><a href="/article/1772773132000624640.htm"
title="【前端学习——js篇】7.函数缓存" target="_blank">【前端学习——js篇】7.函数缓存</a>
<span class="text-muted">笔下无竹墨下有鱼</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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>具体见：https://github.com/febobo/web-interview7.函数缓存函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化：①柯里化柯里化（currying)是一种函数式编程的概念，指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的</div>
</li>
<li><a href="/article/1759733012494381056.htm"
title="前端学习day8--CSS（定位，堆叠，CSS精灵，字体图标，过渡/修饰属性）" target="_blank">前端学习day8--CSS（定位，堆叠，CSS精灵，字体图标，过渡/修饰属性）</a>
<span class="text-muted">cuier520</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%AD%A6%E4%B9%A0/1.htm">学习</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>
<div>目录定位：功能：使用方式：相对定位：相对定位的特点：绝对定位：绝对定位的特点：定位居中：固定定位：编辑定位总结：堆叠层级：编辑CSS精灵：使用方法：字体图标：下载字体：使用字体：字体图标特有矢量图的上传：垂直对齐方式vertical-align：过渡transition：透明度opacity：光标类型cursor：定位：功能：可以使两个标签压在一起显示。在于灵活的改变标签的位置。使用方式：定位有两</div>
</li>
<li><a href="/article/1757961873728225280.htm"
title="【网页设计】web前端期末大作业html+css" target="_blank">【网页设计】web前端期末大作业html+css</a>
<span class="text-muted">web学生网页设计</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E4%BD%9C%E4%B8%9A/1.htm">html5期末作业</a>
<div>精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干</div>
</li>
<li><a href="/article/1757814883002368000.htm"
title="前端究竟怎么学？最全的学习方法和路径大公开！" target="_blank">前端究竟怎么学？最全的学习方法和路径大公开！</a>
<span class="text-muted">WEB前端含光</span>
<div>眼看着金九银十的黄金面试季又到了，如何学好前端才能在日渐竞争激烈的前端面试中脱颖而出？其实不论是小白程序员还是有了工作经验的成熟程序员，不同阶段的人对前端学习和职业发展总有自己的迷茫，简单汇总了下，发现大家出现的问题主要是3种：1、行业竞争变大，初级前端工程师泛滥，发展预冷；2、部分有技术追求和热情的中级工程师，工作了几年也开始接触管理岗，但做了才发现，技术积累不够，不仅跟不上节奏，在工作中只能是</div>
</li>
<li><a href="/article/1757801692855812096.htm"
title="【JAVA WEB】JavaScript(WebAPI)--DOM基本概念 && 获取元素 && 点击事件 && 键盘事件" target="_blank">【JAVA WEB】JavaScript(WebAPI)--DOM基本概念 && 获取元素 && 点击事件 && 键盘事件</a>
<span class="text-muted">lzb_kkk</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>目录什么是WebAPIDOM的基本概念DOM是什么DOM树获取元素querySelectorquerySelectorAll事件事件初识基本概念事件三要素点击事件键盘事件什么是WebAPI前端学习的JS分成三个大的部分ECMAScript：基础语法部分DOMAPI：操作页面结构BOMAPI：操作浏览器WebAPI就包含了DOM+BOM。DOM的基本概念DOM是什么DOM全程为DocunmentOb</div>
</li>
<li><a href="/article/1757363435785437184.htm"
title="前端学习的笔记第二篇" target="_blank">前端学习的笔记第二篇</a>
<span class="text-muted">fly in the sky !</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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>vscode如何快速生成代码!+Tab效果：解析：:指定当前html版本5。:lang=>language，en=>english。指定当前页面内容是英文的。:浏览器解码规则，按照UTF-8的格式进行解码。:设计的页面，既要在浏览器打开，又想要在手机端打开，就涉及到移动端适配。html里的常见标签标题标签&&段落标签&&换行标签注释标签目的：提高代码的可读性，使程序猿能够更轻松地理解和掌握代码。示</div>
</li>
<li><a href="/article/1757253326212186112.htm"
title="前端学习路线" target="_blank">前端学习路线</a>
<span class="text-muted">沐白star</span>
<div>路要一步一步的走，饭要一口一口的吃，今天我来给大家整理下前端的学习路线。初级阶段（静态网页制作、JS编程入门）1.Photoshop入门图像处理基础知识、图像处理基础知识、分辨率、图像的色彩模式、常用的图像文件格式。Photoshop工作界面的介绍、文件操作、图像的显示效果、图像和画布尺寸的调整、绘制和编辑选区、选区的操作技巧、渐变工具和油漆桶工具。图像合成、图层、蒙版、配色、切图、色彩搭配原则。</div>
</li>
<li><a href="/article/1756957575401717760.htm"
title="web前端学习教程：JS的作用域链" target="_blank">web前端学习教程：JS的作用域链</a>
<span class="text-muted">Eric_V</span>
<div>我们都知道js是一个基于对象的语言，系统内置各种对象。而window作为一个天然存在的全局对象，它承担了所有全局资源的存储。我们使用的任何全局变量，都是window下的。也就是说，在js中，实际上没有任何对象、方法是可以独立的，它们必须依赖于某个对象才可以被访问或执行。就像alert()，它的完整写法是window.alert()parseInt(),完整写法是window.parseInt()所</div>
</li>
<li><a href="/article/1756734894089715712.htm"
title="2019web前端学习路线，教你认识HTML" target="_blank">2019web前端学习路线，教你认识HTML</a>
<span class="text-muted">强哥科技兴</span>
<div>近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后的金三银四能靠实力找到一份满意的工作！有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲，在2019年，我们学习前端开发，如何才能高效学会前端开发？HTML基础学习目标1、本专业介绍、HTML相关概念，</div>
</li>
<li><a href="/article/1756087457033502720.htm"
title="【前端学习】网络是如何工作的" target="_blank">【前端学习】网络是如何工作的</a>
<span class="text-muted">Jiye@</span>
<a class="tag" taget="_blank" href="/search/roadmapsh/1.htm">roadmapsh</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%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
<div>互联网是一组通过标准化协议相互连接的全球计算机网络，它们通过这些协议进行通信。网络是如何工作的作为开发者，了解互联网是什么以及它是如何运作的是至关重要的。这是大多数现代软件应用程序构建的基础。为了构建有效、安全和可扩展的应用程序和服务，您需要深入了解互联网的工作原理，以及如何利用其强大的能力和连接性。在本文中，我们将介绍互联网的基础知识，包括它是什么以及它是如何运作的，一些基本概念、术语，以及一些</div>
</li>
<li><a href="/article/1756087457738145792.htm"
title="【前端学习】什么是HTTP" target="_blank">【前端学习】什么是HTTP</a>
<span class="text-muted">Jiye@</span>
<a class="tag" taget="_blank" href="/search/roadmapsh/1.htm">roadmapsh</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%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a>
<div>HTTP是什么HTTP本身依赖于TCP/IP，在客户端和服务器之间获取请求和响应。默认情况下，使用TCP端口80，但也可以使用其他端口。HTTPS使用端口443。三次握手三次握手在其最简单的形式中是指，所有TCP连接都以三次握手开始，即在客户端和服务器开始共享应用程序数据之前，它们共享一系列数据包。SYN-客户端选择一个随机数，假设为x，并将其发送到服务器。SYNACK-服务器通过向客户端发送一个</div>
</li>
<li><a href="/article/1756032433184063488.htm"
title="人力资源智能化管理项目（day04:组织架构）" target="_blank">人力资源智能化管理项目（day04:组织架构）</a>
<span class="text-muted">我是如此相信ᯤ⁶⁶ᴳ</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%8A%9B%E8%B5%84%E6%BA%90%E6%99%BA%E8%83%BD%E5%8C%96%E7%AE%A1%E7%90%86%E9%A1%B9%E7%9B%AE/1.htm">人力资源智能化管理项目</a><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>
<div>学习源码可以看我的个人前端学习笔记(github.com):qdxzw/humanResourceIntelligentManagementProject觉得有帮助的同学，可以点心心支持一下哈树组件应用depts:[{name:'传智教育',children:[{name:'总裁办'},{name:'行政部'},{name:'人事部',children:[{name:'财务核算部'},{name:</div>
</li>
<li><a href="/article/1756032179529334784.htm"
title="人力资源智能化管理项目（day03:主页模块）" target="_blank">人力资源智能化管理项目（day03:主页模块）</a>
<span class="text-muted">我是如此相信ᯤ⁶⁶ᴳ</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%8A%9B%E8%B5%84%E6%BA%90%E6%99%BA%E8%83%BD%E5%8C%96%E7%AE%A1%E7%90%86%E9%A1%B9%E7%9B%AE/1.htm">人力资源智能化管理项目</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>学习源码可以看我的个人前端学习笔记(github.com):qdxzw/humanResourceIntelligentManagementProject觉得有帮助的同学，可以点心心支持一下哈主页权限验证(permission.js)importrouterfrom'@/router'importnprogressfrom'nprogress'//进度条import'nprogress/nprog</div>
</li>
<li><a href="/article/1755959390596251648.htm"
title="面试官当面撕程序员简历：大专生我们不收！" target="_blank">面试官当面撕程序员简历：大专生我们不收！</a>
<span class="text-muted">秋风_bdfd</span>
<div>每个人都有过求职的经历，这个过程也是很痛苦的，因为求职不可能会让你一帆风顺的，经常会使你碰壁。即便是被拒绝了之后，想想自己的哪些方面的不足，在下一次面试的时候做好准备，也没什么抱怨的。但是总有一些面试官的做法却让人感到愤怒。这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基础入门教程，欢迎</div>
</li>
<li><a href="/article/1755837137724391424.htm"
title="关于前端学习路线的一些建议" target="_blank">关于前端学习路线的一些建议</a>
<span class="text-muted">陌染007</span>
<div>前言对于刚开始学习前端的伙伴俩说，问得最多的问题就是——前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。虽然这篇文章花了很长时间，肯定也有其局限性；希望各位不吝指出。入题我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以对我们提出的要求也就越来越高。所以我们需要学的也就不仅仅只是C</div>
</li>
<li><a href="/article/1755712844566904832.htm"
title="前端学习之路(6) npm详解" target="_blank">前端学习之路(6) npm详解</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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a>
<div>npm是什么？npm（nodepackagemanager）：node.js的包管理器，用于node插件管理（包括安装、卸载、管理依赖等），npm是随同node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题，常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或</div>
</li>
<li><a href="/article/1755621366918299648.htm"
title="Web前端学习笔记" target="_blank">Web前端学习笔记</a>
<span class="text-muted">jusw123456</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%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>文章目录HTML+CSS系列学习笔记①之拨云见日1、什么是HTML、CSS？2、VSCode编译器（宇宙第一编译器）3、五大浏览器4、深入了解网站开发5、web前端的三大核心技术6、HTML基本结构和属性7、HTML初始代码8、HTML注释9、标题与段落10、文本修饰标签11、引入文件的地址路径12、图片标签13、跳转链接14、跳转锚点15、特殊符号16、列表标签17、表格标签18、表格属性19、</div>
</li>
<li><a href="/article/1755383441261608960.htm"
title="个人前端学习知识（javaScript）（保持更新）" target="_blank">个人前端学习知识（javaScript）（保持更新）</a>
<span class="text-muted">Natural-9</span>
<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%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>JavaScript2022年8月1日一.javascript的组成1.ECMAScript:定义了javascript的语法规范，描述了语言的基本语法和数据类型2.BOM(BrowerObjectModel):浏览器对象模型，有一套成熟的可以操作浏览器的方法，通过BOM可以操作浏览器，比如：弹出对话框，跳转页面，获取分辨率等3.DOM(DocumentObjectModel）：文档对象模型，有一</div>
</li>
<li><a href="/article/1755040041660334080.htm"
title="【融职培训】Web前端学习 第2章 网页重构11 HTML5新增标签" target="_blank">【融职培训】Web前端学习 第2章 网页重构11 HTML5新增标签</a>
<span class="text-muted">lmonkey_01</span>
<div>一、html5概述html5是超文本标记语言（html）的第五次重大修改，可以简单的理解为是html的第五个大版本。我们平时所说的html5其实是包含了html5，css3的新特性，以及新增的JavaScript接口。本节的主要内容是讲解html5中新增加的布局标签和媒体标签。二、html5布局标签在此前我们学习的内容中，网页布局一直都是使用div作为容器，html5新标准中，为了让容器元素有语义</div>
</li>
<li><a href="/article/1754774928571252736.htm"
title="目前最全的前端开发面试题及答案" target="_blank">目前最全的前端开发面试题及答案</a>
<span class="text-muted">jooner</span>
<div>https://github.com/HerbertKarajan/Fe-Interview-questions在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）react面试题https://www.cnblogs.com/wangking/p/9354368.htmlvue面试题https://www.cnblogs.com/wangking/p/95988</div>
</li>
<li><a href="/article/1754760489352577024.htm"
title="前端学习之路(4) vue2和vue3的区别" target="_blank">前端学习之路(4) vue2和vue3的区别</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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>一.根节点不同vue2中必须要有根标签vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。二.组合式API和选项式API在vue2中采用选项式API，将数据和函数集中起来处理，将功能点切割了当逻辑复杂的时候不利于代码阅读。在vue3中采用组合式API，将同一个功能的代码集中起来处理，使得代码更加有序，有利于代码的书写和维护。三.生命周期的变化创建前：</div>
</li>
<li><a href="/article/115.htm"
title="C/C++Win32编程基础详解视频下载" target="_blank">C/C++Win32编程基础详解视频下载</a>
<span class="text-muted">择善Zach</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/Win32/1.htm">Win32</a>
<div>课题视频：C/C++Win32编程基础详解
视频知识：win32窗口的创建
windows事件机制
主讲：择善Uncle老师
学习交流群：386620625
验证码：625
--</div>
</li>
<li><a href="/article/242.htm"
title="Guava Cache使用笔记" target="_blank">Guava Cache使用笔记</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/guava/1.htm">guava</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a>
<div>1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常
我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。
实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。
2.Guava</div>
</li>
<li><a href="/article/369.htm"
title="解决ora-01652无法通过128（在temp表空间中）" target="_blank">解决ora-01652无法通过128（在temp表空间中）</a>
<span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程
一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。
分析过程：
既然是temp表空间有问题，那当</div>
</li>
<li><a href="/article/496.htm"
title="Struct在jsp标签" target="_blank">Struct在jsp标签</a>
<span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/struct/1.htm">struct</a>
<div>非UI标签介绍：
控制类标签：
1：程序流程控制标签 if elseif else
<s:if test="isUsed">
<span class="label label-success">True</span>
</</div>
</li>
<li><a href="/article/623.htm"
title="按对象属性排序" target="_blank">按对象属性排序</a>
<span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E6%8E%92%E5%BA%8F/1.htm">对象排序</a>
<div>利用JavaScript进行对象排序，根据用户的年龄排序展示
<script>
var bob={
name;bob,
age:30
}
var peter={
name;peter,
age:30
}
var amy={
name;amy,
age:24
}
var mike={
name;mike,
age:29
}
var john={
</div>
</li>
<li><a href="/article/750.htm"
title="大数据分析让个性化的客户体验不再遥远" target="_blank">大数据分析让个性化的客户体验不再遥远</a>
<span class="text-muted">蓝儿唯美</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a>
<div>顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。
分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。
然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实</div>
</li>
<li><a href="/article/877.htm"
title="java笔记4" target="_blank">java笔记4</a>
<span class="text-muted">a-john</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>操作符
1，使用java操作符
操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。
操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的</div>
</li>
<li><a href="/article/1004.htm"
title="从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序" target="_blank">从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%AD%A6%E4%B9%A0/1.htm">嵌入式学习</a>
<div> 笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。
笔者因此写上自己的学习心得，希望能给和我一样转变</div>
</li>
<li><a href="/article/1131.htm"
title="在springmvc中解决FastJson循环引用的问题" target="_blank">在springmvc中解决FastJson循环引用的问题</a>
<span class="text-muted">asialee</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AA%E7%8E%AF%E5%BC%95%E7%94%A8/1.htm">循环引用</a><a class="tag" taget="_blank" href="/search/fastjson/1.htm">fastjson</a>
<div> 我们先来看一个例子：
package com.elong.bms;
import java.io.OutputStream;
import java.util.HashMap;
import java.util.Map;
import co</div>
</li>
<li><a href="/article/1258.htm"
title="ArrayAdapter和SimpleAdapter技术总结" target="_blank">ArrayAdapter和SimpleAdapter技术总结</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/SimpleAdapter/1.htm">SimpleAdapter</a><a class="tag" taget="_blank" href="/search/ArrayAdapter/1.htm">ArrayAdapter</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E7%BA%A7%E7%BB%84%E4%BB%B6%E5%9F%BA%E7%A1%80/1.htm">高级组件基础</a>
<div>ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果
ArrayAdapter;的数据可以是数组或者是队列
// 获得下拉框对象
AutoCompleteTextView textview = (AutoCompleteTextView) this
</div>
</li>
<li><a href="/article/1385.htm"
title="九封信" target="_blank">九封信</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E7%94%9F/1.htm">人生</a><a class="tag" taget="_blank" href="/search/%E5%8A%B1%E5%BF%97/1.htm">励志</a>
<div> 有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。 2014，写给人</div>
</li>
<li><a href="/article/1512.htm"
title="Linux下安装MySQL Web 管理工具phpMyAdmin" target="_blank">Linux下安装MySQL Web 管理工具phpMyAdmin</a>
<span class="text-muted">sunjing</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/Install/1.htm">Install</a><a class="tag" taget="_blank" href="/search/phpMyAdmin/1.htm">phpMyAdmin</a>
<div>PHP http://php.net/
phpMyAdmin http://www.phpmyadmin.net
Error compiling PHP on CentOS x64
一、安装Apache
请参阅http://billben.iteye.com/admin/blogs/1985244
二、安装依赖包
sudo yum install gd </div>
</li>
<li><a href="/article/1639.htm"
title="分布式系统理论" target="_blank">分布式系统理论</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a>
<div>FLP
One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes, </div>
</li>
<li><a href="/article/1766.htm"
title="ssh2整合(spring+struts2+hibernate)-附源码" target="_blank">ssh2整合(spring+struts2+hibernate)-附源码</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a>
<div>最近抽空又整理了一套ssh2框架，主要使用的技术如下：
spring做容器，管理了三层(dao,service,actioin)的对象
struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常
hibernate与数据库交互
BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说
MySql数据库
项目用eclipse</div>
</li>
<li><a href="/article/1893.htm"
title="treetable bug记录" target="_blank">treetable bug记录</a>
<span class="text-muted">braveCS</span>
<a class="tag" taget="_blank" href="/search/table/1.htm">table</a>
<div>// 插入子节点删除再插入时不能正常显示。修改：
//不知改后有没有错，先做个备忘
Tree.prototype.removeNode = function(node) {
// Recursively remove all descendants of +node+
this.unloadBranch(node);
// Remove</div>
</li>
<li><a href="/article/2020.htm"
title="编程之美-电话号码对应英语单词" target="_blank">编程之美-电话号码对应英语单词</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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a>
<div>
import java.util.Arrays;
public class NumberToWord {
/**
* 编程之美 电话号码对应英语单词
* 题目：
* 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ，
* 要求对一段数字，输出其代表的所有可能的字母组合</div>
</li>
<li><a href="/article/2147.htm"
title="jquery ajax读书笔记" target="_blank">jquery ajax读书笔记</a>
<span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/jQuery+ajax/1.htm">jQuery ajax</a>
<div>1、jsp页面
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()</div>
</li>
<li><a href="/article/2274.htm"
title="JWFD工作流拓扑结构解析伪码描述算法" target="_blank">JWFD工作流拓扑结构解析伪码描述算法</a>
<span class="text-muted">comsci</span>
<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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a><a class="tag" taget="_blank" href="/search/J%23/1.htm">J#</a>
<div> 对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析
/* 流程图拓扑结构解析伪码描述算法
public java.util.ArrayList DFS(String graphid, String stepid, int j) </div>
</li>
<li><a href="/article/2401.htm"
title="oracle I/O 从属进程" target="_blank">oracle I/O 从属进程</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>I/O 从属进程
I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会</div>
</li>
<li><a href="/article/2528.htm"
title="高级排序:希尔排序" target="_blank">高级排序:希尔排序</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E5%B8%8C%E5%B0%94%E6%8E%92%E5%BA%8F/1.htm">希尔排序</a>
<div>
public void shellSort(int[] array){
int limit = 1;
int temp;
int index;
while(limit <= array.length/3){
limit = limit * 3 + 1;
</div>
</li>
<li><a href="/article/2655.htm"
title="初二下学期难记忆单词" target="_blank">初二下学期难记忆单词</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a>
<div>kitchen 厨房
cupboard 厨柜
salt 盐
sugar 糖
oil 油
fork 叉；餐叉
spoon 匙；调羹
chopsticks 筷子
cabbage 卷心菜；洋白菜
soup 汤
Italian 意大利的
Indian 印度的
workplace 工作场所
even 甚至；更
Italy 意大利
laugh 笑
m</div>
</li>
<li><a href="/article/2782.htm"
title="Go语言使用MySQL数据库进行增删改查" target="_blank">Go语言使用MySQL数据库进行增删改查</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种:
http://code.google.c...o-mysql-dri</div>
</li>
<li><a href="/article/2909.htm"
title="git命令" target="_blank">git命令</a>
<span class="text-muted">shuizhaosi888</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
<div>---------------设置全局用户名：
git config --global user.name "HanShuliang" //设置用户名
git config --global user.email "13241153187@163.com" //设置邮箱
---------------查看环境配置
git config --li</div>
</li>
<li><a href="/article/3036.htm"
title="qemu-kvm 网络 nat模式 (四)" target="_blank">qemu-kvm 网络 nat模式 (四)</a>
<span class="text-muted">haoningabc</span>
<a class="tag" taget="_blank" href="/search/kvm/1.htm">kvm</a><a class="tag" taget="_blank" href="/search/qemu/1.htm">qemu</a>
<div>qemu-ifup-NAT
#!/bin/bash
BRIDGE=virbr0
NETWORK=192.168.122.0
GATEWAY=192.168.122.1
NETMASK=255.255.255.0
DHCPRANGE=192.168.122.2,192.168.122.254
TFTPROOT=
BOOTP=
function check_bridge()
</div>
</li>
<li><a href="/article/3163.htm"
title="不要让未来的你，讨厌现在的自己" target="_blank">不要让未来的你，讨厌现在的自己</a>
<span class="text-muted">jingjing0907</span>
<a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB+%E5%A5%8B%E6%96%97+%E5%B7%A5%E4%BD%9C+%E6%A2%A6%E6%83%B3/1.htm">生活 奋斗 工作 梦想</a>
<div> 故事one
23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。 24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙； 25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌</div>
</li>
<li><a href="/article/3290.htm"
title="枚举类型详解" target="_blank">枚举类型详解</a>
<span class="text-muted">一路欢笑一路走</span>
<a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE%E8%AF%A6%E8%A7%A3/1.htm">枚举详解</a><a class="tag" taget="_blank" href="/search/enumset/1.htm">enumset</a><a class="tag" taget="_blank" href="/search/enumMap/1.htm">enumMap</a>
<div>枚举类型详解
一.Enum详解
1.1枚举类型的介绍
JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。
Demo:一个最简单的枚举类
public enum ColorType {
RED</div>
</li>
<li><a href="/article/3417.htm"
title="第11章 动画效果（上）" target="_blank">第11章 动画效果（上）</a>
<span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB/1.htm">动画</a>
<div>index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
</li>
<li><a href="/article/3544.htm"
title="Eclipse中jsp、js文件编辑时，卡死现象解决汇总" target="_blank">Eclipse中jsp、js文件编辑时，卡死现象解决汇总</a>
<span class="text-muted">ljf_home</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jsp%E5%8D%A1%E6%AD%BB/1.htm">jsp卡死</a><a class="tag" taget="_blank" href="/search/js%E5%8D%A1%E6%AD%BB/1.htm">js卡死</a>
<div>使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：
1、取消验证
windows–>perferences–>validation
把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida</div>
</li>
<li><a href="/article/3671.htm"
title="MySQL编程中的6个重要的实用技巧" target="_blank">MySQL编程中的6个重要的实用技巧</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>每一行命令都是用分号(;)作为结束
对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如：
mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
</div>
</li>
<li><a href="/article/3798.htm"
title="zoj 3820 Building Fire Stations(二分+bfs)" target="_blank">zoj 3820 Building Fire Stations(二分+bfs)</a>
<span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/Build/1.htm">Build</a>
<div> 题目链接：zoj 3820 Building Fire Stations
题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。
解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多</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>