列表 list
HTML 列表和 CSS 列表属性
无序列表
有序列表
CSS 列表属性使您可以：
为有序列表设置不同的列表项标记
为无序列表设置不同的列表项标记
将图像设置为列表项标记
为列表和列表项添加背景色
不同的列表项目标记
list-style-type 属性指定列表项标记的类型
可用的列表项标记
ul.a {
list-style-type : circle;
}
ul.b {
list-style-type : square;
}
ol.c {
list-style-type : upper-roman;
}
ol.d {
list-style-type : lower-alpha;
}
list-style-image 属性将图像指定为列表项标记
ul {
list-style-image : url ( '/i/photo/sqpurple.gif' ) ;
}
定位列表项标记
list-style-position 属性指定列表项标记（项目符号）的位置
"list-style-position: outside;"表示项目符号点在列表项之外，列表项每行的开头将垂直对齐，outside是默认的
"list-style-position: inside;"表示项目符号将在列表项之内，作为列表项的一部分其将成为文本的一部分并在开头推开文本
删除默认设置
list-style-type: none 属性还可以用于删除标记（项目符号）
需要注意的是列表还拥有默认的外边距与内边距
若要删除则需要在或中添加 margin:0 和 padding:0
ul {
list-style-type : none;
margin : 0；
padding : 0;
}
列表的简写属性
list-style属性，用于在一条声明中设置所有列表属性
ul {
list-style : square inside url ( sqpurple.gif") ;
}
顺序：
1. list-style-type - 若指定了list-style-image，则无法显示图像时显示此属性值
2. list-style-position - 指定列表项标记应显示在内容流的内部还是外部
3. list-style-image - 将图像指定为列表项标记
如果缺少上述属性值之一，则将插入缺失属性的默认值
我们还可以使用颜色设置列表样式，使列表看起来更有趣
添加到 或 标记的任何样式都会影响整个列表，而添加到 标记的属性将影响各个列表项
ol {
background : #ff9999;
padding : 20px;
}
ul {
background : #3399ff;
padding : 20px;
}
ol li {
background : #ffe5e5;
padding : 5px;
margin-left : 35px;
}
ul li {
background : #cce5ff;
margin : 5px;
}
更多的有趣实例
红色左边框的自定义列表
ul {
border-left : 5px solid red;
background-color : #f1f1f1;
list-style-type : none;
padding : 10px 20px;
}
无项目符号的全屏宽度边框列表
ul {
list-style-type : none;
padding : 0;
border : 1px solid #ddd;
}
ul li {
padding : 8px 16px;
border-bottom : 1px solid #ddd;
}
ul li:last-child {
border-bottom : none;
}
表格 table
使用 CSS 可以极大地改善 HTML 表格的外观
DOCTYPE html > < html> < head> < style>
#customers {
font-family : Arial, Helvetica, sans-serif;
border-collapse : collapse;
width : 100%;
}
#customers td, #customers th {
border : 1px solid #ddd;
padding : 8px;
}
#customers tr:nth-child(even) { background-color : #f2f2f2; }
#customers tr:hover { background-color : hotpink; }
#customers th {
padding-top : 12px;
padding-bottom : 12px;
text-align : left;
background-color : #4CAF50;
color : white;
}
style > head > < body> < tableid = " customers" > < tr> < th> th > < th> th > < th> th > < th> th > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > < td> td > tr > table > body > html > 表格边框
table, th, td {
border : 1px solid black;
}
上面的表格拥有双边框
全宽表格
需要一个可以覆盖整个屏幕（全宽）的表格，请为 元素添加 width: 100%
table {
width : 100%;
}
删除（合并）表格边框
border-collapse 属性设置是否将表格边框折叠
table {
border-collapse : collapse;
}
table, th, td {
border : 1px solid black;
}
如果只希望表格周围有边框，则仅需为 指定 border 属性
table {
border : 1px solid black;
}
表格宽度与高度由width和height属性定义
table {
width : 100%;
}
table th {
height : 50px;
}
text-align 属性设置 或 中内容的水平对齐方式（左、右或居中）
默认情况下， 元素的内容居中对齐，而 元素的内容左对齐
要使 元素的内容也居中对齐，请使用 text-align: center
vertical-align 属性设置 或 中内容的垂直对齐方式（上、下或居中）
默认情况下，表中内容的垂直对齐是居中（ 和 元素都是）
下例将 元素的垂直文本对齐方式设置为下对齐
td {
height : 50px;
vertical-align : bottom;
}
控制边框和表格内容之间的间距，请在 和 元素上使用 padding 属性
th, td {
padding : 15px;
text-align : left;
}
向 和 添加 border-bottom 属性，以实现水平分隔线
table {
border-collapse : collapse;
width : 100%;
}
th, td {
padding : 8px;
text-align : left;
border-bottom : 1px solid #ddd;
}
可悬停表格
在 元素上使用 :hover选择器，突出显示鼠标悬停时的表格行:
tr:hover { background-color : #f5f5f5; }
条状表格
为了实现斑马纹表格效果，请使用 nth-child() 选择器，并为所有偶数（或奇数）表行添加 background-color
tr:nth-child(even) { background-color : #f2f2f2; }
表格颜色
指定 元素的背景颜色和文本颜色
th {
background-color : #4CAF50;
color : white;
}
如果屏幕太小而无法显示全部内容，则响应式表格会显示水平滚动条
在 < table> < div> DOCTYPE html > < html> < head> < style>
table {
border-collapse : collapse;
width : 100%;
}
th, td {
text-align : left;
padding : 8px;
}
tr:nth-child(even) { background-color : #f2f2f2; }
style > head > < body> < h1> h1 > < p> < strong> strong > p > < divstyle = " overflow-x : auto; " > < table> table > div > body > html > < table> < caption> caption > < tr> < th> th > < th> th > < th> th > tr > < tr> < td> td > < td> td > < td> td > tr > < trclass = " alt" > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > tr > < trclass = " alt" > < td> td > < td> td > < td> td > tr > < tr> < td> td > < td> td > < td> td > tr > table >
你可能感兴趣的:(CSS,css,html,前端)
【前端】--- ES6上篇（带你深入了解ES6语法）
心.c
javascript es6 开发语言 ecmascript html css
前言：ECMAScript是JavaScript的标准化版本，由ECMA国际组织制定。ECMAScript定义了JavaScript的语法、类型、语句、关键字、保留字等。ES6是ECMAScript的第六个版本，于2015年发布，引入了许多重要的新特性，使JavaScript更加现代化。目录变量声明：let声明:var声明:const声明:解构（数组，对象，字符串）：数组解构：对象解构：字符串解构
python实现坐标系转换_python – 执行坐标系转换的库？
weixin_39622150
python实现坐标系转换
您可以使用shapely库：http://toblerity.org/shapely/manual.htmlfromshapely.geometryimportPointfromfunctoolsimportpartialimportpyprojfromshapely.opsimporttransformpoint1=Point(9.0,50.0)print(point1)project=part
访问DOM元素（节点）
froginwe11
开发语言
DOM（文档对象模型）是Web开发中用于处理HTML和XML文档的标准接口，它允许开发者通过脚本语言（如JavaScript）动态地访问和修改文档的结构、内容和样式。在DOM中，文档的每个部分都被视为一个节点，包括元素、文本、属性等。访问DOM元素（节点）DOM提供了一系列方法来访问和操作元素（节点）：getElementById()：通过元素的ID获取元素节点。例如，document.getEl
Java web 富文本内容生成转为word格式并导出下载
摘星喵Pro
java web 编程技巧 java 前端 servlet
Javaweb富文本内容生成转为word格式并导出下载最近思路，按标签逐一解析，实现复杂一点但是完美解决问题：https://blog.csdn.net/a2272062968/article/details/126227076思路：Word是完全支持html标签的，但是富文本内容并不是完整的html代码，需要先补全html标签，然后转码输出问题：虽然导出worddoc但是事件内容流还是htm，只
HTML+CSS初学 （day3）
灵封～
html 前端 css
HTML，全称为超文本标记语言（HyperTextMarkupLanguage），是一种用于创建网页的标准标记语言。HTML是构建Web页面的基础，它使用一系列称为标签的关键字来定义页面的结构。一、HTML的基本概念定义：HTML通过标签来描述网页中的各个元素，如标题、段落、图片、链接等。这些标签告诉浏览器如何显示内容，包括文字、图片、视频等。作用：定义网页的结构和内容，使网页内容能够按照预定的格
Thymeleaf基础知识语法
沐暖沐
thymeleaf 开发语言
1、简介Thymeleaf是⾯向Web和独⽴环境的现代服务器端Java模板引擎，能够处理HTML、XML、JavaScript、CSS、TEXT、RAW这六种模板。这六种模版模式包含两种标记模板模式（HTML和XML），三种⽂本模板模式（TEXT，JAVASCRIPT和CSS）和⼀个⽆操作模板模式（RAW）。①简单表达式变量表达式：${…}选择变量表达式：*{…}消息表达：#{…}链接URL表达式
工程化概述
WJP丶
前端工程化实战 前端工程化概述
工程化的定义和主要解决的问题前端工程化指遵循一定的规范，通过工具提升效率，降低成本的一种手段。前端日常开发遇到的问题想要使用ES6+新特性，但是兼容性有问题想要使用Less/Sass/PostCss增强css编程性，但是运行环境不能直接支持想要使用模块化的方式提高项目的可维护性，但是运行环境不能直接支持部署上线前需要手动压缩代码及资源文件、部署过程需要手动上传代码到服务器多人协作开发，无法硬性同一
前端工程化都有哪些及优化方案
光影少年
前端 前端框架 基带工程
一、前端工程化的主要组成部分1.模块化模块化是将复杂的程序分解为若干小的独立模块，每个模块负责一个功能。常用的模块化方案包括：ES6模块（import/export）CommonJS（require/module.exports，Node.js中常用）AMD（define/require，如RequireJS）优化方案：尽量使用ES6模块，因为它是JavaScript的标准，支持更好的静态分析和T
csdn编写技巧
大哥喝阔落
python 图像处理
在CSDN的Markdown编辑器中，默认情况下不支持直接修改字体颜色，因为标准的Markdown语法并不支持字体颜色的设置。不过，CSDN的编辑器支持HTML标签，因此可以通过嵌入HTML代码来实现字体颜色的修改。方法1：使用HTML标签你可以使用标签或标签来设置字体颜色。示例1：使用标签这是红色字体这是蓝色字体这是绿色字体这是红色字体这是蓝色字体这是绿色字体示例2：使用标签这是红色字体这是蓝色
web自动化——前端知识
大哥喝阔落
前端 自动化 运维
是HTML中的一个元素，用于在当前网页中嵌入另一个网页或文档。它就像一个“窗口”，可以在页面中显示其他内容。主要特点：嵌入外部内容：可以在网页中嵌入其他网页、视频、地图等。独立上下文：嵌入的内容与主页面相互独立，拥有自己的JavaScript和CSS环境。可定制：可以通过属性调整大小、边框等。常用属性：src：指定要嵌入内容的URL。width和height：设置iframe的宽度和高度。fram
CSS：模拟下雪效果动画制作教程
IT新时代
前端 css 前端开发 web前端 前端基础
下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。1.前言由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点：动画自由度：canvas胜；复杂度：canvas胜；兼容性：canvas胜；性能：css3胜（requestAnimationF
智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之8 重新开始 之1 特定于领域的模板--一个三套接的hoc结构
一水鉴天
软件智能 人工语言 智能制造 人工智能 状态模式
由于前面的项目信息全部丢失，所以重新建立了这个项目，并以前一篇文章（之7）中的内容作为项目附件重新沟通。本文要点特定于领域的模板--一个三套接的hoc结构。这是今天讨论的内容。它是本项目actors剧本原型。其地位：祖传代码脚本模板中的--一个div标签的内容模型，在三端架构中描述前端执行公式的“体”性。目的是准备完善出该项目。希望的做法是：我将我给出的附件文档中零散的一些考虑组成出完整的描述文字
智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之6 三端架构的本质/内在/外观：自明性/信念/bank词扇
一水鉴天
软件智能 智能制造 人工语言 人工智能
本文提要一些补充在为前端和后端锁定的两个中心词“概念”（命题“作文”的程序公共逻辑语言）和“描述”（谓词“描述”的自然描述语言）的基础上，暂时将中端的中心词锁定在“环境”（情境“意义”的人工语义网络语言）。三者的共同性--都需要通过“演算”得到（命题演算/谓词演算/情境演算）。每种演算都以本地或局部的this此岸为输入（A-box，最初是一个条件分支符--条件表达式），远处或全局的彼岸that（T
html手机端富文本,移动端富文本踩坑
weixin_39608657
html手机端富文本
最近在做一个vue的项目。之前的前端同事离职了，和女朋友去云南潇洒去了，剩下我一个苦逼坐在电脑前哒哒哒敲代码。刚刚接手就开始做移动端富文本编辑器的需求。主管说压了半个月，尽快做出来。在网上找了不少编辑器，前段时间做过react的后台项目，用了百度的编辑器。功能很多很强，遗憾的是ios不支持flash，在移动端并不适用。因为要兼容ios和Android，而且还要在vue的项目中使用，在网上找了很多编
前端js变量踩坑，部分手机浏览器不支持let、const
weixin_34244102
前端 python 移动开发 ViewUI
2019独角兽企业重金招聘Python工程师标准>>>浏览器通过userAgent判断机型是Android还是iOS，很简单的几行代码，总有iOS用户手机判断不出来。刚开始总以为是判断的错误，优化了好几版，鉴于身边一直没有真机，终是治标不治本，今日偶遇真机，恍然大悟。。。var才是简单js的王道，引以为鉴转载于:https://my.oschina.net/AmosWang/blog/301786
【jQuery】jQuery 处理 Ajax 以及解决跨域问题的方式
一二¬
前端 jquery javascript 前端
文章目录HTTP原生创建AjaxjQuery处理Ajax$.ajax()$().load()$.get()$.post()跨域CORSJSONPiframewebsocketsHTTP超文本传输协议（HTTP，HyperTextTransferProtocol)是互联网上应用最为广泛的一种网络协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。一次HTTP操作称为一个事务，其工
2025年React前端路线图：从初级到高级
2025年React前端路线图：从初级到高级原文链接：2025ReactFrontendRoadmap:BeginnertoSeniorLevel作者：tak089译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！1.初级（入门级）目标：
前端常见的多种正则验证方法以及js判断语法
前端-文龙刚
Javascript Vue 正则表达式 vue.js javascript
1.邮箱exportconstisEmail=(s)=>{return/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码exportconstisMobile=(s)=>{return/^1[0-9]{10}$/.test(s)}3.电话号码exportconstisPhone=(s)=>
C#开发人员学习书籍推荐
Lu01
.net 学习 python
作为一名C#开发人员，持续学习和提升自己的技术水平是至关重要的。如今，技术不断更新换代，新的开发框架、语言和工具层出不穷。对于刚入行的开发者或希望深入某一领域的工程师来说，选对书籍是学习的捷径之一。本篇文章将推荐一些经典的书籍，涵盖了C#、数据库、前端开发等多个领域，帮助你在开发的道路上不断进步。1.学习SQL基础推荐书籍：《SQL必知必会（第5版）》作者：[美]本·福达（BenForta）译者：
【gopher的java学习笔记】代码分层之controller和service
ThisIsClark
gopher的java学习笔记 java 学习 笔记
在Java的Web开发中，Controller层和Service层是两个至关重要的层次，它们各自承担着不同的职责，共同协作以实现复杂的应用程序功能。本文将详细介绍Java中Controller层和Service层的技术特点和作用。一、Controller层（控制层）Controller层是应用程序的入口点，负责接收用户的请求并处理。它通常处理来自前端或客户端的请求，并将请求转发给相应的Servic
element-plus select 滚动加载更多
日积一沙
javascript
思路：监听select下拉面板的滚动事件，滚动到底部时，调用接口加载更多数据一、自定义指令importtype{Directive,DirectiveBinding}from"vue";interfaceElTypeextendsHTMLElement{copyData:string|number;__handleClick__:any;}constloadmore:Directive={moun
解决elementui的dialog对话框过高会被拖动的bug
_best
前端 elementui vue.js javascript
在使用elementUI过程中，当dialog对话元素过多长处浏览器高度是，点击标题就会跳成如下图这样，上方会被遮挡且无法拖动上去：解决方法是通过设置css固定top及left禁止拖动，核心css代码：/deep/.el-dialog{top:15%!important;left:0!important;}
Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用）
云霄IT
python库教程 python flask 后端
目录一、flask库安装二、简单使用三、前端返回类型设置（一）返回文本类型（二）返回json类型（三）重定向到另一路由（四）返回html类型，嵌入js,css,image等内容（一）py文件（二）html文件写法（三）静态目录结构四、静态资源路径修改五、实现提供文件下载一、flask库安装pipinstallflask二、简单使用fromflaskimportFlask,requestapp=Fl
CSP Content Security Policy（内容安全策略）
睡不着的可乐
前端 web安全
CSPContentSecurityPolicy（内容安全策略）CSP前端中的CSP指的是ContentSecurityPolicy（内容安全策略），是一种用于提升网站安全性的浏览器功能。CSP主要用于防止XSS（跨站脚本攻击）和数据注入攻击，通过限制网页中的内容来源（如脚本、样式、图像、媒体等）来降低被恶意代码利用的风险。CSP在前端的作用CSP可以通过HTTP响应头或标签来定义安全策略，规定前
JAVA 安装教程
连云港大帅哥
java基础 java jdk 安装 配置环境变量
下载官网地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html，选择1.8版本jdk进行下载安装JDK直接运行exe可执行程序，默认安装即可；备注：路径可以自己定义，不建议路径包含中文名、特殊符号、空格。配置环境变量1）新建变量名：JAVA_HOME，变量值：D:\Java8(JDK安装路径)；2）打开PATH，添
k8s的主要组件以及重要概念
linshuai-on
kubernetes 容器 云原生
K8S（Kubernetes）是一个用于自动部署、扩展和管理容器化应用程序的开源系统。它采用主从设备模型（Master-Slave架构），其中Master节点负责集群的调度、管理和运维，Slave节点（也被称为WorkerNode节点）负责执行工作负载。Kubernetes（K8s）主要由以下几个核心组件组成：一、Master节点组件APIServer：原理：作为Kubernetes系统的前端控制
transformer.js（二）：关于pipe管道的一切
余生H
前端的AI工具书 transformer javascript 深度学习 webml webAI 前端
前面的章节transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景介绍了transformer.js的应用场景。pipe管道（Pipeline）作为Transformer.js的核心功能之一，负责简化各种常见的NLP任务，例如文本生成、翻译、分类等，本文将详细介绍：从它的概念、实现到实际使用场景，帮助开发者全面掌握这一功能。什么是Pipe管道
transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景
余生H
前端的AI工具书 前端 transformer javascript hugginface webml web大模型
随着大模型的广泛应用，越来越多的开发者希望在前端直接运行机器学习模型，从而减少对后端的依赖，并提升用户体验。Transformer.js是一个专为前端环境设计的框架，它支持运行基于Transformer架构的深度学习模型，尤其是像BERT、GPT等广泛应用于自然语言处理（NLP）的模型。本文将全面解析Transformer.js的运行环境、使用方式、代码示例，以及其能够完成的功能与目前的限制，帮助
Springboot配置返回日期格式化五种方法详解
我心向阳iu
# Spring Boot Java面试知识点精讲 spring boot java 后端
文章目录应急就这样格式化全局时间字段OK了，你后端全统一了，应急的同志们就这样就行了，不用学下面的扩展知识，想学习的可以先收藏（建议别收藏，收藏了也不看，要不一口气看完点个赞，要不别收藏来欺骗自己了）系统的知识1.前端时间格式化（不做无情人）2.SimpleDateFormat格式化（不推荐）3.DateTimeFormatter格式化（不推荐）4.全局时间格式化（推荐）实现原理分析5.部分时间格
ThreeJS实现波纹粒子效果
weixin_30500473
javascript ViewUI
今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js和three.js。这些库都是不可或缺的，我们先来看看实现的效果，如下图所示。我们再来看看项目结构是怎么样的，项目结构如下图所示。我们的效果全部写在了index.html里，现在我们直接贴出inde
rust的指针作为函数返回值是直接传递，还是先销毁后创建？
wudixiaotie
返回值
这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。
fn main() {
let mut a = 34;
println!("a's addr:{:p}", &a);
let p = &mut a;
println!("p's addr:{:p}", &a
java编程思想 -- 数据的初始化
百合不是茶
java 数据的初始化
1.使用构造器确保数据初始化
/*
*在ReckInitDemo类中创建Reck的对象
*/
public class ReckInitDemo {
public static void main(String[] args) {
//创建Reck对象
new Reck();
}
}
[航天与宇宙]为什么发射和回收航天器有档期
comsci
地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...
所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行
&
linux下批量替换文件内容
商人shang
linux 替换
1、网络上现成的资料
格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径`
linux sed 批量替换多个文件中的字符串
sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir`
例如：替换/home下所有文件中的www.admi
网页在线天气预报
oloz
天气预报
网页在线调用天气预报
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
SpringMVC和Struts2比较
杨白白
springMVC
1. 入口
spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。
参见：http://blog.csdn.net/zs15932616453/article/details/8832343
2
refuse copy, lazy girl!
小桔子
copy
妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到：
1.那是我自己觉得写不出的高度
2.如果直接拿来用，很快就能解决问题
3.然后就是抄咩~~
4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！
apache与php整合
aichenglong
php apache web
一 apache web服务器
1 apeche web服务器的安装
1)下载Apache web服务器
2)配置域名(如果需要使用要在DNS上注册)
3)测试安装访问http://localhost/验证是否安装成功
2 apache管理
1)service.msc进行图形化管理
2)命令管理，配
Maven常用内置变量
AILIKES
maven
Built-in properties
${basedir} represents the directory containing pom.xml
${version} equivalent to ${project.version} (deprecated: ${pom.version})
Pom/Project properties
Al
java的类和对象
百合不是茶
JAVA面向对象 类 对象
java中的类：
java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决
java使用 class 类名 来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的
创建一个A类：
class A{
}
java中的类：将某两个事物有联系的属性包装在一个类中，再通
JS控制页面输入框为只读
bijian1013
JavaScript
在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。
AngularJS与服务器交互
bijian1013
JavaScript AngularJS $http
对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下：
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange
[Maven学习笔记八]Maven常用插件应用
bit1129
maven
常用插件及其用法位于：http://maven.apache.org/plugins/
1. Jetty server plugin
2. Dependency copy plugin
3. Surefire Test plugin
4. Uber jar plugin
1. Jetty Pl
【Hive六】Hive用户自定义函数(UDF)
bit1129
自定义函数
1. 什么是Hive UDF
Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括：
文件格式：Text File，Sequence File
内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text
用户提供的 map/reduce 脚本：不管什么
杀掉nginx进程后丢失nginx.pid，如何重新启动nginx
ronin47
nginx 重启 pid丢失
nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
UI设计中我们为什么需要设计动效
brotherlamp
UI ui教程 ui视频 ui资料 ui自学
随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。
但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。
一、加强体验舒适度
嗯，就是让用户更加爽更加爽的用你的产品。
Spring中JdbcDaoSupport的DataSource注入问题
bylijinnan
java spring
参考以下两篇文章：
http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/
http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration
Sprin
数据库连接池的工作原理
chicony
数据库连接池
随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
java 关键字
CrazyMizzz
java
关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。
Java中的关键字按功能主要可以分为以下几类：
（1）访问修饰符
public,private,protected
p
Hive中的排序语法
daizj
排序 hive order by DISTRIBUTE BY sort by
Hive中的排序语法 2014.06.22 ORDER BY
hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。
与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
单态设计模式
dcj3sjt126com
设计模式
单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。
<?phpclass Example{ // 保存类实例在此属性中 private static&
svn locked
dcj3sjt126com
Lock
post-commit hook failed (exit code 1) with output:
svn: E155004: Working copy 'D:\xx\xxx' locked
svn: E200031: sqlite: attempt to write a readonly database
svn: E200031: sqlite: attempt to write a
ARM寄存器学习
e200702084
数据结构 C++ c C# F#
无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。
ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。
1、不分组寄存器（R0-R7）
不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
常用编码资料
gengzg
编码
List<UserInfo> list=GetUserS.GetUserList(11);
String json=JSON.toJSONString(list);
HashMap<Object,Object> hs=new HashMap<Object, Object>();
for(int i=0;i<10;i++)
{
进程 vs. 线程
hongtoushizi
线程 linux 进程
我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。
首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。
如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。
如果用多线程实现
Linux定时Job：crontab -e 与 /etc/crontab 的区别
Josh_Persistence
linux crontab
一、linux中的crotab中的指定的时间只有5个部分：* * * * *
分别表示：分钟，小时，日，月，星期，具体说来：
第一段 代表分钟 0—59
第二段 代表小时 0—23
第三段 代表日期 1—31
第四段 代表月份 1—12
第五段 代表星期几，0代表星期日 0—6
如：
*/1 * * * * 每分钟执行一次。
*
KMP算法详解
hm4123660
数据结构 C++ 算法 字符串 KMP
字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。
假设主串s="ababcabcacbab",模式串为t="
枚举类型的单例模式
zhb8015
单例模式
E.编写一个包含单个元素的枚举类型[极推荐]。代码如下：
public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
Kafka+Storm+HDFS
ssydxa219
storm
cd /myhome/usr/stormbin/storm nimbus &bin/storm supervisor &bin/storm ui &Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
Java获取本地服务器的IP
中华好儿孙
java Web 获取服务器ip地址
System.out.println("getRequestURL:"+request.getRequestURL());
System.out.println("getLocalAddr:"+request.getLocalAddr());
System.out.println("getLocalPort:&quo
