CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
...
...
标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、<script>、<style>、<link>、<meta>等标签</span></p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;"><span style="color:#000000;">在<body>和</span><span style="color:#000000;"></body></span><span style="color:#000000;">标签之间的内容是网页的主要内容，如</span><span style="color:#000000;"><h1></span><span style="color:#000000;">、</span><span style="color:#000000;"><p></span><span style="color:#000000;">、</span><span style="color:#000000;"><a></span><span style="color:#000000;">、</span><span style="color:#000000;"><img></span><span style="color:#000000;">等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。</span></p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;">css夹杂在<head>中。</p>
<p style="margin-left:0pt;">对段落设置：</p>
<p style="margin-left:0pt;"><style type="text/css"></p>
<p style="margin-left:0pt;">p{</p>
<p style="margin-left:0pt;"> font-size:12px; 文字大小</p>
<p style="margin-left:0pt;"> color:red; 文字颜色</p>
<p style="margin-left:0pt;"> font-weight:bold; 文字格式</p>
<p style="margin-left:0pt;">border:1px solid red; 加入边框为1像素的红的边框</p>
<p style="margin-left:0pt;">body{font-family:"宋体";} 设置字体</p>
<p style="margin-left:0pt;">}</p>
<p style="margin-left:0pt;"></style></p>
<p style="margin-left:0pt;">对个别文字设置：</p>
<p style="margin-left:0pt;"><style type="text/css"></p>
<p style="margin-left:0pt;">span{</p>
<p style="margin-left:0pt;"> font-size:12px; 文字大小</p>
<p style="margin-left:0pt;"> color:red; 文字颜色</p>
<p style="margin-left:0pt;"> font-weight:bold; 文字格式</p>
<p style="margin-left:0pt;">}</p>
<p style="margin-left:0pt;"></style></p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;"><strong><strong>内联式</strong></strong><strong><strong>css样式</strong></strong>表就是把css代码直接写在现有的HTML标签中，如下面代码：</p>
<p style="margin-left:0pt;"><p style="color:red">这里文字是红色。</p></p>
<p style="margin-left:0pt;">注意要写在元素的开始标签里，下面这种写法是错误的：</p>
<p style="margin-left:0pt;"><p>这里文字是红色。</p style="color:red"></p>
<p style="margin-left:0pt;">并且css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码：</p>
<p style="margin-left:0pt;"><p style="color:red;font-size:12px">这里文字是红色。</p></p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;"><strong><strong>外部式css样式</strong></strong>(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内。</p>
<p style="margin-left:0pt;"><link href="base.css" rel="stylesheet" type="text/css" /></p>
<p style="margin-left:0pt;">rel="stylesheet" type="text/css" 是固定写法不可修改。</p>
<p style="margin-left:0pt;"><link>标签位置一般写在<head>标签之内。</p>
<p style="margin-left:0pt;">他们的优先级：内联式 > 嵌入式 > 外部式。</p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;"><strong><strong>选择器</strong></strong></p>
<p style="margin-left:0pt;">标签选择器其实就是html代码中的标签。</p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;"><strong><strong>类选择器：</strong></strong></p>
<p style="margin-left:0pt;">.类选器名称{css样式代码;}。在html代码中运用时在<标签后+空格+class=“类选择器名称”>如</p>
<p style="margin-left:0pt;">.stress{</p>
<p style="margin-left:0pt;"> color:red;</p>
<p style="margin-left:0pt;">}</p>
<p style="margin-left:0pt;"><span class="stress">勇气</span></p>
<p style="margin-left:0pt;">可以使用类选择器词列表方法为一个元素同时设置多个样式。</p>
<p style="margin-left:0pt;">.stress{</p>
<p style="margin-left:0pt;"> color:red;</p>
<p style="margin-left:0pt;">}</p>
<p style="margin-left:0pt;">.bigsize{</p>
<p style="margin-left:0pt;"> font-size:25px;</p>
<p style="margin-left:0pt;">}</p>
<p style="margin-left:0pt;"><p>到了<span class="stress bigsize"></p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;"><strong><strong>ID选择器：</strong></strong></p>
<p style="margin-left:0pt;">和类选择器格式用法和格式差不多</p>
<p style="margin-left:0pt;">1、为标签设置id="ID名称"，而不是class="类名称"。·</p>
<p style="margin-left:0pt;">2、ID选择符的前面是井号（#）号，而不是英文圆点（.）</p>
<p style="margin-left:0pt;">ID选择器只能在文档中使用一次。</p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;"><strong><strong>后代选择器：</strong></strong></p>
<p style="margin-left:0pt;">.first span{color:red;} （Span就是first的后代元素）</p>
<p style="margin-left:0pt;"><p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩</p> （胆小如鼠变成红色。）</p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;"><strong><strong>子选择器</strong></strong></p>
<p style="margin-left:0pt;">.food>li{border:1px solid red;}</p>
<p style="margin-left:0pt;">和后代选择器类似</p>
<p style="margin-left:0pt;">子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择</p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;"><strong><strong>伪类选择符</strong></strong></p>
<p style="margin-left:0pt;">比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色</p>
<p style="margin-left:0pt;">a:hover{}</p>
<p style="margin-left:0pt;"><a href="http://www.imooc.com">胆小如鼠</a> （胆小如鼠变色）</p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;">标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：</p>
<p style="margin-left:0pt;">p{color:red;} /*权值为1*/</p>
<p style="margin-left:0pt;">p span{color:green;} /*权值为1+1=2*/</p>
<p style="margin-left:0pt;">.warning{color:white;} /*权值为10*/</p>
<p style="margin-left:0pt;">p span.warning{color:purple;} /*权值为1+1+10=12*/</p>
<p style="margin-left:0pt;">#footer .note p{color:yellow;} /*权值为100+10+1=111*/</p>
<p style="margin-left:0pt;"> </p>
<p style="margin-left:0pt;">p{color:red!important;}</p>
<p style="margin-left:0pt;">!important具有最高权值</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1282427068495183872"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1947449342122061824.htm"
title="Java知识体系个人总结" target="_blank">Java知识体系个人总结</a>
<span class="text-muted">普通人zzz~</span>
<a class="tag" taget="_blank" href="/search/Java%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB%E4%B8%AA%E4%BA%BA%E6%80%BB%E7%BB%93/1.htm">Java知识体系个人总结</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%85%A8%E5%AE%B6%E6%A1%B6/1.htm">分布式微服务全家桶</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>Java知识体系个人总结Java进阶知识项目问题记录系统设计并发编程前端数据库关系型数据库非关系型数据库应用框架SpringMyBatis/IBatisNetty微服务与分布式1.分布式微服务2.Netflix-Ribbon3.Netflix-OpenFeign4.Netflix-Eureka5.Alibaba-Dubbo6.Alibaba-Nacos7.Alibaba-Sentinel8.Ali</div>
</li>
<li><a href="/article/1947448081809207296.htm"
title="关于Ajax的学习笔记" target="_blank">关于Ajax的学习笔记</a>
<span class="text-muted">秋也凉</span>
<a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</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>Ajax概念：是一门使用了js语言，可以使用于Javaweb，实现前端代码和后端代码连结的的一种异步同步（不需要等待服务器相应，就能够发送第二次请求）的一种技术，它主要用于网页内容的局部刷新，列如验证码、导航栏的刷新等。实现步骤1.导入jQuery（一种框架，Ajax是JQuery的一种方法）文件——例如：写在jsp页面的标签里面。2.在jsp页面写一个函数，然后在函数里面调用ajax方法，aja</div>
</li>
<li><a href="/article/1947384798041403392.htm"
title="python pywebview + vue3 做桌面端" target="_blank">python pywebview + vue3 做桌面端</a>
<span class="text-muted">妃衣</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>pythonpywebview+vue3做桌面端Api.py#传给前端的api对象,定义了一个可以通过js调用退出当前应用的函数classApi:def__init__(self)->None:self._window=None#java运行的线程self.process=Nonedefset_process(self,_process):self.process=_processdefset_w</div>
</li>
<li><a href="/article/1947377238957682688.htm"
title="ReactJS与Node.js：前后端整合之道" target="_blank">ReactJS与Node.js：前后端整合之道</a>
<span class="text-muted"></span>
<div>背景简介在当前的Web开发领域中，ReactJS作为前端框架的佼佼者，其组件化和声明式的编程方式广受开发者喜爱。而Node.js作为后端技术的热门选择，也因其实时、非阻塞I/O的特性而大放异彩。当ReactJS与Node.js结合时，我们可以构建出全栈的应用程序，实现从前端到后端的无缝对接。本文将从ReactJS与FacebookAPI的集成讲起，逐步过渡到使用Node.js来构建React应用的</div>
</li>
<li><a href="/article/1947375977206181888.htm"
title="[架构之美]手动搭建Vue3 前端项目框架" target="_blank">[架构之美]手动搭建Vue3 前端项目框架</a>
<span class="text-muted">曼岛_</span>
<a class="tag" taget="_blank" href="/search/%E6%88%90%E9%95%BF%E4%B9%8B%E8%B7%AF/1.htm">成长之路</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>[架构之美]手动搭建Vue3前端项目框架我们将手动创建一个完整的Vue前端项目，包含基础结构、路由、状态管理和UI组件。下面是实现方案：一.项目结构设计1.1项目架构设计my-vue-project/├──public/│├──index.html│└──favicon.ico├──src/│├──assets/││└──logo.png││├──main.css│├──components/││</div>
</li>
<li><a href="/article/1947372821663510528.htm"
title="前端——HTML" target="_blank">前端——HTML</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>目录HTML简介HTML基本框架JavaScript内嵌JavaScript外引JavaScriptCSS内部样式外部样式HTML简介HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。超文本是</div>
</li>
<li><a href="/article/1947366264842285056.htm"
title="TypeScript 完全指南：实战与前沿技术深度解析" target="_blank">TypeScript 完全指南：实战与前沿技术深度解析</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/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一、企业级项目架构1.微前端架构的类型治理随着微前端架构在大型项目中普及，多团队协作开发的类型统一成为难题。想象一个电商平台，购物车、商品详情等模块由不同团队开发，若类型不一致，数据交互时极易出错。通过共享d.ts声明文件，定义全局类型，如User接口、Product类型，各子应用引用统一的类型定义，确保数据格式一致。此外，借助模块联邦技术，在子应用间安全传递类型化数据，例如：//主应用定义全局类</div>
</li>
<li><a href="/article/1947313951305953280.htm"
title="B/S架构系统角色与对应协议详解" target="_blank">B/S架构系统角色与对应协议详解</a>
<span class="text-muted">步行cgn</span>
<a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
<div>B/S架构系统角色与对应协议详解一、核心角色及协议映射系统角色主要职责关键协议协议作用说明浏览器用户交互界面HTTP/HTTPS应用层通信基础(Browser)发送请求/渲染响应WebSocket全双工实时通信执行前端逻辑WebRTC点对点音视频传输DNS域名解析--------------------------------------------------------------------</div>
</li>
<li><a href="/article/1947299837074534400.htm"
title="springboot+vue生态系统的气象数据可视化平台Java+python-计算机毕业设计" target="_blank">springboot+vue生态系统的气象数据可视化平台Java+python-计算机毕业设计</a>
<span class="text-muted"></span>
<div>目录功能和技术介绍具体实现截图开发核心技术：开发环境开发步骤编译运行核心代码部分展示系统设计详细视频演示可行性论证软件测试源码获取功能和技术介绍该系统基于浏览器的方式进行访问，采用springboot集成快速开发框架，前端使用vue方式，基于es5的语法，开发工具IntelliJIDEAx64，因为该开发工具，内嵌了Tomcat服务运行机制，可不用单独下载Tomcatserver服务器。由于考虑到</div>
</li>
<li><a href="/article/1947298598446231552.htm"
title="2019-05-16" target="_blank">2019-05-16</a>
<span class="text-muted">海牙kyogre</span>
<div>前端优化动画性能之requestAnimationFrame@(技术分享)在前端做动画很多人第一人的反应是用定时器，比如setInterval、setTimeout，除此之外css3可以使用transition和animation来实现。而编写动画循环的关键是要知道延迟时间多长合适。一方面，循环间隔必须足够短，这样才能让不同的动画效果显得平滑流畅；另一方面，循环间隔还要足够长，这样才能确保浏览器有</div>
</li>
<li><a href="/article/1947295428160581632.htm"
title="如何使用爬虫简单的爬取一个网页的静态前端代码" target="_blank">如何使用爬虫简单的爬取一个网页的静态前端代码</a>
<span class="text-muted"></span>
<div>什么是爬虫？Python爬虫是一种使用Python语言编写的程序，用于自动访问网页并提取所需信息。它通常用于网络数据抓取、数据挖掘和信息收集。Python爬虫可以模拟浏览器行为，向服务器发送请求并接收响应数据，然后解析这些数据以获取有用的信息。爬虫的基本原理（流程）发送请求：爬虫向目标网站的服务器发送HTTP请求（通常是GET请求）。获取响应：服务器返回网页的HTML内容。解析内容：爬虫解析HTM</div>
</li>
<li><a href="/article/1947294797018492928.htm"
title="[Python] -项目实战8- 构建一个简单的 Todo List Web 应用（Flask）" target="_blank">[Python] -项目实战8- 构建一个简单的 Todo List Web 应用（Flask）</a>
<span class="text-muted">踏雪无痕老爷子</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>一、为什么选Flask？轻量上手快：仅需几行代码就能跑一个可用的Web应用。灵活扩展：可接入数据库、身份认证、前端框架等。教育性强：涵盖前后端交互基础，适合入门全栈开发。二、项目结构建议flask_todo/├──app.py├──templates/│└──index.html├──static/│└──style.css├──todo.db└──requirements.txtapp.py：后</div>
</li>
<li><a href="/article/1947294797924462592.htm"
title="B/S 架构通信原理详解" target="_blank">B/S 架构通信原理详解</a>
<span class="text-muted">步行cgn</span>
<a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
<div>B/S架构通信原理详解一、核心架构Browser/Server（浏览器/服务器）模型：前端：浏览器作为统一客户端（Chrome/Firefox/Edge等）后端：服务器处理业务逻辑+数据存储（Nginx/Apache/Tomcat等）通信协议：基于HTTP/HTTPS的请求-响应模型二、完整通信流程sequenceDiagramparticipant用户participant浏览器particip</div>
</li>
<li><a href="/article/1947274630708391936.htm"
title="推客系统小程序开发实战：2025年技术架构与实现细节" target="_blank">推客系统小程序开发实战：2025年技术架构与实现细节</a>
<span class="text-muted">wx_qutudy</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91/1.htm">推客小程序开发</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E7%B3%BB%E7%BB%9F/1.htm">推客系统</a>
<div>引言在电商生态竞争日益激烈的2025年，推客系统作为私域流量运营的核心工具，其技术实现效率与合规性已成为企业增长的关键指标。本文基于实际开发经验，深度解析推客系统小程序的技术选型、架构设计与核心功能实现，旨在为开发者提供可复用的技术方案。一、技术选型：多端统一开发框架的深度实践1.1前端框架选型对比在2025年主流框架对比中，Taro3.6.31展现出显著优势：跨平台能力：支持微信/支付宝/百度小</div>
</li>
<li><a href="/article/1947266815931510784.htm"
title="IM即时通讯源码/im源码基于uniapp框架从0开始设计搭建在线聊天系统" target="_blank">IM即时通讯源码/im源码基于uniapp框架从0开始设计搭建在线聊天系统</a>
<span class="text-muted">宠友信息</span>
<a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>文章目录前言一、确定技术栈二、数据库设计：1.引入库2.使用SpringBoot创建后端项目3.实现WebSocket通信：3.1创建WebSocket配置类：3.2创建ChatWebSocketHandler类：3.3前端WebSocket连接与通信：总结前言随着人社交产品的不断发展，即时通讯聊天这门技术也越来越重要，很多人都开启了学习通讯技术，本文就介绍了即时通讯的基础内容。一、确定技术栈在开</div>
</li>
<li><a href="/article/1947266689762652160.htm"
title="用项目说话：我的React博客构建成果与经验复盘" target="_blank">用项目说话：我的React博客构建成果与经验复盘</a>
<span class="text-muted">Pan Zonghui</span>
<a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E7%AB%AF/1.htm">移动端</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E6%80%BB%E7%BB%93/1.htm">项目总结</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.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/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
<div>这是一个基于React19+TypeScript+Vite构建的现代化博客系统，采用了最新的前端技术栈和工程化实践。项目不仅实现了完整的博客功能，更在架构设计、性能优化、开发体验等方面体现了企业级应用的标准。成品展示个人博客链接地址：https://pzhdv.cnpc端页面展示首页分类页面关于我文章详情页面移动端技术栈选择与分层设计技术栈选择核心框架与工具React19.1.0:最新版本的Rea</div>
</li>
<li><a href="/article/1947258114214522880.htm"
title="从零开发推客小程序系统：完整技术方案与实战经验" target="_blank">从零开发推客小程序系统：完整技术方案与实战经验</a>
<span class="text-muted">wx_ywyy6798</span>
<a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91/1.htm">推客小程序开发</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91/1.htm">推客系统开发</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">推客小程序</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E7%B3%BB%E7%BB%9F/1.htm">推客系统</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E5%88%86%E9%94%80%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91/1.htm">推客分销系统开发</a>
<div>一、推客小程序的市场价值社交电商爆发式增长背景推客模式的优势：低成本获客、用户裂变小程序作为推客系统载体的天然优势二、技术架构设计text1.前端技术栈：-微信小程序原生开发/uni-app跨平台方案-自定义分享组件开发-可视化数据看板实现2.后端技术选型：-Node.js/PHP/JavaSpringBoot等后端框架对比-高性能分销关系链存储方案-佣金结算系统的设计要点3.数据库设计：-用户层</div>
</li>
<li><a href="/article/1947239956585967616.htm"
title="springboot-mybatis-MySQL-集成" target="_blank">springboot-mybatis-MySQL-集成</a>
<span class="text-muted">张_皮皮</span>
<a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/idea/1.htm">idea</a>
<div>这也是我第一次搭建springboot-mybatis的项目环境，记录一下。我是用IntelliJIDEA，你可以创建maven项目，也可以直接创建spring项目，最终的项目结构如下，这里说明下，resources下面的mappers里面是存放mybatis的SQL映射文件，static下面存放前端静态资源文件，如js,css等，template下存放前端模板文件，本项目使用的freemarke</div>
</li>
<li><a href="/article/1947237558815617024.htm"
title="GitLab系列2 GitLab Workhorse" target="_blank">GitLab系列2 GitLab Workhorse</a>
<span class="text-muted">weixin_34326558</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/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/ViewUI/1.htm">ViewUI</a>
<div>GitLabWorkhorse上一回介绍了GitLab的基础功能和架构，但还没具体讲解用户的请求是怎么被处理的，只是将各个组件的功能职责介绍了一遍，本节将简单介绍gitlab-workhorse的功能首先回顾一下：GitLab利用Nginx将前端的http/https请求代理至gitlab-workhorse，gitlab-workhorse再将请求转发至UnicornWeb服务器。默认情况下gi</div>
</li>
<li><a href="/article/1947235415840845824.htm"
title="题解 | #使用join查询找出没有分类的电影id以及名称#" target="_blank">题解 | #使用join查询找出没有分类的电影id以及名称#</a>
<span class="text-muted">愤怒的小青春</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>58同城java后端一面凉经主流的哈希算法有哪几种？帮闺蜜们找靠谱男票hc多多光彩积云是什么企业，查不到有用信息太抽象了！培训班装公司招聘阿里巴巴前端暑期实习——无语八面挂怎么写自我介绍|自我介绍保姆级教学灵犀互娱客户端一面面经(求过啊)24找运维实习，这简历可行吗拓竹科技测试开发面经（25届暑期实习）分享一波攒了整个秋招的NLP算法岗面经腾讯广告暑期实习面试1、JVM垃圾回收机制2、syncho</div>
</li>
<li><a href="/article/1947228858193342464.htm"
title="【hc多多】华为25届实习生招聘 （东莞、北京、成都、西安）" target="_blank">【hc多多】华为25届实习生招聘 （东莞、北京、成都、西安）</a>
<span class="text-muted">2301_78234743</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>被面试官羞辱。。。快手—Java日常实习组内急招智谱华章前端一面凉经pdd你真是饿了......2024年4月最新腾讯后端校招实习面经概答：面面俱到的考察千亿元宇宙市场，Soul、映客的新动力学3个月后端了嵌入式简历制作简历优化荣耀错过面试是不是没约面机会了？微众银行25届暑期实习招聘正式启动！荣耀错过面试是不是没约面机会了？成都经纬恒润CE视景仿真部成都经纬恒润CE视景仿真部软件实习生是做什么的</div>
</li>
<li><a href="/article/1947210962088030208.htm"
title="Netty集群方案详解与实战(Zookeeper + Redis + RabbitMQ)" target="_blank">Netty集群方案详解与实战(Zookeeper + Redis + RabbitMQ)</a>
<span class="text-muted">懂得节能嘛.</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/1.htm">网络编程</a><a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/rabbitmq/1.htm">rabbitmq</a>
<div>一、背景二、Netty单体架构的优缺点优点缺点三、Netty集群架构的优缺点优点缺点四、适用场景对比五、Netty单体架构代码实现六、Netty集群架构方案实现方案一、Nginx负载均衡实现集群(较为简单)Nginx配置前端连接方式方案二、Nacos+Gateway（结合SpringCloud生态）Netty服务gateway网关服务前端连接方式方案三、Zookeeper+Redis+Rabbit</div>
</li>
<li><a href="/article/1947204912051974144.htm"
title="DHTMLX Suite 9.2 重磅发布：支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级" target="_blank">DHTMLX Suite 9.2 重磅发布：支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级</a>
<span class="text-muted"></span>
<div>全球知名的JavaScriptUI组件库DHTMLXSuite迎来9.2新版本！此次更新虽为次版本号，却实质性提升了Grid网格组件的交互能力与用户体验，引入了包括历史记录管理、剪贴板操作、数据选择范围管理、Block区块选择等多项高级模块，支持更接近电子表格的使用体验。新版Grid组件不仅在数据可视化、数据编辑方面功能更强，还增强了与主流前端框架（如React、Vue、Angular）的集成示例</div>
</li>
<li><a href="/article/1947196965230014464.htm"
title="如何用纯 HTML 文件实现 Vue.js 应用，并通过 CDN 引入 Element UI" target="_blank">如何用纯 HTML 文件实现 Vue.js 应用，并通过 CDN 引入 Element UI</a>
<span class="text-muted">人工智能训练师</span>
<a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a>
<div>相关名词解释Vue.jsVue.js：是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，提供声明式的、组件化的编程模型，可高效开发用户界面。具有响应式数据绑定等特性，能自动跟踪数据变化并更新DOM。ElementUI：是一个基于Vue.js的流行前端UI框架，由饿了么团队开发和维护。它提供了一系列预设计的Vue组件，如按钮、输入框、表格等，可帮</div>
</li>
<li><a href="/article/1947192427693535232.htm"
title="从头学前端-HTML简介" target="_blank">从头学前端-HTML简介</a>
<span class="text-muted">liangblog</span>
<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><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>HTML简介:先说下什么是网页：网页是网站中的页面，通长是HTML格式的文件，单个或多个页面就组成了一个网站；现在的技术发展到一般都是单页应用，在一个页面中，通过页面跳转的方式，访问不同数据页面；网页基本都是通过浏览器访问；网页主要有图片，文字、链接、视音频等元素组成；使用不同的标签引入元素；最终生成的文件和展示的方式一般都是html或htm文件;什么是HTMLHTML是超文本标记语言《Hyper</div>
</li>
<li><a href="/article/1947187378661683200.htm"
title="从代码到终端部署：Prompt如何颠覆传统DevOps流程" target="_blank">从代码到终端部署：Prompt如何颠覆传统DevOps流程</a>
<span class="text-muted">LCG元</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7/1.htm">工具</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/prompt/1.htm">prompt</a><a class="tag" taget="_blank" href="/search/devops/1.htm">devops</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>文章目录基于Prompt工程的DevOps架构重构实践一、架构演进与技术对比1.1架构演进路径1.2核心流程对比二、核心实现方案2.1Prompt解析引擎实现（Python）2.2Kubernetes集成部署（YAML模板）三、生产部署实践3.1安全增强方案3.2性能优化数据四、技术前瞻与演进4.1未来三年技术路线图五、完整技术图谱六、核心代码实现（TypeScript前端）七、部署验证测试基于P</div>
</li>
<li><a href="/article/1947185993920606208.htm"
title="前端------Filter" target="_blank">前端------Filter</a>
<span class="text-muted">童小纯</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%B3%BB%E5%88%97---%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E6%B7%B1%E5%8C%96/1.htm">前端系列---从入门到深化</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a>
<div>其实数组的很多函数需要的参数都是一样的arr.fun((item,index,arr)=>{item:数组的元素index:数组元素在的位置arr:整个数组})Filter是数组的一个用法,用来返回一个数组,满足特定条件的数组中的元素letarr=[1,2,3,4];letnewArr=arr.filter((item,index,arr)=>{console.log("数组元素${item}")</div>
</li>
<li><a href="/article/1947185741704523776.htm"
title="CSS实现前端响应式布局" target="_blank">CSS实现前端响应式布局</a>
<span class="text-muted"></span>
<div>一、响应式布局概述响应式布局的定义与重要性响应式布局是一种能够使网页在不同设备上（如桌面电脑、平板电脑、手机等）都能呈现出良好视觉效果和用户体验的设计方法。它通过使用灵活的布局、可适应的图像和媒体查询等技术，确保网页能够根据设备的屏幕尺寸、分辨率和方向进行自动调整和优化。在当今数字化时代，响应式布局至关重要。随着移动设备的广泛使用，用户越来越多地通过各种设备访问网页。如果网页不能在不同设备上良好地</div>
</li>
<li><a href="/article/1947185363311194112.htm"
title="全栈开发的现状与未来——机遇与挑战并存" target="_blank">全栈开发的现状与未来——机遇与挑战并存</a>
<span class="text-muted">Willin 老王躺平不摆烂</span>
<a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/AIGC/1.htm">AIGC</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E5%88%9B%E5%AF%8C/1.htm">程序员创富</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>目录全栈开发的现状与未来：机遇与挑战并存1.全栈开发的就业市场现状与趋势1.1当前市场需求与薪资水平1.2行业竞争与公司偏好1.3未来几年发展预测2.全栈开发的技能要求与职业发展2.1核心技能栈：从前端到后端2.2新兴技术：AI与低代码/无代码2.3职业发展路径与晋升空间2.4多元化发展机会3.全栈开发的行业挑战与应对策略3.1主要行业挑战3.2应对策略与建议全栈开发依然充满机遇，市场需求旺盛，薪</div>
</li>
<li><a href="/article/1947182339083792384.htm"
title="我在黑马程序员学web前端" target="_blank">我在黑马程序员学web前端</a>
<span class="text-muted">新手来了@click</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>1网页由三部分组成1.、html负责网页的结构2.css、负责网页的美化，控制网页元素的样式3、js，负责网页交互html常见的标签：1、form表单input输入框select下拉菜单option下拉列表2、table表格thead表头ｔｂｏｄｙ是表体tr行th表头加粗ｔｄ是列ｂｒ是换行2/CＳＳ常见的三种引入方式行内样式、内部样式、外部样式用ｌｉｎｋ关键字常用的元素选择器：标签选择器、id选择</div>
</li>
<li><a href="/article/111.htm"
title="JAVA基础" target="_blank">JAVA基础</a>
<span class="text-muted">灵静志远</span>
<a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/%E5%8A%A0%E8%BD%BD/1.htm">加载</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2%E6%B1%A0/1.htm">字符串池</a><a class="tag" taget="_blank" href="/search/%E8%A6%86%E7%9B%96/1.htm">覆盖</a>
<div>一、类的初始化顺序
1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器
同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。
二、String
1 String a = "abc";
JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根</div>
</li>
<li><a href="/article/238.htm"
title="keepalived实现redis主从高可用" target="_blank">keepalived实现redis主从高可用</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>方案说明
两台机器（称为A和B），以统一的VIP对外提供服务
1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A）
2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务
3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始</div>
</li>
<li><a href="/article/365.htm"
title="java文件操作大全" target="_blank">java文件操作大全</a>
<span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>最近在博客园看到一篇比较全面的文件操作文章，转过来留着。
http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html
转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html
一.获得控制台用户输入的信息
&nbs</div>
</li>
<li><a href="/article/492.htm"
title="android学习任务" target="_blank">android学习任务</a>
<span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
<div>任务
完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果，写一个实例 已完成 复习fragem</div>
</li>
<li><a href="/article/619.htm"
title="zoom.js" target="_blank">zoom.js</a>
<span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/oom/1.htm">oom</a>
<div>它的基于bootstrap 的
https://raw.github.com/twbs/bootstrap/master/js/transition.js transition.js模块引用顺序
<link rel="stylesheet" href="style/zoom.css">
<script src=&q</div>
</li>
<li><a href="/article/746.htm"
title="详解Oracle云操作系统Solaris 11.2" target="_blank">详解Oracle云操作系统Solaris 11.2</a>
<span class="text-muted">蓝儿唯美</span>
<a class="tag" taget="_blank" href="/search/Solaris/1.htm">Solaris</a>
<div>当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 </div>
</li>
<li><a href="/article/873.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基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。
1，跟踪Spring MVC的请求
请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前</div>
</li>
<li><a href="/article/1000.htm"
title="hdu4342 History repeat itself-------多校联合五" target="_blank">hdu4342 History repeat itself-------多校联合五</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E8%AE%BA/1.htm">数论</a>
<div>水题就不多说什么了。
#include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--) </div>
</li>
<li><a href="/article/1127.htm"
title="EJB和javabean的区别" target="_blank">EJB和javabean的区别</a>
<span class="text-muted">asia007</span>
<a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/ejb/1.htm">ejb</a>
<div>EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了
1.EJB用于服务端应用开发, 而JavaBeans</div>
</li>
<li><a href="/article/1254.htm"
title="Struts的action和Result总结" target="_blank">Struts的action和Result总结</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a><a class="tag" taget="_blank" href="/search/Action%E9%85%8D%E7%BD%AE/1.htm">Action配置</a><a class="tag" taget="_blank" href="/search/Result%E9%85%8D%E7%BD%AE/1.htm">Result配置</a>
<div>
一:Action的配置详解:
下面是一个Struts中一个空的Struts.xml的配置文件
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
&quo</div>
</li>
<li><a href="/article/1381.htm"
title="如何带好自已的团队" target="_blank">如何带好自已的团队</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F%E7%AE%A1%E7%90%86/1.htm">团队管理</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F/1.htm">团队</a>
<div>在网上看到博客"
怎么才能让团队成员好好干活"的评论，觉得写的比较好。 原文如下： 我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点：
1.诚信
对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提</div>
</li>
<li><a href="/article/1508.htm"
title="Java代码混淆工具" target="_blank">Java代码混淆工具</a>
<span class="text-muted">sunjing</span>
<a class="tag" taget="_blank" href="/search/ProGuard/1.htm">ProGuard</a>
<div>Open Source Obfuscators
ProGuard
http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m</div>
</li>
<li><a href="/article/1635.htm"
title="【Redis三】基于Redis sentinel的自动failover主从复制" target="_blank">【Redis三】基于Redis sentinel的自动failover主从复制</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。
什么是Sentine</div>
</li>
<li><a href="/article/1762.htm"
title="使用代理实现Hibernate Dao层自动事务" target="_blank">使用代理实现Hibernate Dao层自动事务</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/AOP/1.htm">AOP</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
<div>都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。
public void save(Object obj){
Session session = this.getSession();
Transaction tran = session.beginTransaction();
try </div>
</li>
<li><a href="/article/1889.htm"
title="maven3实战读书笔记" target="_blank">maven3实战读书笔记</a>
<span class="text-muted">braveCS</span>
<a class="tag" taget="_blank" href="/search/maven3/1.htm">maven3</a>
<div>Maven简介
是什么？
Is a software project management and comprehension tool.项目管理工具
是基于POM概念(工程对象模型)
[设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复]
[与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区]
功能： </div>
</li>
<li><a href="/article/2016.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>
public class MaxProduct {
/**
* 编程之美 子数组的最大乘积
* 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。
* 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。
* 但按题目的意思，是要求得这个子数组，而不</div>
</li>
<li><a href="/article/2143.htm"
title="读书笔记-2" target="_blank">读书笔记-2</a>
<span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a>
<div>1、反射
2、oracle年-月-日 时-分-秒
3、oracle创建有参、无参函数
4、oracle行转列
5、Struts2拦截器
6、Filter过滤器(web.xml)
1、反射
(1)检查类的结构
在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。
2、oracle年月日时分秒
s</div>
</li>
<li><a href="/article/2270.htm"
title="[求学与房地产]慎重选择IT培训学校" target="_blank">[求学与房地产]慎重选择IT培训学校</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/it/1.htm">it</a>
<div> 关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题
培训学校的教学楼和宿舍的环境和稳定性问题
我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子...
&nb</div>
</li>
<li><a href="/article/2397.htm"
title="RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系" target="_blank">RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系</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/rman/1.htm">rman</a><a class="tag" taget="_blank" href="/search/filesperset/1.htm">filesperset</a><a class="tag" taget="_blank" href="/search/PARALLELISM/1.htm">PARALLELISM</a>
<div>RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转
PARALLELISM ---
我们还可以通过parallelism参数来指定同时"自动"创建多少个通道：
RMAN > configure device type disk parallelism 3 ;
表示启动三个通道，可以加快备份恢复的速度。 </div>
</li>
<li><a href="/article/2524.htm"
title="简单排序:冒泡排序" target="_blank">简单排序:冒泡排序</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a>
<div>
public void bubbleSort(int[] array){
for(int i=1;i<array.length;i++){
for(int k=0;k<array.length-i;k++){
if(array[k] > array[k+1]){
</div>
</li>
<li><a href="/article/2651.htm"
title="初二上学期难记单词三" target="_blank">初二上学期难记单词三</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/sciet/1.htm">sciet</a>
<div>concert 音乐会
tonight 今晚
famous 有名的；著名的
song 歌曲
thousand 千
accident 事故；灾难
careless 粗心的，大意的
break 折断；断裂；破碎
heart 心（脏）
happen 偶尔发生，碰巧
tourist 旅游者；观光者
science （自然）科学
marry 结婚
subject 题目；</div>
</li>
<li><a href="/article/2778.htm"
title="I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码" target="_blank">I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>wget http://download.redis.io/redis-stable.tar.gz
tar xvzf redis-stable.tar.gz
cd redis-stable
make
前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。
异常一：
make[2]: cc: Command not found
异常原因：没有安装g</div>
</li>
<li><a href="/article/2905.htm"
title="并发容器" target="_blank">并发容器</a>
<span class="text-muted">shuizhaosi888</span>
<a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91%E5%AE%B9%E5%99%A8/1.htm">并发容器</a>
<div> 通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。
并发容器ConcurrentHashMap
替代同步基于散列的Map，通过Lock控制。
&nb</div>
</li>
<li><a href="/article/3032.htm"
title="Spring Security（12）——Remember-Me功能" target="_blank">Spring Security（12）——Remember-Me功能</a>
<span class="text-muted">234390216</span>
<a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/Remember+Me/1.htm">Remember Me</a><a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E6%88%91/1.htm">记住我</a>
<div>Remember-Me功能
目录
1.1 概述
1.2 基于简单加密token的方法
1.3 基于持久化token的方法
1.4 Remember-Me相关接口和实现</div>
</li>
<li><a href="/article/3159.htm"
title="位运算" target="_blank">位运算</a>
<span class="text-muted">焦志广</span>
<a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a>
<div>
一、位运算符Ｃ语言提供了六种位运算符：
& 按位与
| 按位或
^ 按位异或
~ 取反
<< 左移
>> 右移
1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。
例如：9&am</div>
</li>
<li><a href="/article/3286.htm"
title="nodejs 数据库连接 mongodb mysql" target="_blank">nodejs 数据库连接 mongodb mysql</a>
<span class="text-muted">liguangsong</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/node/1.htm">node</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5/1.htm">数据库连接</a>
<div>1.mysql 连接
package.json中dependencies加入
"mysql":"~2.7.0"
执行 npm install
在config 下创建文件 database.js
</div>
</li>
<li><a href="/article/3413.htm"
title="java动态编译" target="_blank">java动态编译</a>
<span class="text-muted">olive6615</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E7%BC%96%E8%AF%91/1.htm">动态编译</a>
<div> 在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。
HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视</div>
</li>
<li><a href="/article/3540.htm"
title="Storm0.9.5的集群部署配置优化" target="_blank">Storm0.9.5的集群部署配置优化</a>
<span class="text-muted">roadrunners</span>
<a class="tag" taget="_blank" href="/search/%E4%BC%98%E5%8C%96/1.htm">优化</a><a class="tag" taget="_blank" href="/search/storm.yaml/1.htm">storm.yaml</a>
<div>nimbus结点配置（storm.yaml）信息：
# Licensed to the Apache Software Foundation (ASF) under one
# or more contributor license agreements. See the NOTICE file
# distributed with this work for additional inf</div>
</li>
<li><a href="/article/3667.htm"
title="101个MySQL 的调节和优化的提示" target="_blank">101个MySQL 的调节和优化的提示</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div> 1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。 3. 使用电池供电的RAM（注：RAM即随机存储器）。 4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列</div>
</li>
<li><a href="/article/3794.htm"
title="zoj 3829 Known Notation(贪心)" target="_blank">zoj 3829 Known Notation(贪心)</a>
<span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/ZOJ/1.htm">ZOJ</a>
<div> 题目链接：zoj 3829 Known Notation
题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。
解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>
