CSS快捷键、文本设置、基本语法及页面引用、开发工具、常用选择器、块和内联

内联框架引入外部 <center> 网页内容居中 <a>标签是超链接标签 </p> <p><href>指向一个链接地址 <target>设置打开目标页面的位置——（blank新窗口、self当前窗口） </p> <h1>一、快捷键：</h1> <p><b>1.</b> css中用/*注释*/ ； html中用</p> <p><b>2. </b># ：占位符号</p> <p><b>3.</b>12工具=检查</p> <p><b>4.</b>Ctrl shift+D 整行复制粘贴</p> <p><b>5.</b>Ctrl shift+K 删除一行</p> <p><b>6.</b>Ctrl Alt+上下键多行同时编辑</p> <p><b>7.</b>Ctrl +enter 不用在行尾，直接换行</p> <h2>二、css文本设置：</h2> <h3> 常用的应用文本的css样式：</h3> <p> <b> color 设置文字的颜色，如： color:red;</b></p> <p><b> font-size 设置文字的大小，如：font-size:12px;</b></p> <h2><b>三、css基本语法及页面引用:<br></b></h2> <h3> 1.css基本语法:</h3> <h4> (1)<i> </i>css的定义方法是：</h4> <p> 选择器 { 属性:值; 属性:值; 属性:值;}</p> <p> 选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。 </p> <blockquote> <p>代码示例： <i> div{ width:100px; height:100px; color:red }</i></p> </blockquote> <h3> 2.css页面引入方法：</h3> <p> 1、外联式：通过link标签，链接到外部样式表到页面中。（答辩时统一用这个）</p> <blockquote> <p><i><link rel="stylesheet" type="text/css" href="css/main.css"></i></p> </blockquote> <p> 2、嵌入式：通过style标签，在网页上创建嵌入的样式表。</p> <p><style><style/>：标签不可以写HTML 相关的内容，只能写CSS样式</p> <blockquote> <p><i><style type="text/css"></i></p> <p><i> div{ width:100px; height:100px; color:red }</i></p> <p><i> ......</i></p> <p><i></style></i></p> </blockquote> <p> 3、内联式：通过标签的style属性，在标签上直接写样式。</p> <blockquote> <p><i><div style="width:100px; height:100px; color:red ">......</div></i></p> </blockquote> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 803px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <blockquote> <p><b><i><link rel="stylesheet" type="text/css" href="CSS/style.css">（href 指定一个外部css文件）</i></b></p> </blockquote> <div class="image-package"> <div class="image-container" style="max-width: 636px; max-height: 349px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <h1>四、开发工具：</h1> <p><br></p> <div class="image-package"> <div class="image-container" style="max-width: 641px; max-height: 871px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <h1>五、常用选择器： </h1> <h1><br></h1> <div class="image-package"> <div class="image-container" style="max-width: 560px; max-height: 464px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <h4>1、元素选择器（标签）</h4> <p><b>格式：标签名{}</b></p> <p>影响范围大，建议尽量应用在层级选择器中</p> <blockquote> <p><i><b>p{</b></i><i><b>color:red;</b></i><i><b>} </b></i><i><b> —— 选中所有的p标签</b></i></p> <p><b><i>h1{ color:red;} —— 选中所有的h1标签</i></b></p> </blockquote> <h4>2、id选择器</h4> <p><b>格式：#id { } </b></p> <p>通过id名来选择元素，元素的id名称不能重复，一个样式设置项只能对应于页面上一个元素，不能复用，id名一般给程序使用，所以不推荐使用id作为选择器</p> <blockquote> <p><b><i>#p1{ font-size:20px; } —— 选中id等于p1的标签</i></b></p> </blockquote> <h4>3、组选择器（并集选择器）</h4> <p><b>格式：选择器1,选择器2,选择器3 { }</b></p> <p>多个选择器，如果有同样的样式设置，可以使用组选择器</p> <blockquote> <p><b><i>#p1,.p2,h1{background-color: yellow;}* —— 选中id等于p1、p2、h1的标签</i></b></p> </blockquote> <h4>4、类选择器</h4> <p><b>格式：.className { } </b></p> <p>通过类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类，应用灵活，可复用，是css中应用最多的一种选择器。</p> <blockquote> <p><i><b>.p2{color:red;}</b></i></p> <p><i><b>.hello{font-size:50px;}</b></i></p> </blockquote> <h4>5、<b>通配（用）选择器：</b> </h4> <p><b>格式：*{ color:red}</b></p> <blockquote> <p><i><b>*{color:red} —— 选中页面上所有的元素</b></i></p> </blockquote> <h4>6、复合选择器</h4> <p><b>格式：选择器1选择器2{}</b></p> <blockquote> <p><i><b>span.p3{ background-color: yellow;}</b></i></p> <p><b><i>p#p1{ background-color: red;}</i></b></p> </blockquote> <p><br></p> <div class="image-package"> <div class="image-container" style="max-width: 555px; max-height: 1160px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <div class="image-package"> <div class="image-container" style="max-width: 463px; max-height: 1319px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <h1>六、块和内联：</h1> <p>内联元素（行内元素）：span、<b>a</b>、img、ifram —— 不换行，除非满了自动换行</p> <p>a元素：可以包含任意元素，除了本身</p> <p>块元素：div、<b>p</b>、h1-h6、ul、li —— 独占一行</p> <p>p元素：不可以包含任何其他块（只能放内联）</p> <p><br></p> <div class="image-package"> <div class="image-container" style="max-width: 480px; max-height: 1139px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <div class="image-package"> <div class="image-container" style="max-width: 480px; max-height: 1139px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> </article> </div> </div> </div>  <div id="SOHUCS" sid="1831311143788965888"></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">你可能感兴趣的:(CSS快捷键、文本设置、基本语法及页面引用、开发工具、常用选择器、块和内联)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1883223745653436416.htm" title="TypeError: ‘str‘ object is not callable的几种情况及解决办法" target="_blank">TypeError: ‘str‘ object is not callable的几种情况及解决办法</a> <span class="text-muted">兔兔爱学习兔兔爱学习</span> <a class="tag" taget="_blank" href="/search/pandas/1.htm">pandas</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>TypeError:‘str’objectisnotcallable的几种情况及解决办法第一个可能，定义了一个str的变量，这个和Python自带函数str的命名冲突了，所以发生这个错误。确实，这是一个情况。这种情况的解决办法就是：严格遵守命名规范，避免命名冲突。第二个可能，是字符串后面加了括号调用的缘故。这一般是由于不了解，对某个对象的细节不清楚，错把属性看成了函数。</div> </li> <li><a href="/article/1883223619304222720.htm" title="Vue3 - Element Plus 下拉菜单 el-dropdown 阻止冒泡传递到上层触发事件，解决 dropdown 下拉菜单组件被容器元素包裹时点击事件触发，会连带触发外层包裹容器的点击事件" target="_blank">Vue3 - Element Plus 下拉菜单 el-dropdown 阻止冒泡传递到上层触发事件，解决 dropdown 下拉菜单组件被容器元素包裹时点击事件触发，会连带触发外层包裹容器的点击事件</a> <span class="text-muted">王二红</span> <a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/Vue3/1.htm">Vue3</a><a class="tag" taget="_blank" href="/search/element/1.htm">element</a><a class="tag" taget="_blank" href="/search/plus/1.htm">plus</a><a class="tag" taget="_blank" href="/search/el-dropdown/1.htm">el-dropdown</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/%E6%8A%8Acommand%E5%8A%A0%E4%B8%8A.stop/1.htm">把command加上.stop</a><a class="tag" taget="_blank" href="/search/%E4%B8%8B%E6%8B%89%E8%8F%9C%E5%8D%95%E7%BB%84%E4%BB%B6%E5%A6%82%E4%BD%95%E7%82%B9%E5%87%BB%E4%B8%8D%E5%86%92%E6%B3%A1/1.htm">下拉菜单组件如何点击不冒泡</a><a class="tag" taget="_blank" href="/search/stop%E4%BA%8B%E4%BB%B6%E4%BF%AE%E9%A5%B0%E7%AC%A6%E9%98%BB%E6%AD%A2%E7%82%B9%E5%87%BB%E5%86%92%E6%B3%A1/1.htm">stop事件修饰符阻止点击冒泡</a><a class="tag" taget="_blank" href="/search/click.stop%E6%97%A0%E6%B3%95%E4%BD%BF%E7%94%A8/1.htm">click.stop无法使用</a> <div>前言平常只需要给@click事件加入即可，但现在使用stop修饰符无法支持和识别语法。本文实现了在vue3+elementplus项目开发中，解决el-dropdown下拉菜单组件时点击事件冒泡问题（激活触发外层嵌套元素的点击事件，从而同时触发），使用.stop修饰符又没有地方可以加入的问题。本文提供完美解决方案，保证100%解决。如下图所示，常见于这种需求页面，点击“···”图标时就会引发点击事</div> </li> <li><a href="/article/1883223240499851264.htm" title="ollama部署及实践记录,虚拟环境，pycharm等" target="_blank">ollama部署及实践记录,虚拟环境，pycharm等</a> <span class="text-muted">PyAIGCMaster</span> <a class="tag" taget="_blank" href="/search/%E6%88%91%E4%B9%B0%E4%BA%86%E4%B8%AA%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">我买了个服务器</a><a class="tag" taget="_blank" href="/search/pycharm/1.htm">pycharm</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>我的环境：ubutu24.050.相关命令kt@kt4028:~/myproject/ollama-linux$ollama--helpLargelanguagemodelrunnerUsage:ollama[flags]ollama[command]AvailableCommands:serveStartollamacreateCreateamodelfromaModelfileshowShow</div> </li> <li><a href="/article/1883222610662191104.htm" title="移动应用开发技术架构图" target="_blank">移动应用开发技术架构图</a> <span class="text-muted">彭乙肱</span> <div>移动应用相关视频讲解：AIGC和微信的辅助学习移动应用开发技术架构图移动应用开发技术架构图是移动应用程序员必备的工具之一。它展示了一个应用程序的各个部分如何相互交互，以及它们之间的关系。在这篇文章中，我们将简要介绍移动应用开发技术架构图的基本概念，并使用代码示例来说明其重要性。架构图的重要性移动应用开发技术架构图对于理解一个应用程序的整体设计和功能至关重要。它可以帮助开发人员更好地组织代码，减少代</div> </li> <li><a href="/article/1883221350747795456.htm" title="Vue企业开发实战——学习心得" target="_blank">Vue企业开发实战——学习心得</a> <span class="text-muted">sienn</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>一、Vue.js简介Vue.js是一个渐进式JavaScript框架，用于构建用户界面。它与其他大型框架的不同之处在于，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，也便于与第三方库或已有项目整合。二、环境配置安装Node.js和npm：Vue.js的开发需要使用Node.js和npm（Node包管理器）。可以从Node.js的官网下载并安装Node.js，它会自动</div> </li> <li><a href="/article/1883220594808385536.htm" title="JVM中的STW和CMS" target="_blank">JVM中的STW和CMS</a> <span class="text-muted">Modify_QmQ</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JVM/1.htm">JVM</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/stw/1.htm">stw</a><a class="tag" taget="_blank" href="/search/cms/1.htm">cms</a> <div>STWJava中Stop-The-World机制简称STW，是在执行垃圾收集算法时，Java应用程序的其他所有线程都被挂起（除了垃圾收集帮助器之外）。Java中一种全局暂停现象，全局停顿，所有Java代码停止，native代码可以执行，但不能与JVM交互；这些现象多半是由于gc引起。GC时的StoptheWorld(STW)是大家最大的敌人。但可能很多人还不清楚，除了GC，JVM下还会发生停顿现象</div> </li> <li><a href="/article/1883219587110072320.htm" title="为什么 TCP 挥手需要有 TIME_WAIT 状态？" target="_blank">为什么 TCP 挥手需要有 TIME_WAIT 状态？</a> <span class="text-muted">qq_39279448</span> <a class="tag" taget="_blank" href="/search/tcp%2Fip/1.htm">tcp/ip</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a> <div>在TCP协议里，连接关闭过程需精确处理。TCP借助四次挥手（four-wayhandshake）实现从建立连接到断开连接，而在四次挥手最后阶段，TCP协议会进入特殊的TIME_WAIT状态，此步骤对确保可靠的连接断开意义重大。本文将深入探讨设置TIME_WAIT状态的原因及其在TCP协议中的作用。一、四次挥手和TIME_WAIT状态概述TCP连接关闭时，客户端和服务器会执行四次挥手：第一次挥手：主</div> </li> <li><a href="/article/1883219460693749760.htm" title="深度解析 Git 的使用：版本控制的核心工具" target="_blank">深度解析 Git 的使用：版本控制的核心工具</a> <span class="text-muted">qq_39279448</span> <a class="tag" taget="_blank" href="/search/git/1.htm">git</a> <div>1.Git的基本概念1.1什么是版本控制？版本控制系统（VersionControlSystem,VCS）是一种用于记录文件内容变更历史的工具。多人开发者可以在不同的时间编辑同一个文件，而不必担心覆盖或丢失他人的修改。Git作为一种分布式版本控制系统，允许开发者在本地操作代码的同时，确保所有更改都可以被追踪和协同。1.2分布式与集中式的差异集中式版本控制（例如SVN）：所有代码和版本信息都存储在中</div> </li> <li><a href="/article/1883219334340341760.htm" title="深入理解 Vue 的 Diff 算法：从原理到实现的完整剖析" target="_blank">深入理解 Vue 的 Diff 算法：从原理到实现的完整剖析</a> <span class="text-muted">qq_39279448</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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%89%8D%E7%AB%AF/1.htm">前端</a> <div>Vue的Diff算法如何工作？如何将传统树的比较复杂度从O(n^3)降到O(n)？Vue3的优化策略如何显著提升性能？Vue源码中Diff算法的实现细节是什么？实际开发中Diff算法的使用及优化实践。1.Diff算法的基本原理1.1为什么需要Diff算法？在浏览器中，直接操作真实DOM会导致：性能成本高：DOM是浏览器中的重量级对象，频繁操作会触发页面的回流（reflow）和重绘（repaint）</div> </li> <li><a href="/article/1883218955351420928.htm" title="简识JVM栈中的程序计数器" target="_blank">简识JVM栈中的程序计数器</a> <span class="text-muted">天天向上杰</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>JVM（Java虚拟机）栈中的程序计数器（ProgramCounterRegister）是JVM运行时数据区域中的一个重要组成部分，以下是对其的详细解释：一、程序计数器的定义和作用定义：程序计数器是一块较小的内存区域，每个线程在创建时都会分配一个独立的程序计数器，因此它是线程私有的。作用：程序计数器的主要作用是存储当前线程正在执行的Java方法的字节码指令地址。它是一个指示器，指向方法区中该线程正</div> </li> <li><a href="/article/1883218955762462720.htm" title="简识JVM中并发垃圾回收器和多线程并行垃圾回收器的区别" target="_blank">简识JVM中并发垃圾回收器和多线程并行垃圾回收器的区别</a> <span class="text-muted">天天向上杰</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><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> <div>在JVM中，多线程并行垃圾回收器和并发垃圾回收器是两种不同类型的垃圾回收机制，它们的主要区别在于垃圾收集线程与用户线程之间的运行关系，以及这种关系对应用程序性能的影响。以下是对这两种垃圾回收器的详细比较：一、多线程并行垃圾回收器定义与特点：多线程并行垃圾回收器（如ParallelGC）利用多核CPU的优势，通过多个垃圾收集线程同时工作来提高垃圾回收的效率。这些垃圾收集线程在垃圾回收过程中是并行的，</div> </li> <li><a href="/article/1883218828964458496.htm" title="简识栈结构的后进先出（LIFO）" target="_blank">简识栈结构的后进先出（LIFO）</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>栈结构是一种线性数据结构，其操作遵循后进先出（LastIn,FirstOut,LIFO）的原则。以下是对栈结构后进先出特性的详细解释：一、栈结构的基本定义栈是一种只允许在一端进行插入和删除操作的线性表。这一端通常称为栈顶（Top），相对的另一端称为栈底（Bottom）。栈的基本操作包括压栈（Push）和弹栈（Pop），分别用于在栈顶插入元素和删除元素。二、后进先出（LIFO）原则后进先出原则是指，</div> </li> <li><a href="/article/1883218324230303744.htm" title="Hibernate和Spring Data JPA" target="_blank">Hibernate和Spring Data JPA</a> <span class="text-muted">打伞的木头人</span> <div>什么是JavaPersistenceAPI？JavaPersistenceAPI提供了一个规范，用于将数据通过Java对象持久化、读取和管理到数据库中的关系表。JPA是JavaPersistenceAPI的简称，中文名Java持久层API，是JDK5.0注解或XML描述对象－关系表的映射关系，并将运行期的实体对象持久化到数据库中。Sun引入新的JPAORM规范出于两个原因：其一，简化现有JavaE</div> </li> <li><a href="/article/1883217820477616128.htm" title="lua语言" target="_blank">lua语言</a> <span class="text-muted">你一身傲骨怎能输</span> <a class="tag" taget="_blank" href="/search/Lua%E8%AF%AD%E8%A8%80/1.htm">Lua语言</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a> <div>Lua是一种轻量级、高效的脚本语言，广泛应用于游戏开发、嵌入式系统和其他需要灵活性和可扩展性的应用程序中。以下是关于Lua语言的一些基本信息和特点：1.特点轻量级：Lua的设计目标是简单和高效，核心库非常小，适合嵌入到其他应用程序中。高效：Lua具有高效的执行速度，适合实时应用程序，如游戏。可扩展性：Lua允许用户通过C/C++扩展其功能，能够与其他语言和库进行无缝集成。动态类型：Lua是动态类型</div> </li> <li><a href="/article/1883217694010961920.htm" title="6 回归集成：xgb、lgb、cat" target="_blank">6 回归集成：xgb、lgb、cat</a> <span class="text-muted">汀沿河</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/2%E6%AF%94%E8%B5%9B%E5%B8%B8%E7%94%A8%E7%9A%84%E4%BB%A3%E7%A0%81/1.htm">2比赛常用的代码</a><a class="tag" taget="_blank" href="/search/%E5%9B%9E%E5%BD%92/1.htm">回归</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>这个代码是从kaggle上拷贝过来的：如何使用三个树模型模块化训练；文本特征如何做，如何挖掘；时间特征的处理；模型权重集成；importpandasaspdimportmathimportnumpyasnpimportjoblibimportoptunafromlightgbmimportLGBMRegressorfromcatboostimportCatBoostRegressorfromxgb</div> </li> <li><a href="/article/1883217440368816128.htm" title="vite构建项目中的swc是什么" target="_blank">vite构建项目中的swc是什么</a> <span class="text-muted">光影少年</span> <a class="tag" taget="_blank" href="/search/swc/1.htm">swc</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>在Vite项目中，swc是一种高性能的编译器，用于替代传统的JavaScript编译工具，如Babel。它以速度和效率著称，可以加速编译和转换JavaScript和TypeScript代码，从而大幅提升开发和构建的效率。1.什么是swc？swc（SpeedyWebCompiler）是一个用Rust编写的编译器，它能够非常快速地编译、转换和优化JavaScript和TypeScript代码。swc的</div> </li> <li><a href="/article/1883217441463529472.htm" title="前端构建工具" target="_blank">前端构建工具</a> <span class="text-muted">光影少年</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%9E%84%E5%BB%BA/1.htm">软件构建</a> <div>前端构建工具是开发现代Web应用时不可或缺的工具，用于优化代码、提升开发效率、以及实现高效的构建和部署。以下是常见的前端构建工具及其作用：1.模块打包工具Webpack特点：功能强大，插件与配置灵活。作用：将模块（JS、CSS、图片等）打包成浏览器可运行的文件。适用场景：中大型项目，需高度自定义。Vite特点：轻量、快速构建，基于ESModules。作用：适合现代框架如Vue、React，热更新速</div> </li> <li><a href="/article/1883217441950068736.htm" title="node和nest生态及区别和优势" target="_blank">node和nest生态及区别和优势</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>Node.js与Nest.js的生态与区别及优势1.Node.js生态Node.js是一个基于V8引擎的JavaScript运行时，支持高性能、非阻塞I/O，用于构建服务器端应用程序。生态特点核心模块：提供基础模块（如fs,http,events等），可以直接用于开发。允许构建高性能网络应用，如Web服务器、API服务等。NPM（NodePackageManager）：全球最大的包管理器，提供丰富</div> </li> <li><a href="/article/1883217062415888384.htm" title="商业航天更青睐哪些芯片" target="_blank">商业航天更青睐哪些芯片</a> <span class="text-muted">forgeda</span> <a class="tag" taget="_blank" href="/search/%E5%95%86%E4%B8%9A%E8%88%AA%E5%A4%A9/1.htm">商业航天</a><a class="tag" taget="_blank" href="/search/fpga%E5%BC%80%E5%8F%91/1.htm">fpga开发</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/%E7%A1%AC%E4%BB%B6%E6%9E%B6%E6%9E%84/1.htm">硬件架构</a><a class="tag" taget="_blank" href="/search/EDA%E7%A1%AC%E4%BB%B6%E8%BE%85%E5%8A%A9%E9%AA%8C%E8%AF%81/1.htm">EDA硬件辅助验证</a><a class="tag" taget="_blank" href="/search/%E4%BB%BF%E7%9C%9F%E5%8A%A0%E9%80%9F/1.htm">仿真加速</a><a class="tag" taget="_blank" href="/search/%E5%95%86%E4%B8%9A%E8%88%AA%E5%A4%A9/1.htm">商业航天</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%B3%BB%E7%BB%9F/1.htm">嵌入式系统</a> <div>随着以SpaceXStarlink为代表的小卫星组网服务的快速崛起，使得航天探测器的设计思路，正在发生转变。一直以来，传统航天器以可靠性为最高目标，尽可能降低风险，通常是大尺寸、重量、功率和成本（SWaP-C）的旗舰系统。现在各国争相发布的小型卫星组网概念，则完全不同。以低成本、批量化、快速部署的低批快三要素构成，更像是作为“日常消费品”概念的具体化，所以风险容忍度相对更高。伴随商业航天的蓬勃发展</div> </li> <li><a href="/article/1883216936012148736.htm" title="几种常见的求特殊方程正整数解的方法和示例" target="_blank">几种常见的求特殊方程正整数解的方法和示例</a> <span class="text-muted">max500600</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>以下是几种常见的求特殊方程正整数解的方法和示例：一元一次方程例题：已知关于(x)的方程(mx+3=9-x)（(m)为不等于(1)的整数）的解是正整数，求该方程的正整数解，并求相应(m)的值.求解步骤：首先解方程(mx+3=9-x)，移项可得(mx+x=9-3)，即((m+1)x=6)，解得(x=\frac{6}{m+1})。因为方程解是正整数，所以(m+1)是(6)的正因数，(6)的正因数有(1)</div> </li> <li><a href="/article/1883216935240396800.htm" title="JVM、JRE 和 JDK：深入解析" target="_blank">JVM、JRE 和 JDK：深入解析</a> <span class="text-muted">ㅇㅁㅇ</span> <a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在Java编程的世界中，JVM、JRE和JDK是三个关键的组成部分，每个部分在Java的开发和运行中都扮演着重要角色。理解这三者的关系不仅对开发者有帮助，也有助于解决编程过程中遇到的各种问题。下面我们将更详细地探讨它们的具体功能和相互关系。JVM（JavaVirtualMachine）JVM，即Java虚拟机，是Java平台的核心组成部分。其主要功能包括：字节码执行：JVM的主要任务是执行Java</div> </li> <li><a href="/article/1883216557329412096.htm" title="电影智能推荐系统" target="_blank">电影智能推荐系统</a> <span class="text-muted">风又起而叶落地</span> <a class="tag" taget="_blank" href="/search/pandas/1.htm">pandas</a> <div>电影智能推荐系统背景介绍人们经常会在视频平台上观看影片，有时目标明确，想要观看某部电影，但有时仅仅是随机搜寻。如果视频平台可以利用基于物品的智能推荐系统，有效地从用户对其观看过的电影的评分中挖掘数据，便可以根据用户偏好的电影个性化地推荐更多类似的电影，优化用户体验，提高用户粘性，创造额外收入。分析步骤读取数据数据分析合并电影数据和评分数据计算每部电影的评分均值计算每部电影的“评分次数”创建数据透视</div> </li> <li><a href="/article/1883216305138495488.htm" title="【浮点数】在内存中如何存储？？？简单理解" target="_blank">【浮点数】在内存中如何存储？？？简单理解</a> <span class="text-muted">仟濹</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">C语言学习笔记</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><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/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</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%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>2024-07-20笔记-32024-09-24修改作者(Author)：郑龙浩/仟濹（网名）目录浮点型在内存中的存储①【整型】的存储和获取的方式与【浮点型】的存储和获取的方式是“不一样”的下面举例：浮点存储氛围三部分②浮点数的存储规则要先了解国际标准IEEE（电气和电子工程协会）754，浮点数用V来表示的。如何更好的理解呢？？？③IEEE754的针对于“有效数字M”和“指数E”④为什么浮点数总是</div> </li> <li><a href="/article/1883216051307606016.htm" title="KNOWLEDGE UNLEARNING FOR MITIGATING PRIVACY RISKS IN LANGUAGE MODELS" target="_blank">KNOWLEDGE UNLEARNING FOR MITIGATING PRIVACY RISKS IN LANGUAGE MODELS</a> <span class="text-muted">绒绒毛毛雨</span> <a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%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%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a> <div>文章目录摘要1引言2相关工作2.1语言模型的隐私方法2.2机器去学习2.3语言模型中的记忆3语言模型中的知识去学习3.1方法论3.2量化语言模型的隐私风险4实验4.1模型、数据集和配置4.2主要实验4.3知识去学习的分析5结论摘要预训练语言模型（LMs）在初始预训练过程中记忆了大量知识，包括可能侵犯个人隐私和身份的信息。以往针对语言模型隐私问题的研究主要集中在数据预处理和差分隐私方法上，这两者都需</div> </li> <li><a href="/article/1883215673363066880.htm" title="全网最最实用--教你用gradio搭网页、部署模型等（代码粘贴即用、不讲虚的）" target="_blank">全网最最实用--教你用gradio搭网页、部署模型等（代码粘贴即用、不讲虚的）</a> <span class="text-muted">绒绒毛毛雨</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B%E7%AE%97%E6%B3%95/1.htm">大模型算法</a><a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%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/ai/1.htm">ai</a> <div>文章目录〇前言一、构建网页1.各个组件介绍a.文本输入和输出b.图像输入和输出c.音频输入和输出d.视频输入和输出e.文件上传和下载f.滑块(`Slider`)g.单选按钮(`Radio`)h.复选框(`CheckboxGroup`)j.数据表格(`Dataframe`)2.一个网页示例代码a.按钮使用指南（事件处理和回调）3.整个网页代码b.整个网页展示二、构建ai任务a.构建一个自己的大语言模</div> </li> <li><a href="/article/1883215295150092288.htm" title="Ｑt C++设计模式-＞桥接模式" target="_blank">Ｑt C++设计模式-＞桥接模式</a> <span class="text-muted">多喝热水-多读书</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</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/%E6%A1%A5%E6%8E%A5%E6%A8%A1%E5%BC%8F/1.htm">桥接模式</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a> <div>桥接模式简介桥接模式（BridgePattern）是一种结构型设计模式，它将抽象部分与它的实现部分分离，使它们都可以独立地变化。桥接模式通过组合的方式来代替继承，使得系统可以在多个维度上独立变化。它非常适合用于需要在多个层次上扩展和变化的场景。桥接模式的应用场景假设你在开发一个跨平台的Qt应用程序，需要处理不同类型的设备（比如手机、平板、PC），并且还需要支持不同的操作系统（比如Windows、M</div> </li> <li><a href="/article/1883214791414181888.htm" title="数据库连接池是如何工作的？" target="_blank">数据库连接池是如何工作的？</a> <span class="text-muted">大懒猫软件</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>连接池是一种用于管理和复用连接（如数据库连接或网络连接）的技术，广泛应用于数据库操作和网络请求中，以提高应用程序的性能和资源利用率。以下是连接池的工作原理和机制的详细解释：连接池的工作原理1.初始化阶段在应用程序启动时，连接池会根据配置参数预先创建一定数量的连接对象，并将这些连接存储在一个容器（如队列或列表）中。这些连接处于空闲状态，等待被应用程序请求使用。2.获取连接当应用程序需要与外部资源（如</div> </li> <li><a href="/article/1883214412874051584.htm" title="Vue.js组件开发详解" target="_blank">Vue.js组件开发详解</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/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Vue.js组件开发详解Vue.js是一个用于构建用户界面的渐进式框架，其核心思想是通过数据驱动视图的变化，同时提供了一系列强大的工具来帮助开发者高效地开发复杂的单页应用。在Vue.js中，组件是构建复杂应用的基本单元，通过组件化开发，我们可以将应用拆分成可复用的、独立的模块，从而提高开发效率和代码的可维护性。本文将详细讲解Vue.js组件的开发过程，从基础概念到高级技巧，全面覆盖组件开发的各个方</div> </li> <li><a href="/article/1883213530958721024.htm" title="jdk jre jvm 的区别和联系" target="_blank">jdk jre jvm 的区别和联系</a> <span class="text-muted">小萝卜锃亮</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、JDK、JRE、JVM分别是什么（一）JDKJDK，全称JavaDevelopmentKit，是Java语言的软件开发工具包，主要用于移动设备、嵌入式设备上的Java应用程序。JDK是整个Java开发的核心。（二）JREJRE，全称JavaRuntimeEnvironment，是指Java的运行环境，是可以在其上运行、测试和传输应用程序的Java平台。（三）JVMJVM，全称JavaVirtu</div> </li> <li><a href="/article/1883213152888352768.htm" title="Flink读写Kafka（Table API）" target="_blank">Flink读写Kafka（Table API）</a> <span class="text-muted">sf_www</span> <a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%97%B6%E8%AE%A1%E7%AE%97Flink/1.htm">实时计算Flink</a><a class="tag" taget="_blank" href="/search/flink/1.htm">flink</a><a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>前面（Flink读写Kafka（DataStreamAPI）_flinkkafkascram-CSDN博客）我们已经讲解了使用DataStreamAPI来读取Kafka，在这里继续讲解下使用TableAPI来读取Kafka，和前面一样也是引入相同的依赖即可。org.apache.flinkflink-connector-kafka1.15.41.创建KafkaTable可以使用以下方式来创建Kaf</div> </li> <li><a href="/article/112.htm" title="HQL之投影查询" target="_blank">HQL之投影查询</a> <span class="text-muted">归来朝歌</span> <a class="tag" taget="_blank" href="/search/HQL/1.htm">HQL</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2%E8%AF%AD%E5%8F%A5/1.htm">查询语句</a><a class="tag" taget="_blank" href="/search/%E6%8A%95%E5%BD%B1%E6%9F%A5%E8%AF%A2/1.htm">投影查询</a> <div>        在HQL查询中，常常面临这样一个场景，对于多表查询，是要将一个表的对象查出来还是要只需要每个表中的几个字段，最后放在一起显示？针对上面的场景，如果需要将一个对象查出来： HQL语句写“from 对象”即可 Session session = HibernateUtil.openSession(); </div> </li> <li><a href="/article/239.htm" title="Spring整合redis" target="_blank">Spring整合redis</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>pom.xml <dependencies>  <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redi</div> </li> <li><a href="/article/366.htm" title="org.hibernate.NonUniqueResultException: query did not return a unique result: 2" target="_blank">org.hibernate.NonUniqueResultException: query did not return a unique result: 2</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>参考：http://blog.csdn.net/qingfeilee/article/details/7052736 org.hibernate.NonUniqueResultException: query did not return a unique result: 2         在项目中出现了org.hiber</div> </li> <li><a href="/article/493.htm" title="android动画效果" target="_blank">android动画效果</a> <span class="text-muted">不懂事的小屁孩</span> <a class="tag" taget="_blank" href="/search/android%E5%8A%A8%E7%94%BB/1.htm">android动画</a> <div>前几天弄alertdialog和popupwindow的时候，用到了android的动画效果，今天专门研究了一下关于android的动画效果，列出来，方便以后使用。 Android 平台提供了两类动画。一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。 </div> </li> <li><a href="/article/620.htm" title="js delete 删除机理以及它的内存泄露问题的解决方案" target="_blank">js delete 删除机理以及它的内存泄露问题的解决方案</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>delete删除属性时只是解除了属性与对象的绑定，故当属性值为一个对象时，删除时会造成内存泄露  （其实还未删除）举例： var person={name:{firstname:'bob'}} var p=person.name delete person.name p.firstname -->'bob' // 依然可以访问p.firstname，存在内存泄露</div> </li> <li><a href="/article/747.htm" title="Oracle将零干预分析加入网络即服务计划" target="_blank">Oracle将零干预分析加入网络即服务计划</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是，Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务（NaaS）平台，帮助企业以更灵活和更适合云的方式实现通信服务提供商（CSP）的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计</div> </li> <li><a href="/article/874.htm" title="spring学习——springmvc（二）" target="_blank">spring学习——springmvc（二）</a> <span class="text-muted">a-john</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div>Spring MVC提供了非常方便的文件上传功能。 1，配置Spring支持文件上传： DispatcherServlet本身并不知道如何处理multipart的表单数据，需要一个multipart解析器把POST请求的multipart数据中抽取出来，这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器，需要声明一个实现了Mul</div> </li> <li><a href="/article/1001.htm" title="POJ-2828-Buy Tickets" target="_blank">POJ-2828-Buy Tickets</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/ACM_POJ/1.htm">ACM_POJ</a> <div>POJ-2828-Buy Tickets http://poj.org/problem?id=2828 线段树，逆序插入 #include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct</div> </li> <li><a href="/article/1128.htm" title="Java Ant build.xml详解" target="_blank">Java Ant build.xml详解</a> <span class="text-muted">asia007</span> <a class="tag" taget="_blank" href="/search/build.xml/1.htm">build.xml</a> <div>1,什么是antant是构建工具2,什么是构建概念到处可查到，形象来说，你要把代码从某个地方拿来，编译，再拷贝到某个地方去等等操作，当然不仅与此，但是主要用来干这个3,ant的好处跨平台   --因为ant是使用java实现的，所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多，可能你用了很久，你仍然不知道它能有</div> </li> <li><a href="/article/1255.htm" title="android按钮监听器的四种技术" target="_blank">android按钮监听器的四种技术</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/xml%E9%85%8D%E7%BD%AE/1.htm">xml配置</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC%E5%99%A8/1.htm">监听器</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E7%8E%B0%E6%8E%A5%E5%8F%A3/1.htm">实现接口</a> <div>android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方;    1,activity中使用内部类实现接口 ,创建内部类实例  使用add方法  与java类似   创建监听器的实例 myLis lis = new myLis();   使用add方法给按钮添加监听器  </div> </li> <li><a href="/article/1382.htm" title="软件架构师不等同于资深程序员" target="_blank">软件架构师不等同于资深程序员</a> <span class="text-muted">bijian1013</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/%E6%9E%B6%E6%9E%84%E5%B8%88/1.htm">架构师</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a> <div>        本文的作者Armel Nene是ETAPIX Global公司的首席架构师，他居住在伦敦，他参与过的开源项目包括 Apache Lucene,，Apache Nutch， Liferay 和 Pentaho等。         如今很多的公司</div> </li> <li><a href="/article/1509.htm" title="TeamForge Wiki Syntax & CollabNet User Information Center" target="_blank">TeamForge Wiki Syntax & CollabNet User Information Center</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/TeamForge/1.htm">TeamForge</a><a class="tag" taget="_blank" href="/search/How+do/1.htm">How do</a><a class="tag" taget="_blank" href="/search/Attachement/1.htm">Attachement</a><a class="tag" taget="_blank" href="/search/Anchor/1.htm">Anchor</a><a class="tag" taget="_blank" href="/search/Wiki+Syntax/1.htm">Wiki Syntax</a> <div>the CollabNet user information center http://help.collab.net/   How do I create a new Wiki page? A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and</div> </li> <li><a href="/article/1636.htm" title="【Redis四】Redis数据类型" target="_blank">【Redis四】Redis数据类型</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>概述 Redis是一个高性能的数据结构服务器，称之为数据结构服务器的原因是，它提供了丰富的数据类型以满足不同的应用场景，本文对Redis的数据类型以及对这些类型可能的操作进行总结。 Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统，这里的数据类型指的是value的类型，而不是key的类型，key的类型只有一种即string</div> </li> <li><a href="/article/1763.htm" title="SSH2整合-附源码" target="_blank">SSH2整合-附源码</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/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a> <div>今天用eclipse终于整合出了struts2+hibernate+spring框架。我创建的是tomcat项目，需要有tomcat插件。导入项目以后，鼠标右键选择属性，然后再找到“tomcat”项，勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片，sql也在源码里。     补充1：项目中部分jar包不是最新版的，可能导</div> </li> <li><a href="/article/1890.htm" title="[转]开源项目代码的学习方法" target="_blank">[转]开源项目代码的学习方法</a> <span class="text-muted">braveCS</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a> <div>转自： http://blog.sina.com.cn/s/blog_693458530100lk5m.html http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html   1）阅读features。以此来搞清楚该项目有哪些特性2）思考。想想如果自己来做有这些features的项目该如何构架3）下载并安装d</div> </li> <li><a href="/article/2017.htm" title="编程之美-子数组的最大和（二维）" target="_blank">编程之美-子数组的最大和（二维）</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div>package beautyOfCoding; import java.util.Arrays; import java.util.Random; public class MaxSubArraySum2 { /** * 编程之美子数组之和的最大值（二维） */ private static final int ROW = 5; private stat</div> </li> <li><a href="/article/2144.htm" title="读书笔记-3" target="_blank">读书笔记-3</a> <span class="text-muted">chengxuyuancsdn</span> <a class="tag" taget="_blank" href="/search/jquery%E7%AC%94%E8%AE%B0/1.htm">jquery笔记</a><a class="tag" taget="_blank" href="/search/resultMap%E9%85%8D%E7%BD%AE/1.htm">resultMap配置</a><a class="tag" taget="_blank" href="/search/ibatis%E4%B8%80%E5%AF%B9%E5%A4%9A%E9%85%8D%E7%BD%AE/1.htm">ibatis一对多配置</a> <div>1、resultMap配置 2、ibatis一对多配置 3、jquery笔记 1、resultMap配置当<select resultMap="topic_data"> <resultMap id="topic_data">必须一一对应。 (1)<resultMap class="tblTopic&q</div> </li> <li><a href="/article/2271.htm" title="[物理与天文]物理学新进展" target="_blank">[物理与天文]物理学新进展</a> <span class="text-muted">comsci</span> <div>       如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境       怎么办呢? &nbsp</div> </li> <li><a href="/article/2398.htm" title="Oracle 11g新特性:Automatic Diagnostic Repository" target="_blank">Oracle 11g新特性:Automatic Diagnostic Repository</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/ADR/1.htm">ADR</a> <div>Oracle Database 11g的FDI（Fault Diagnosability Infrastructure）是自动化诊断方面的又一增强。 FDI的一个关键组件是自动诊断库（Automatic Diagnostic Repository-ADR）。在oracle 11g中，alert文件的信息是以xml的文件格式存在的，另外提供了普通文本格式的alert文件。这两份log文</div> </li> <li><a href="/article/2525.htm" title="简单排序:选择排序" target="_blank">简单排序:选择排序</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9%E6%8E%92%E5%BA%8F/1.htm">选择排序</a> <div> public void selectSort(int[] array){ int select; for(int i=0;i<array.length;i++){ select = i; for(int k=i+1;k<array.leng</div> </li> <li><a href="/article/2652.htm" title="C语言学习六指针的经典程序，互换两个数字" target="_blank">C语言学习六指针的经典程序，互换两个数字</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>示例程序，swap_1和swap_2都是错误的，推理从1开始推到2，2没完成，推到3就完成了 # include <stdio.h> void swap_1(int, int); void swap_2(int *, int *); void swap_3(int *, int *); int main(void) { int a = 3; int b = </div> </li> <li><a href="/article/2779.htm" title="php 5.4中php-fpm 的重启、终止操作命令" target="_blank">php 5.4中php-fpm 的重启、终止操作命令</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>php 5.4中php-fpm 的重启、终止操作命令: 查看php运行目录命令：which php/usr/bin/php 查看php-fpm进程数：ps aux | grep -c php-fpm 查看运行内存/usr/bin/php  -i|grep mem 重启php-fpm/etc/init.d/php-fpm restart 在phpinfo()输出内容可以看到php</div> </li> <li><a href="/article/2906.htm" title="线程同步工具类" target="_blank">线程同步工具类</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/%E5%90%8C%E6%AD%A5%E5%B7%A5%E5%85%B7%E7%B1%BB/1.htm">同步工具类</a> <div>同步工具类包括信号量（Semaphore）、栅栏（barrier）、闭锁（CountDownLatch）   闭锁（CountDownLatch） public class RunMain { public long timeTasks(int nThreads, final Runnable task) throws InterruptedException { fin</div> </li> <li><a href="/article/3033.htm" title="bleeding edge是什么意思" target="_blank">bleeding edge是什么意思</a> <span class="text-muted">haojinghua</span> <a class="tag" taget="_blank" href="/search/DI/1.htm">DI</a> <div>不止一次，看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件，上了wiki。  我再一次感到，没有辞典能像WiKi一样，给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱，只好在此一一中英对照，给大家上次课。   In computer science, bleeding edge is a term that </div> </li> <li><a href="/article/3160.htm" title="c中实现utf8和gbk的互转" target="_blank">c中实现utf8和gbk的互转</a> <span class="text-muted">jimmee</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/iconv/1.htm">iconv</a><a class="tag" taget="_blank" href="/search/utf8%26gbk%E7%BC%96%E7%A0%81/1.htm">utf8&gbk编码</a> <div>#include <iconv.h> #include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <fcntl.h> #include <string.h> #include <sys/stat.h> int code_c</div> </li> <li><a href="/article/3287.htm" title="大型分布式网站架构设计与实践" target="_blank">大型分布式网站架构设计与实践</a> <span class="text-muted">lilin530</span> <a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a> <div>1.大型网站软件系统的特点？ a.高并发，大流量。 b.高可用。 c.海量数据。 d.用户分布广泛，网络情况复杂。 e.安全环境恶劣。 f.需求快速变更，发布频繁。 g.渐进式发展。 2.大型网站架构演化发展历程？ a.初始阶段的网站架构。应用程序，数据库，文件等所有的资源都在一台服务器上。 b.应用服务器和数据服务器分离。 c.使用缓存改善网站性能。 d.使用应用</div> </li> <li><a href="/article/3414.htm" title="在代码中获取Android theme中的attr属性值" target="_blank">在代码中获取Android theme中的attr属性值</a> <span class="text-muted">OliveExcel</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/theme/1.htm">theme</a> <div>Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西.   在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则: int defaultColor = 0xFF000000; int[] attrsArray = { andorid.r.</div> </li> <li><a href="/article/3541.htm" title="基于Zookeeper的分布式共享锁" target="_blank">基于Zookeeper的分布式共享锁</a> <span class="text-muted">roadrunners</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E5%85%B1%E4%BA%AB%E9%94%81/1.htm">共享锁</a> <div>首先，说说我们的场景，订单服务是做成集群的，当两个以上结点同时收到一个相同订单的创建指令，这时并发就产生了，系统就会重复创建订单。等等......场景。这时，分布式共享锁就闪亮登场了。   共享锁在同一个进程中是很容易实现的，但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译，这里就不在赘述了。   官</div> </li> <li><a href="/article/3668.htm" title="两个容易被忽略的MySQL知识" target="_blank">两个容易被忽略的MySQL知识</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>1、varchar(5)可以存储多少个汉字，多少个字母数字？　　相信有好多人应该跟我一样，对这个已经很熟悉了，根据经验我们能很快的做出决定，比如说用varchar(200)去存储url等等，但是，即使你用了很多次也很熟悉了，也有可能对上面的问题做出错误的回答。　　这个问题我查了好多资料，有的人说是可以存储5个字符，2.5个汉字（每个汉字占用两个字节的话），有的人说这个要区分版本，5.0</div> </li> <li><a href="/article/3795.htm" title="zoj 3827 Information Entropy(水题)" target="_blank">zoj 3827 Information Entropy(水题)</a> <span class="text-muted">阿尔萨斯</span> <a class="tag" taget="_blank" href="/search/format/1.htm">format</a> <div> 题目链接：zoj 3827 Information Entropy 题目大意：三种底，计算和。解题思路：调用库函数就可以直接算了，不过要注意Pi = 0的时候，不过它题目里居然也讲了。。。limp→0+plogb(p)=0，因为p是logp的高阶。 #include <cstdio> #include <cstring> #include <cmath&</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>