一些标签的用法

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/1949680428101201920.htm" title="html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签" target="_blank">html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签</a> <span class="text-muted">zhangjunzongque</span> <a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA/1.htm">个人</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8/1.htm">常用</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE/1.htm">标签</a> <div>typora-copy-images-to:media第01阶段.web基础：html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签一、前言1.基础班学习目标目标：能根据psd文件（psd文件，其实就是一张类似于图片的格式，这个呢是用ps做的，也就叫做源文件），用HTML+CSS布局出符合W3C规范的网页（也就是说，我们写的代码，要符合标准）。简单的说，能根据美工给的图，</div> </li> <li><a href="/article/1949622439969353728.htm" title="Vue 框架学习笔记" target="_blank">Vue 框架学习笔记</a> <span class="text-muted"></span> <div>作为初学者对于Vue框架的学习笔记总结了Vue框架的核心知识点，包括：1.基础概念：渐进式框架、两种使用方式、Vue实例创建流程、模板语法和响应式特性。2.常用指令：详细介绍了v-html、v-show/v-if、v-for、v-on、v-bind、v-model等10个指令的功能和用法。3.组件开发：组件结构、注册方式（全局/局部）、数据传递（Props）、组件通信（自定义事件/插槽）、生命周期</div> </li> <li><a href="/article/1949547417028325376.htm" title="html+css实战64-综合案例3-图片完成" target="_blank">html+css实战64-综合案例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>Documentbody{background-color:#f5f5f5;}.goods{width:234px;height:300px;background-color:#fff;/*样式居中*/margin:0auto;text-align:center;}img{width:160px;}运行结果</div> </li> <li><a href="/article/1949089072572067840.htm" title="初学HTML" target="_blank">初学HTML</a> <span class="text-muted">Pretend________</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>一周HTML+CSS新手闯关记！居然真的仿出了起点首页？！从对着教程发呆到能敲出完整页面，这七天像开了倍速——但谁懂啊！垂直居中到底有多少种写法？每次调都像拆盲盒，水平居中偶尔还能蒙对，垂直居中直接让我怀疑人生…后来硬记了flex的justify-content和align-items，总算摸到点门道～伪类和定位真的是王炸组合！刚开始写hover效果，按钮死活没反应，查了半天才发现选择器选错了原来</div> </li> <li><a href="/article/1948139268035637248.htm" title="html+css实现唯美简洁登录页面" target="_blank">html+css实现唯美简洁登录页面</a> <span class="text-muted"></span> <div>1.简介本案例是html和css实现的唯美简洁的登录界面。纯粹个人一时兴起所写。可以适用于个人博客登录以及其他系统的登录界面，登录title可以随时修改。2.先看效果。3.上代码。代码复制粘贴，修改里面的图片路径就可以直接运行。4.html页面代码。唯美登录页面</</div> </li> <li><a href="/article/1948103937403973632.htm" title="HTML5+CSS3小实例：流星划过天际的动画效果" target="_blank">HTML5+CSS3小实例：流星划过天际的动画效果</a> <span class="text-muted">艾恩小灰灰</span> <div>实例：流星划过天际的动画效果技术栈：HTML+CSS效果：源码：【html】流星划过天际的动画效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*溢出隐藏*/overflow:hidden;}.container{/*绝对定位*/position:absolute;top:0;left:0;width:100%;h</div> </li> <li><a href="/article/1947438879413956608.htm" title="有关Maven的个人笔记总结" target="_blank">有关Maven的个人笔记总结</a> <span class="text-muted"></span> <div>Mavenpom.xml文件详解一级标签bulid(定义了项目的构建配置，包括编译、测试、打包等过程。可以指定插件和构建生命周期。)dependces（列出了项目依赖的所有外部库。每个依赖项都指定了其坐标（groupId,artifactId,version））depencymanagement（用于集中管理依赖版本，确保所有子模块使用相同的依赖版本，用于解决jar包依赖其他jar包产生的版本冲突</div> </li> <li><a href="/article/1947176162606247936.htm" title="前端学习路线推荐" target="_blank">前端学习路线推荐</a> <span class="text-muted">oldfifteen</span> <div>第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算</div> </li> <li><a href="/article/1947108155221667840.htm" title="【k8s学习】Kubernetes新手学习，4小时视频笔记总结" target="_blank">【k8s学习】Kubernetes新手学习，4小时视频笔记总结</a> <span class="text-muted">伊丽莎白2015</span> <div>【学习视频地址】KubernetesTutorialforBeginnersFULLCOURSEin4Hours视频不一定打得开，不过我笔记也很详细了。【笔记内容】1-【k8s学习】Kubernetes学习——核心组件和架构2-【k8s学习】minikube、kubectl、yaml配置文件的介绍3-【k8s学习】在minikube上布署MongoDB和MongoExpress4-【k8s学习】k</div> </li> <li><a href="/article/1947032618906218496.htm" title="rollup学习--02.常用插件学习" target="_blank">rollup学习--02.常用插件学习</a> <span class="text-muted">小q</span> <div>这篇笔记总结rollup打包常用的插件常用插件我们在使用插件时可以在plugin汇总中查找：传送门和传送门，另外一些没列举的需要大家自行的去查阅啦，下面我聚几个常用的plugin。node模块的引入rollup因为是及与es规范的，所以在引入node模块时需要对应的插件。这里需要安装@rollup/plugin-node-resolve和@rollup/plugin-commonjs两个插件。ya</div> </li> <li><a href="/article/1946669454771417088.htm" title="Web开发 02" target="_blank">Web开发 02</a> <span class="text-muted">im_AMBER</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> <div>今天梳理出的HTML+CSS核心知识点，涵盖基础结构、布局、样式优化等实用技巧：总结1一、HTML核心知识1.基础结构文档声明：定义文档为HTML5标准。基本标签：：根元素，包裹整个页面。：元数据（标题、样式、脚本等），不显示在页面。：设置网页标题（浏览器标签显示）。：页面内容容器，所有可见内容写在这里。2.常用标签文本与标题：~：标题标签，自动加粗且有默认层级样式。：段落标签，默认有上下边距。图</div> </li> <li><a href="/article/1946611941464141824.htm" title="HTML+CSS简单网页练习" target="_blank">HTML+CSS简单网页练习</a> <span class="text-muted"></span> <div>前言运用了CSS进行简单的网页制作一、效果图二、HTML代码手机alert("欢迎—>"+prompt("请输入你的姓名")+"首页智能手机平板电脑配件服务支持关于尚合最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方新品发布新闻中心致歉公告首批尚合Aone已全部售罄！【媒体报道】国产高性价比尚合Aone四核手机评测我司产品已经通过了国家强制性产品3C认证尚合Aone智能手机入网</div> </li> <li><a href="/article/1946610048931262464.htm" title="HTML+CSS制作人物介绍网页" target="_blank">HTML+CSS制作人物介绍网页</a> <span class="text-muted">Kyra17</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>*仅作个人学习记录用*网页效果视频演示代码实现HTML部分角色简介角色故事技能介绍艾尔海森「诲韬诤言」「文弱的学术分子」米哈游出品的游戏《原神》及其衍生作品中的角色，须弥教令院六大学派之一“知论派”的学者，现任教令院书记官兼任代理贤者，有过人的智慧与才能，生活得自由自在，一般人基本找不到他。在须弥的风波结束，虚空系统关闭之后，教令院还有很多亟待解决的难题。而艾尔海森身为代理贤者，又是当前教令院中非</div> </li> <li><a href="/article/1946606265459339264.htm" title="html css js网页制作成品——HTML+CSS中国古代物理 - 中华优秀传统文化网页设计（4页）附源码" target="_blank">html css js网页制作成品——HTML+CSS中国古代物理 - 中华优秀传统文化网页设计（4页）附源码</a> <span class="text-muted">软件技术NINI</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E6%BA%90%E7%A0%81/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</div> </li> <li><a href="/article/1943830011131785216.htm" title="玩转Docker | 使用Docker部署NotepadMX笔记应用程序" target="_blank">玩转Docker | 使用Docker部署NotepadMX笔记应用程序</a> <span class="text-muted">心随_风动</span> <a class="tag" taget="_blank" href="/search/%E7%8E%A9%E8%BD%ACDocker/1.htm">玩转Docker</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/eureka/1.htm">eureka</a> <div>玩转Docker|使用Docker部署NotepadMX笔记应用程序前言一、NotepadMX介绍工具简介主要特点二、系统要求环境要求环境检查Docker版本检查检查操作系统版本三、部署NotepadMX服务下载NotepadMX镜像编辑部署文件创建容器检查容器状态检查服务端口安全设置四、访问NotepadMX服务访问NotepadMX首页设置访问验证编辑笔记总结前言在如今快节奏的工作与学习中，一</div> </li> <li><a href="/article/1943465667118297088.htm" title="计算机网络（17）—— 无线局域网" target="_blank">计算机网络（17）—— 无线局域网</a> <span class="text-muted">Will Jay</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a><a class="tag" taget="_blank" href="/search/%E5%B1%80%E5%9F%9F%E7%BD%91/1.htm">局域网</a> <div>IEEE802.11IEE80211是无线局域网通用的标准，它是由E定义的无线网络通信的标准。无线局域网的分类1.有固定基础设施无线局域网2.无固定基础设施无线局域网的自组织分类笔记总结于王道网课，图片截取自视频，希望对大家有所帮助！</div> </li> <li><a href="/article/1942641004821671936.htm" title="Flutter-完整开发实战详解(一、Dart-语言和-Flutter-基础)" target="_blank">Flutter-完整开发实战详解(一、Dart-语言和-Flutter-基础)</a> <span class="text-muted">2401_85122662</span> <a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a> <div>《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》完整开源地址：https://docs.qq.com/doc/DSkNLaERkbnFoS0ZF基本类型var可以定义变量，如vartag=“666”，这和JS、Kotlin等语言类似，同时Dart属于动态类型语言，支持闭包。Dart中number类型分为int和double，其中java中的long对应的也是Da</div> </li> <li><a href="/article/1940628715977371648.htm" title="AJAX 安装使用教程" target="_blank">AJAX 安装使用教程</a> <span class="text-muted">小奇JAVA面试</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B/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>一、AJAX简介AJAX（AsynchronousJavaScriptandXML）是一种在无需重新加载整个网页的情况下，能够与服务器交换数据并更新部分网页内容的技术。它不是一种新语言，而是使用现有的标准组合：JavaScript+XMLHttpRequest（或Fetch）+HTML+CSS。二、AJAX是否需要安装？不需要单独安装！AJAX是浏览器原生支持的技术，主流浏览器均内置XMLHttp</div> </li> <li><a href="/article/1938216680316530688.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>在本文章开篇之前，需要先提前准备好代码运行环境，首先需要准备好VisualStudioCode用来编写代码，然后找一个适合的浏览器，用来看代码的运行效果。建议使用谷歌浏览器，当然电脑自带的浏览器也是可以的。快捷键生成浏览器文件：！+回车代码格式化：shift+Alt+F向上或向下移动一行：Alt+上方向键，Alt+下方向键快速复制一行代码：shift+Alt+上/下方向键保存：Ctrl+S快速查找</div> </li> <li><a href="/article/1937652751982981120.htm" title="人体分割笔记总结" target="_blank">人体分割笔记总结</a> <span class="text-muted">AI算法网奇</span> <a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E5%AE%9D%E5%85%B8/1.htm">深度学习宝典</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/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><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E9%A9%BE%E9%A9%B6/1.htm">自动驾驶</a> <div>2022.01人体抠图：GitHub-jacke121/MODNet:ATrimap-FreePortraitMattingSolutioninRealTime[AAAI2022]有mobilenetv2版,模型有7m,25m等等的。对着摄像头实时抠图，有bug，效果不是很稳定。字节人体分割抠图，区分人体和背景完美抠图王冰冰！字节实习生开发的AI，实现4K60帧视频实时抠图，连头发丝都根根分明人体</div> </li> <li><a href="/article/1934338476858208256.htm" title="HTML5+CSS3小实例：文本背景扫光效果" target="_blank">HTML5+CSS3小实例：文本背景扫光效果</a> <span class="text-muted">艾恩小灰灰</span> <a class="tag" taget="_blank" href="/search/HTML%2BCSS%2BJS%E5%B0%8F%E5%AE%9E%E4%BE%8B/1.htm">HTML+CSS+JS小实例</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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/html/1.htm">html</a> <div>实例：文本背景扫光效果技术栈：HTML+CSS效果：源码：【html】<head</div> </li> <li><a href="/article/1934018165382115328.htm" title="C语言基础学习笔记总结Day03" target="_blank">C语言基础学习笔记总结Day03</a> <span class="text-muted">私のこと、どう思う?</span> <a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</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>第一章一维数组1.1数组基础定义与初始化//方式1：声明时初始化所有元素intarr1[5]={0,1,2,3,4};//方式2：部分初始化（剩余元素自动补0）intarr2[5]={10,20};//→[10,20,0,0,0]//方式3：自动推断长度intarr3[]={2,4,6};//长度=3C内存布局地址|值0x1000|arr[0]→00x1004|arr[1]→10x1008|arr</div> </li> <li><a href="/article/1933796516623872000.htm" title="浅浅整理-前端技术发展" target="_blank">浅浅整理-前端技术发展</a> <span class="text-muted">weixin_46473496</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前端技术发展全链路解析（1990-2025）技术演进阶段划分1.洪荒时代（1990-1999）技术突破：1991：HTML1.0（TimBerners-Lee）1994：CSS提案（HåkonWiumLie）1995：JavaScript诞生（BrendanEich）核心产物：静态网页（HTML+CSS）表格布局与框架集浏览器战争（NetscapevsIE）2.动态网页革命（2000-2009）技</div> </li> <li><a href="/article/1932857938263732224.htm" title="HTML+CSS小白入门与进阶教程" target="_blank">HTML+CSS小白入门与进阶教程</a> <span class="text-muted">郑宜维David</span> <div>HTML+CSS小白入门与进阶教程【下载地址】HTMLCSS小白入门与进阶教程分享HTML+CSS小白入门与进阶教程欢迎来到《HTML+CSS小白入门与进阶教程》资源页面！本教程专为Web开发初学者设计，由CSDN上的资深博主倾情分享，旨在帮助你快速踏入网页设计的大门项目地址:https://gitcode.com/Resource-Bundle-Collection/4d4e1欢迎来到《HTML</div> </li> <li><a href="/article/1932209252458360832.htm" title="神经网络学习-神经网络简介【Transformer、pytorch、Attention介绍与区别】" target="_blank">神经网络学习-神经网络简介【Transformer、pytorch、Attention介绍与区别】</a> <span class="text-muted">Crabfishhhhh</span> <a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/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/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a> <div>神经网络学习笔记本笔记总结了神经网络基础理论、常见模型结构、优化方法以及PyTorch实践，适用于初学者和进阶者查阅学习。一、神经网络基础1.神经元模型神经元通过输入加权求和后激活：y=f(∑i=1nwixi+b)y=f\left(\sum_{i=1}^{n}w_ix_i+b\right)y=f(i=1∑nwixi+b)xix_ixi：输入wiw_iwi：权重bbb：偏置fff：激活函数，如ReL</div> </li> <li><a href="/article/1931261569052766208.htm" title="HTML+CSS大作业：简易购物网站（4页）" target="_blank">HTML+CSS大作业：简易购物网站（4页）</a> <span class="text-muted">奥利奥ala</span> <a class="tag" taget="_blank" href="/search/html%E5%9F%BA%E7%A1%80%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C/1.htm">html基础网页制作</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/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a> <div>html作业中高水平制作，适用于有一定基础的同学，页面排版干净，固定导航栏加上轮播图，采用了html+css来实现布局，在登录界面用了一小段js来作为输入框的判断，非常适合想要突破技术的同学学习使用,这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计购物网站并将其转换为代码的过程来实践设计。难度系数：★★★★☆一、网站题目简易购物商城、购物网站，购物商城等等二、网站描述本网站是以购</div> </li> <li><a href="/article/1931229047371657216.htm" title="nodejs笔记总结" target="_blank">nodejs笔记总结</a> <span class="text-muted">just_a_bad_guy</span> <a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/nodejs%E7%AC%94%E8%AE%B0/1.htm">nodejs笔记</a> <div>nodejs笔记本笔记根据河北师范大学软件学院王顶老师授课内容及网络资料编写，如果侵权，联系删除~如有错误欢迎联系更正~文章目录nodejs笔记nodejs简介，及常见名词解释nodejs是什么node主要特征运行node.js脚本文件时要省略node命令，如何操作node的单线程http请求协议跨域问题及代理常用模块nodejs基础&全局api全局api注意点路径变量控制台变量进程对象定时器bu</div> </li> <li><a href="/article/1931173832069017600.htm" title="HTML+CSS制作网页（率土）" target="_blank">HTML+CSS制作网页（率土）</a> <span class="text-muted">楠目</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/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>注意：本网页为自定义字体不能直接使用想看效果自行删除自定义字体或者去下载自定义字体（https://font.chinaz.com/）1、注册页面Documentbody{background-image:url("https://pic.kts.g.mi.com/3d1358b0bc7fef1e4497493964e2e38f1790956218722870038.png");backgroun</div> </li> <li><a href="/article/1929760220481908736.htm" title="HTML学生作业网页：使用HTML+CSS技术实现非遗文化网页设计题材【汉服文化—共12个页面】" target="_blank">HTML学生作业网页：使用HTML+CSS技术实现非遗文化网页设计题材【汉服文化—共12个页面】</a> <span class="text-muted">@码出未来-web网页设计</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>精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码</div> </li> <li><a href="/article/1928653119466565632.htm" title="Python考试重点笔记总结！期末轻松90+" target="_blank">Python考试重点笔记总结！期末轻松90+</a> <span class="text-muted">请为小H留灯</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>1.摘要本文系统梳理了Python期末考试中常见的考点，包括变量、数据类型、数据结构、流程控制、函数与模块、异常处理、文件操作、面向对象等。每个部分均配有定义、要点归纳、示例代码及考试提示，帮助同学高效复习、查漏补缺。2.引言在学习Python的过程中，期末考试往往汇总了整个学期所学的核心知识点，是对理解与应用能力的一次全面检验。通过系统化的复习，不仅能够巩固基础概念，还能提高编程思维与解决问题的</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>