一些标签的用法

1.文本

1.加入强调和 // 默认斜体和加粗

2.加一个空格； //no-breaking space 不换行空格

3.一段文字中语句设置单独样式用

4.引用文字用或
//q会加引号，blockquote会缩进

5.
标签加水平横线

2.表格图片

1.
、
列表

2.
表格、
表格标题

3.加超链接 //title属性是鼠标移到文字显示的值，href是链接路径，target="_blank"新建窗口打开链接

4.插入图片 // src 标识图像的位置；alt指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；title提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；

3.表单标签

1.
//action 浏览器输入的数据传送到的地方 method数据传送的方式(get/post)

2. //name属性是为了后台的调用，value属性一般为提示作用

type：password 输入密码

text 输入文本

radio 单选框

submit 提交按钮

reset 重置按钮

3. //输入文本域 </p> <p>4.<radio>和<checkbox> //checkbox为复选框，radio为单选框</p> <p>5.<select>下拉列表框，ex： // 节省空间</p> <div class="image-package"> <div class="image-container" style="max-width: 492px; max-height: 153px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/1fc620e4b01d4eb8ab173d8d93a53a26.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/1fc620e4b01d4eb8ab173d8d93a53a26.jpg" width="492" height="153" alt="HTML+CSS笔记总结_第1张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"></div> </div> <p>// 节省空间，multiple="multiple"使其变成复选框</p> <p>6.<label> // <label for="控件id名称"> 在label标签内点击文本也可以触发控件</p> <h1>一些CSS的知识</h1> <h3><b>层叠继承和选择器</b></h3> <p>层叠来源：浏览器默认样式<用户定义样式<开发者定义样式<br></p> <p>对继承的元素来说，子元素自身的样式优先级高于从父级继承来的样式,继承自己没有增加的父元素样式。</p> <p>selector:</p> <p>h1{</p> <p>color: black;</p> <p>}</p> <p>//*h1是选择器,{}内是声明，其中color是属性，black是其对应的值。</p> <p>常用选择器：类选择器，ID选择器，伪类选择器。</p> <p>.key {</p> <p>color: green;</p> <p>}</p> <p>//*类选择器的声明</p> <p>#principal {</p> <p>font-weight: bolder;</p> <p>}</p> <p>//* ID选择器的声明</p> <p>优先级：ID选择器>类选择器，同级取后出现的。 //*ID选择器的确定度高于类选择器</p> <p>伪类选择器：加在选择器后面来指定元素相应状态其各个属性的变化。</p> <p>selector:pseudo-class {</p> <p>property: value;</p> <p>}</p> <p>常用的伪类选择器：</p> <p>:link 链接还没有被访问</p> <p>:visited 已经被访问</p> <p>:active 用于用户点击元素那一下的效果</p> <p>:hover 鼠标移动到元素上面</p> <p>:focus 用于元素成为焦点</p> <p>:first-child 选择某个元素的第一个子元素</p> <p>:nth-child 选择某个元素的一个或多个特定的子元素</p> <p>:nth-last-child 选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算</p> <p>:nth-of-type 选择指定的元素</p> <p>:first-of-type 选择一个上级元素下的第一个同类子元素</p> <p>:last-of-type 选择一个上级元素下的最后一个同类子元素</p> <p>:empty 选择没有内容的元素（或者只有空格等）</p> <p>:target 突出显示活动的 HTML 锚</p> <p>:checked 将一种或多种样式应用于所选的表单控件元素</p> <p>:enabled 用来指定当元素处于可用状态时的样式</p> <p>:disabled 用来指定当元素处于不可用状态时的样式<br></p> <h3> <b>布局</b><br> </h3> <p>1.margin auto<br></p> <p>#main{</p> <p>max-width: 600px;</p> <p>margin: 0 auto;</p> <p>}</p> <p>//*auto水平居中元素内容，剩余宽度会变为左右外边距</p> <p>//*max-width使屏幕缩小时元素有更好的适应性,只使用width窗口缩小时会产生滚轮</p> <p>2.box-sizing</p> <p>.simple {</p> <p>width: 500px;</p> <p>margin: 20px auto;</p> <p>-webkit-box-sizing: border-box;</p> <p>-moz-box-sizing: border-box;</p> <p>box-sizing: border-box;</p> <p>}</p> <p>.fancy {</p> <p>width: 500px;</p> <p>margin: 20px auto;</p> <p>padding: 50px;</p> <p>border: solid blue 10px;</p> <p>-webkit-box-sizing: border-box;</p> <p>-moz-box-sizing: border-box;</p> <p>box-sizing: border-box;</p> <p>}</p> <p>//*元素的内边距和边框不再会增加它的宽度</p> <p>3、position属性</p> <p>static 是默认值,元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。</p> <p>relative 元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。</p> <p>fixed 一个固定定位（position属性的值为fixed）元素会相对于视窗来定位，这意味着即便页面滚动，它还是会停留在相同的位置。</p> <p>absolute 元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。</p> <p>4、float、clear</p> <p>clear后，拥有clear属性的元素在浮动元素下面显示。</p> <p>overflow: auto;相当于将浮动元素拖进了另一个元素里面。</p> <p>5、用width的百分比方式布局</p> <p>但是窗口缩小时，有些元素会被挤扁。</p> <p>6、媒体查询（响应式设计）</p> <p>@media screen and (min-width:600px) {</p> <p>nav {</p> <p>float: left;</p> <p>width: 25%;</p> <p>}</p> <p>section {</p> <p>margin-left: 25%;</p> <p>}</p> <p>}</p> <p>@media screen and (max-width:599px) {</p> <p>nav li {</p> <p>display: inline;</p> <p>}</p> <p>}</p> <p>7、inline block和float来铺满页面</p> <p>使用 inline-block 来布局：</p> <p>vertical-align 属性会影响到 inline-block 元素，你可能会把它的值设置为 top 。</p> <p>需要设置每一列的宽度</p> <p>如果HTML源代码中元素之间有空格，那么列与列之间会产生空隙</p> <h1>居中技巧</h1> <p>-行内元素：text-align：center；</p> <p>-定宽块级元素：margin： ‘’x‘’px auto；</p> <p>-不定宽块级元素：加table，display：inline，父元素的float；</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1276619693175619584"></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">你可能感兴趣的:(HTML+CSS笔记总结)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动" target="_blank">HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835382685745377280.htm" title="html+css网页设计旅游网站首页1个页面" target="_blank">html+css网页设计旅游网站首页1个页面</a> <span class="text-muted">html+css+js网页设计</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击</div> </li> <li><a href="/article/1833483835501801472.htm" title="【html+css网站设计】" target="_blank">【html+css网站设计】</a> <span class="text-muted">小翔很开心</span> <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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>学习笔记：HTML基础概念1.vscode常用设置1.1打开文件1.2新建文件1.3自动保存(ctrl+S)1.4文件重命名1.5删除文件2.vscode常用快捷键2.1自动补全HTML基本结构2.2标签自动补全2.3复制当前行|复制多行2.4删除当前行|删除多行2.5单行注释|取消单行注释2.6多行注释|取消多行注释2.7统一编辑2.8生成多个2.9文字2.10打开浏览器2.11快捷键可以组合使</div> </li> <li><a href="/article/1833435267202117632.htm" title="Android-Jetpack架构组件（二）带你了解Lifecycle，给2021的移动开发一些建议" target="_blank">Android-Jetpack架构组件（二）带你了解Lifecycle，给2021的移动开发一些建议</a> <span class="text-muted">flutter架构师</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>@OverrideprotectedvoidonResume(){super.onResume();myPresenter.onResume();}@OverrideprotectedvoidonPause(){super.onPause();myPresenter.onPause();}}classMyPresenter{《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战</div> </li> <li><a href="/article/1831757550513647616.htm" title="JavaScript高阶笔记总结（Xmind格式）：第一天" target="_blank">JavaScript高阶笔记总结（Xmind格式）：第一天</a> <span class="text-muted">星河路漫漫</span> <a class="tag" taget="_blank" href="/search/JavaScript%E7%AC%94%E8%AE%B0%E6%80%BB%E7%BB%93/1.htm">JavaScript笔记总结</a><a class="tag" taget="_blank" href="/search/%E5%8E%9F%E5%9E%8B%E6%A8%A1%E5%BC%8F/1.htm">原型模式</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>Xmind鸟瞰图：简单文字总结：js高阶知识总结：理解Object：1.返回一个由一个给定对象的自身可枚举属性组成的数组：Object.keys(对象名)2.in判断属性是否存在："属性名"in对象名3.delete删除属性4.返回一个由指定对象的所有自身属性的属性名：Object.getOwnPropertyNames(对象名)属性的特征：访问器属性：get(访问),set(修改)定义属性特征：</div> </li> <li><a href="/article/1831702200708067328.htm" title="nodejs笔记总结" target="_blank">nodejs笔记总结</a> <span class="text-muted">是张鱼小丸子鸭</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>nodejs的概念：nodejs是一个基于ChromeV8引擎的JavaScript运行环境。Node.js使用了一个事件驱动、非阻塞式I/O的模型，使其轻量又高效。Node.js的包管理器npm，是全球最大的开源库生态系统。node组成：Ecmascript模块模块的分类：内置模块：fshttppathurl自定义模块：commonjs规范第三方模块（npm下载）常见的模块指令：npmnodep</div> </li> <li><a href="/article/1831374311198388224.htm" title="linux常用shell指令学习笔记总结【更新中...】" target="_blank">linux常用shell指令学习笔记总结【更新中...】</a> <span class="text-muted">Aliven888</span> <div>文档声明：以下资料均属于本人在学习过程中产出的学习笔记，如果错误或者遗漏之处，请多多指正。并且该文档在后期会随着学习的深入不断补充完善。资料仅供学习交流使用。作者：Aliven8881、简介shell是一个程序，他在用户和操作系统提供了一个面向行的可交互接口。用户在命令行中输入命令，运行在后台的shell把命令转化成指令代码发送给操作系统。Shell提供了很多高级特性，使得用户和操作系统之间的交互</div> </li> <li><a href="/article/1831114909035884544.htm" title="react 实用学习笔记总结，持续更新～" target="_blank">react 实用学习笔记总结，持续更新～</a> <span class="text-muted">George灬</span> <a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a> <div>React是用于构建用户界面的JavaScript库可以认为是MVC中的V（MVC:模型model-视图view-控制器controller）虚拟DOM(VirtualDOM)DOM（文档对象模型DocumentObjectModel）React通过Diff算法找出虚拟DOM和真实DOM之间的差异，仅渲染修改的这一部分变化，减少了DOM的重绘，提高了效率JSX语法是一种应用于React中的Java</div> </li> <li><a href="/article/1830906585891827712.htm" title="CSS实现“鼠标悬浮按钮_闪过光泽”效果" target="_blank">CSS实现“鼠标悬浮按钮_闪过光泽”效果</a> <span class="text-muted">SOLDIER_76</span> <div>创建按钮创建按钮样式创建渐变光创建什么时候渐变光出现创建渐变光的动画效果动画开始执行HTML+CSS，一共6个步骤实现效果代码效果：（用灵者GIF录制工具录下来的，效果不怎么好）HTML：（先随便写一个按钮，a或者button都为所谓。写两个类名，第一个显示按钮的样式，第二个控制按钮的动画，就写一个类名也无所谓，写两个是便于维护）CSS：（给按钮添加一些基础的样式，没什么说的，这里需要写个posi</div> </li> <li><a href="/article/1830531182752788480.htm" title="HTML静态网页成品作业(HTML+CSS)——西点蛋糕介绍(5个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——西点蛋糕介绍(5个页面)</a> <span class="text-muted">爱码网页成品</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">静态网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有5个页面。二、作品演示三、代码目录四、网站代码HTML部分代码首页西点简介西点分类西点展示西点做法SWEETYSWEET提拉米苏布丁芝士蛋糕泡芙马卡龙西式的甜品花团锦簇，尤以意、法为盛。提拉米苏（Tiramisu</div> </li> <li><a href="/article/1830529922305716224.htm" title="HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)</a> <span class="text-muted">爱码网页成品</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，使用Javacsript代码实现图片轮播切换，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码中国八大菜系徽菜徽菜，它起源于黄山麓下的歙县（古徽州）。后来，由于新安江畔的屯溪小镇成为“祁红”、“屯绿”等名茶和徽墨、歙砚等土特产品的</div> </li> <li><a href="/article/1830171696145985536.htm" title="html css怎么做太阳,HTML+CSS 绘制太阳系各个行星运行轨迹" target="_blank">html css怎么做太阳,HTML+CSS 绘制太阳系各个行星运行轨迹</a> <span class="text-muted">weixin_42316909</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css%E6%80%8E%E4%B9%88%E5%81%9A%E5%A4%AA%E9%98%B3/1.htm">css怎么做太阳</a> <div>模拟宇宙太阳系模拟太阳系.solarsys{width:800px;height:800px;position:relative;margin:0auto;background-color:#000000;padding:0;transform:scale(1);}/*太阳*/.sun{left:357px;top:357px;height:90px;width:90px;background-c</div> </li> <li><a href="/article/1829969395397521408.htm" title="初识HTML+CSS（第4章认识标签三）" target="_blank">初识HTML+CSS（第4章认识标签三）</a> <span class="text-muted">Zhangdake</span> <div>一：使用标签，链接到另一个页面1.用标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签2.语法：链接显示的文本3.title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）4.只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没</div> </li> <li><a href="/article/1829958049465462784.htm" title="HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）" target="_blank">HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）</a> <span class="text-muted">爱码网页</span> <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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目,可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。文章目录一、</div> </li> <li><a href="/article/1829949856983117824.htm" title="HTML静态网页成品作业(HTML+CSS)——抗击疫情网页(4个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——抗击疫情网页(4个页面)</a> <span class="text-muted">爱码网页成品</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">静态网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。二、作品演示三、代码目录四、网站代码HTML部分代码Document抗击新冠，人人有责共同抗疫全民防疫抗疫的经验和意义众志成城前言有人说：“英雄就是普通人拥有一颗伟大的心。”__年__月__日，小林的生</div> </li> <li><a href="/article/1829949604729286656.htm" title="HTML静态网页成品作业(HTML+CSS)——非遗昆曲介绍设计制作(1个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——非遗昆曲介绍设计制作(1个页面)</a> <span class="text-muted">爱码网页成品</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码非遗昆曲昆曲简介昆曲（KunOpera），原名“昆山腔”（简称“昆腔”），是中国古老的戏曲声腔、剧种，现又被称为“昆剧”。昆曲是汉族传统戏曲中最古老的</div> </li> <li><a href="/article/1829738716722196480.htm" title="好看的2020年html倒计时源码" target="_blank">好看的2020年html倒计时源码</a> <span class="text-muted">huihuixxx</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E6%BA%90%E7%A0%81/1.htm">程序源码</a><a class="tag" taget="_blank" href="/search/html%E5%80%92%E8%AE%A1%E6%97%B6%E6%BA%90%E7%A0%81/1.htm">html倒计时源码</a><a class="tag" taget="_blank" href="/search/%E5%80%92%E8%AE%A1%E6%97%B6%E6%BA%90%E7%A0%81/1.htm">倒计时源码</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a> <div>介绍：复制文件里面的html+css代码放到你网站适合的地方然后就可以显示了时间自动转的不需要shua新的哦网盆下载地址：https://zijiewangpan.com/2anRuMoVEP0图片：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sAwm8lJk-1615557371351)(https://www.5438.com.cn/static/pic/2/</div> </li> <li><a href="/article/1829078400409628672.htm" title="Vue笔记总结（Xmind格式）：第二天" target="_blank">Vue笔记总结（Xmind格式）：第二天</a> <span class="text-muted">星河路漫漫</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><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>Xmind鸟瞰图：简单文字总结：vue知识总结：创建vue脚手架：1.安装Node.js：VueCLI作为一个npm包，需要Node.js来安装和运行。2.安装VueCLI：cmd指令npminstall-g@vue/cli3.创建Vue项目：vuecreate项目名4.启动服务器：npmrunserveVue脚手架生成的主要项目文件：1.node_modules#项目依赖的第三方包2.publi</div> </li> <li><a href="/article/1829012470497374208.htm" title="HTML静态网页成品作业(HTML+CSS)——世博园介绍(2个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——世博园介绍(2个页面)</a> <span class="text-muted">爱码网页成品</span> <a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">静态网页</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有2个页面。二、作品演示三、代码目录四、网站代码HTML部分代码世博园景区简介各馆介绍景区简介上海世博园是2010年上海世博会的举办场地。2010年上海世博会是首次由中国举办，是世界博览会史上最大规模。总投资超过北</div> </li> <li><a href="/article/1828857911510659072.htm" title="免费开源cms自助建站系统大全，不会编程也可以自己建网站" target="_blank">免费开源cms自助建站系统大全，不会编程也可以自己建网站</a> <span class="text-muted">guizhoumen</span> <a class="tag" taget="_blank" href="/search/cms/1.htm">cms</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE/1.htm">网站建设</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C/1.htm">网站制作</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E6%BA%90%E7%A0%81/1.htm">网站源码</a><a class="tag" taget="_blank" href="/search/cms%E7%B3%BB%E7%BB%9F/1.htm">cms系统</a> <div>想自己建网站又不会编程的小伙伴有福啦，本期推荐一些开源的cms自助建站系统程序，不需要写后端的任何逻辑代码，只需要下载下来，配置好运行环境就可以安装使用，然后通过后台轻轻松松就可以修改成自己的网站了，当然，要想网站有自己的个性，模版还是需要自己写的，只需要会简单的html+css就可以了，这个不是本章的重点。1、PageAdminCmshttp://www.pageadmin.netPageAdm</div> </li> <li><a href="/article/1828376988436492288.htm" title="【成为架构师4-2】解耦：MQ，互联网架构的解耦利器" target="_blank">【成为架构师4-2】解耦：MQ，互联网架构的解耦利器</a> <span class="text-muted">Nevercome_</span> <a class="tag" taget="_blank" href="/search/%E6%88%90%E4%B8%BA%E6%9E%B6%E6%9E%84%E5%B8%88/1.htm">成为架构师</a><a class="tag" taget="_blank" href="/search/%E6%B6%88%E6%81%AF%E9%98%9F%E5%88%97/1.htm">消息队列</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>系列文章是博主对沈剑的《架构师训练营》分享内容的个人笔记总结，原内容公众号“成为架构师”。目录MQ是什么不应该使用MQ的场景典型场景一：数据驱动的依赖任务典型场景二：上游不关心执行结果典型场景三：上游关注执行结果，但是执行时间较长典型场景四：削峰填谷，流量控制，保护下游MQ是什么MQ，消息队列，或者叫消息总线，常用于上下游之间消息通信的解耦。上游是一个消息发送进程，中间是MQ服务，下游是消息接收进</div> </li> <li><a href="/article/1828360355718459392.htm" title="HTML静态网页成品作业(HTML+CSS)——安徽宣笔设计制作(5个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——安徽宣笔设计制作(5个页面)</a> <span class="text-muted">爱码网页成品</span> <a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">静态网页</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有6个页面。二、作品演示三、代码目录四、网站代码HTML部分代码安徽宣笔首页宣笔发展宣笔制作宣笔分类发展现状前往登录宣笔简介宣笔为安徽省泾县文房四宝之一，因产于安徽宣州（今宣城）而得名。又名“徽笔”。据韩愈《毛颖传</div> </li> <li><a href="/article/1828321913219411968.htm" title="html+css网页设计动漫海贼王14个页面" target="_blank">html+css网页设计动漫海贼王14个页面</a> <span class="text-muted">html+css+js网页设计</span> <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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>html+css网页设计动漫海贼王14个页面网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/896773022，点</div> </li> <li><a href="/article/1828174426038956032.htm" title="ES6笔记总结：第四天（ES6完结）" target="_blank">ES6笔记总结：第四天（ES6完结）</a> <span class="text-muted">星河路漫漫</span> <a class="tag" taget="_blank" href="/search/ES6%E7%AC%94%E8%AE%B0%E6%80%BB%E7%BB%93/1.htm">ES6笔记总结</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><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>Xmind鸟瞰图：简单文字总结：node的模块化：1.CommonJS规范：Node.js遵循CommonJS模块规范，该规范定义了如何在服务器环境中实现模块化，包括如何定义模块、如何引入和使用模块。2.模块的定义：每个文件都是一个模块，模块内部定义的变量和函数默认情况下是私有的，即它们只在模块内部可用。3.模块的导出：使用module.exports或exports对象将模块中的变量或函数导出4</div> </li> <li><a href="/article/1827886602840535040.htm" title="HTML + CSS 学习指南：从入门到精通" target="_blank">HTML + CSS 学习指南：从入门到精通</a> <span class="text-muted">陈无左耳、</span> <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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、HTML+CSS简介HTML和CSS在网页开发中扮演着至关重要的角色。HTML如同网页的骨架，为网页提供了基本的结构和内容。它使用各种标签来定义页面的元素，如标题、段落、图片、链接等，确保信息得以有条理地组织和呈现。CSS则恰似网页的华服，负责赋予网页美观的外观和舒适的布局。通过控制字体、颜色、背景、间距等样式属性，CSS让网页变得更加吸引人，提升用户的阅读和交互体验。二者之间的关系紧密且相辅</div> </li> <li><a href="/article/1827880052390457344.htm" title="HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)</a> <span class="text-muted">爱码网页成品</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/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><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a> <div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。二、作品演示三、代码目录四、网站代码HTML部分代码战地战地游戏首页游戏特点游戏评价游戏感受游戏介绍《战地》是EADICE开发的军事题材射击游戏系列。战地系列的首作《战地1942》于2002年上市。截至</div> </li> <li><a href="/article/1827695022858924032.htm" title="博弈论笔记总结" target="_blank">博弈论笔记总结</a> <span class="text-muted">Royen_</span> <a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%BC%88%E8%AE%BA/1.htm">博弈论</a><a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%BC%88%E8%AE%BA/1.htm">博弈论</a><a class="tag" taget="_blank" href="/search/acm%E7%AB%9E%E8%B5%9B/1.htm">acm竞赛</a> <div>博弈论一、四大博弈模型1.巴什博弈（BashGame）2.斐波那契博弈（FibonacciGame）3.威佐夫博弈（WythoffGame）4.尼姆博弈（NimGame）二、SG函数0.前言1.前置知识公平组合游戏（ICG游戏）必胜态与必败态DAG(有向无环图)中的博弈2.SG函数Mex运算定义性质SG定理解题方法参考资料一、四大博弈模型1.巴什博弈（BashGame）Problem一堆n个物品，</div> </li> <li><a href="/article/1827399071309066240.htm" title="HTML静态网页成品作业(HTML+CSS)——非遗阜阳剪纸介绍设计制作(1个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——非遗阜阳剪纸介绍设计制作(1个页面)</a> <span class="text-muted">爱码网页成品</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码知名作品更多《伏虎》《三岔口》《王祥卧冰》《药王爷骑虎治龙》剪纸传人吴青平阜阳剪纸的巅峰人物朱英和程建礼，分别代表了精细刻法和随意起剪两种风格，两位老</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/29.htm" title="SQL的各种连接查询" target="_blank">SQL的各种连接查询</a> <span class="text-muted">xieke90</span> <a class="tag" taget="_blank" href="/search/UNION+ALL/1.htm">UNION ALL</a><a class="tag" taget="_blank" href="/search/UNION/1.htm">UNION</a><a class="tag" taget="_blank" href="/search/%E5%A4%96%E8%BF%9E%E6%8E%A5/1.htm">外连接</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E8%BF%9E%E6%8E%A5/1.htm">内连接</a><a class="tag" taget="_blank" href="/search/JOIN/1.htm">JOIN</a> <div>一、内连接概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。内连接（join 或者inner join ） SQL语法： select * fron</div> </li> <li><a href="/article/156.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/%E7%BB%A7%E6%89%BF/1.htm">继承</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86/1.htm">代理</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E5%90%88/1.htm">组合</a><a class="tag" taget="_blank" href="/search/final%E7%B1%BB/1.htm">final类</a> <div> 复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书一:组合语法:就是将对象的引用放到新类中即可代码: package com.wj.reuse; /** * * @author Administrator 组</div> </li> <li><a href="/article/283.htm" title="[开源与生态系统]国产CPU的生态系统" target="_blank">[开源与生态系统]国产CPU的生态系统</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/cpu/1.htm">cpu</a> <div> 计算机要从娃娃抓起...而孩子最喜欢玩游戏.... 要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节.... 投入一些资金和资源,人力和政策,让游</div> </li> <li><a href="/article/410.htm" title="JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释" target="_blank">JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释</a> <span class="text-muted">商人shang</span> <a class="tag" taget="_blank" href="/search/jvm%E5%86%85%E5%AD%98/1.htm">jvm内存</a> <div>jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 HotSpot虚拟机GC算法采用分代收</div> </li> <li><a href="/article/537.htm" title="页面上调用 QQ" target="_blank">页面上调用 QQ</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a> <div><A href="tencent://message/?uin=707321921&Site=有事Q我&Menu=yes"> <img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a></div> </li> <li><a href="/article/664.htm" title="一些问题" target="_blank">一些问题</a> <span class="text-muted">文强chu</span> <a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98/1.htm">问题</a> <div>1.eclipse 导出 doc 出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 ..... SQL:3.mysql * 必须得放前面否则 select&nbs</div> </li> <li><a href="/article/791.htm" title="生活没有安全感" target="_blank">生活没有安全感</a> <span class="text-muted">小桔子</span> <a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E5%AD%A4%E7%8B%AC/1.htm">孤独</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%84%9F/1.htm">安全感</a> <div> 圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明</div> </li> <li><a href="/article/918.htm" title="php 基础语法" target="_blank">php 基础语法</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/php+%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/1.htm">php 基本语法</a> <div>1 .1 php变量必须以$开头 <?php $a=” b”; echo ?> 1 .2 php基本数据库类型 Integer float/double Boolean string 1 .3 复合数据类型数组array和对象 object 1 .4 特殊数据类型 null 资源类型(resource) $co</div> </li> <li><a href="/article/1045.htm" title="mybatis tools 配置详解" target="_blank">mybatis tools 配置详解</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>MyBatis Generator中文文档 MyBatis Generator中文文档地址： http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。本文使用Markdown进行编辑，但是博客显示效</div> </li> <li><a href="/article/1172.htm" title="继承与多态的探讨" target="_blank">继承与多态的探讨</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/JAVA%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1+%E7%BB%A7%E6%89%BF+%E5%AF%B9%E8%B1%A1/1.htm">JAVA面向对象继承对象</a> <div>继承 extends 多态继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：在A类中定义属性和方法； class A{ //定义属性 int age； //定义方法 public void go</div> </li> <li><a href="/article/1299.htm" title="JS的undefined与null的实例" target="_blank">JS的undefined与null的实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div><form name="theform" id="theform"> </form> <script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datas</div> </li> <li><a href="/article/1426.htm" title="TDD实践（一）" target="_blank">TDD实践（一）</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/%E6%95%8F%E6%8D%B7/1.htm">敏捷</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a> <div>一.TDD概述 TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。 </div> </li> <li><a href="/article/1553.htm" title="[Maven学习笔记十]Maven Profile与资源文件过滤器" target="_blank">[Maven学习笔记十]Maven Profile与资源文件过滤器</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>什么是Maven Profile Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息 Profile的激活机制 1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P</div> </li> <li><a href="/article/1680.htm" title="【Hive八】Hive用户自定义生成表函数(UDTF)" target="_blank">【Hive八】Hive用户自定义生成表函数(UDTF)</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a> <div>1. 什么是UDTF UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table，貌似更应该理解为生成了类似关系表的二维行数据集 2. 如何实现UDTF 继承org.apache.hadoop.hive.ql.udf.generic</div> </li> <li><a href="/article/1807.htm" title="tfs restful api 加auth 2.0认计" target="_blank">tfs restful api 加auth 2.0认计</a> <span class="text-muted">ronin47</span> <div>　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点：　　一是基于客户端的ip设置。这个比较容易实现。　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。　　现在重点介绍第二种方法实现思路。　　前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe</div> </li> <li><a href="/article/1934.htm" title="jdk环境变量配置" target="_blank">jdk环境变量配置</a> <span class="text-muted">byalias</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a> <div>进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 2、安装jdk-7u79-windows-x64.exe 3、配置环境变量：右击"计算机"-->&quo</div> </li> <li><a href="/article/2061.htm" title="《代码大全》表驱动法-Table Driven Approach-2" target="_blank">《代码大全》表驱动法-Table Driven Approach-2</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>package com.ljn.base; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.uti</div> </li> <li><a href="/article/2188.htm" title="SQL 数值四舍五入小数点后保留2位" target="_blank">SQL 数值四舍五入小数点后保留2位</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/%E5%9B%9B%E8%88%8D%E4%BA%94%E5%85%A5/1.htm">四舍五入</a> <div> 1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。例如：　　select cast(round(12.5,2) as numeric(5,2)) </div> </li> <li><a href="/article/2315.htm" title="c++运算符重载" target="_blank">c++运算符重载</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a> <div>一、加+，减-，乘*，除/ 的运算符重载 Rational operator*(const Rational &x) const{ return Rational(x.a * this->a); } 在这里只写乘法的，加减除的写法类似二、<<输出,>>输入的运算符重载 &nb</div> </li> <li><a href="/article/2442.htm" title="hive DDL语法汇总" target="_blank">hive DDL语法汇总</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E5%88%97/1.htm">修改列</a><a class="tag" taget="_blank" href="/search/DDL/1.htm">DDL</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E8%A1%A8/1.htm">修改表</a> <div>hive DDL语法汇总１、对表重命名 hive> ALTER TABLE table_name RENAME TO new_table_name; 2、修改表备注 hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm</div> </li> <li><a href="/article/2569.htm" title="jbox使用说明" target="_blank">jbox使用说明</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [ 点击下载] 技术交流QQGroup：172543951 100521167 [2011-11-11] jBox v2.3 正式版 - [调整&修复] IE6下有iframe或页面有active、applet控件</div> </li> <li><a href="/article/2696.htm" title="UISegmentedControl 开发笔记" target="_blank">UISegmentedControl 开发笔记</a> <span class="text-muted">dcj3sjt126com</span> <div> // typedef NS_ENUM(NSInteger, UISegmentedControlStyle) { // UISegmentedControlStylePlain, // large plain &</div> </li> <li><a href="/article/2823.htm" title="Slick生成表映射文件" target="_blank">Slick生成表映射文件</a> <span class="text-muted">ekian</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 "com.typesafe.slick" %% "slick-codegen" % slickVersion 因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 "com.typesa</div> </li> <li><a href="/article/2950.htm" title="ES-TEST" target="_blank">ES-TEST</a> <span class="text-muted">gengzg</span> <a class="tag" taget="_blank" href="/search/test/1.htm">test</a> <div>package com.MarkNum; import java.io.IOException; import java.util.Date; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.annotation</div> </li> <li><a href="/article/3077.htm" title="为何外键不再推荐使用" target="_blank">为何外键不再推荐使用</a> <span class="text-muted">hugh.wang</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/DB/1.htm">DB</a> <div>表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不</div> </li> <li><a href="/article/3204.htm" title="领域驱动设计" target="_blank">领域驱动设计</a> <span class="text-muted">julyflame</span> <a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/DTO/1.htm">DTO</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a> <div>概念： VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对</div> </li> <li><a href="/article/3331.htm" title="单例设计模式" target="_blank">单例设计模式</a> <span class="text-muted">hm4123660</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Singleton/1.htm">Singleton</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">单例设计模式</a><a class="tag" taget="_blank" href="/search/%E6%87%92%E6%B1%89%E5%BC%8F/1.htm">懒汉式</a><a class="tag" taget="_blank" href="/search/%E9%A5%BF%E6%B1%89%E5%BC%8F/1.htm">饿汉式</a> <div> 单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。 &nb</div> </li> <li><a href="/article/3458.htm" title="logback" target="_blank">logback</a> <span class="text-muted">zhb8015</span> <a class="tag" taget="_blank" href="/search/log/1.htm">log</a><a class="tag" taget="_blank" href="/search/logback/1.htm">logback</a> <div>一、logback的介绍 Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个改良版本。此外logback-class</div> </li> <li><a href="/article/3585.htm" title="整合Kafka到Spark Streaming——代码示例和挑战" target="_blank">整合Kafka到Spark Streaming——代码示例和挑战</a> <span class="text-muted">Stark_Summer</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/storm/1.htm">storm</a><a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/PARALLELISM/1.htm">PARALLELISM</a><a class="tag" taget="_blank" href="/search/processing/1.htm">processing</a> <div>作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版</div> </li> <li><a href="/article/3712.htm" title="spring-master-slave-commondao" target="_blank">spring-master-slave-commondao</a> <span class="text-muted">王新春</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/dataSource/1.htm">dataSource</a><a class="tag" taget="_blank" href="/search/slave/1.htm">slave</a><a class="tag" taget="_blank" href="/search/master/1.htm">master</a> <div>互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。为此，往往搭建 db的一主多从库的数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>