小陈同学 の
小陈同学 の

HTML+CSS+JavaScript复习笔记持更（八）——CSS3常用属性之列表

列表属性

之前已经介绍过了列表标签。主要有有序列表和无序列表，为了更好地控制这两种列表，CSS还提供了这两种列表的样式设置。

  • list-style（简写属性，把所有列表的属性设置写到一个声明中）
  • list-style-image（把图像设置为列表项标志）
  • list-style-position（设置列表项标志的位置）
  • list-style-type（设置列表项标志的类型）

属性值说明：
list-style，作为缩写，可以直接接后面所有的属性值，也可以用none，表示去除所有列表样式。
list-style-image，常接url引入图片地址

list-style-position，可能的值如下：

值 描述
inside 列表项目标记放置在文本以内，且环绕文本根据标记对齐。
outside 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。
inherit 规定应该从父元素继承 list-style-position 属性的值。

list-style-type，可能的值很多，均为CSS中已经存在的列表标记，可以在需要时再查询，引入图片作为标记时，此项因为none

具体案例

我们可以写一个具体的导航栏+列表项目的实例，话不多说，直接上代码

语法格式：

html部分


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <link rel="stylesheet" href="./test.css">
head>
<body>
    
    <div class="box">
        
        <h1>欢迎来到我的小店h1>
        
        <div class="nav">
            
            <div class="top">
                
                <ul>
                    <li>家用电器li>
                    <li>手机/运营商/数码li>
                    <li>电脑/办公  li>
                    <li>家居/家具/家装/厨具li>
                    <li>男装/女装/童装/内衣li>
                    <li>美妆/个护清洁/宠物li>
                ul>
            div>
            
            <div class="bottom1">
                <ul>
                    <li>电视li>
                    <li>空调li>
                    <li>洗衣机li>
                    <li>冰箱li>
                    <li>厨卫大电li>
                ul>
            div>
        div>
    div>
body>
html>

css部分

*{
    margin: 0;
    padding: 0;
}
ul{
    /* 列表样式缩写，none表示去除所有样式 */
    list-style: none;
}
.box{
    width: 100%;
    background-color: skyblue;
}
h1{
    width: 20%;
    margin: 0 auto;
}
.nav{
    margin-left: 100px;
    width: 1000px;
    height: 1000px;
}
.top{
    /* 让一级标签浮动,使得二级标签能排列在旁边 */
    height: 300px;
    float: left;
    background-color:rgb(219, 217, 217);
    line-height: 30px;
}
.bottom1{
    width: 400px;
    height: 300px;
    background-color: rgb(190, 196, 199);
    text-align: center;
    line-height: 30px;
}
.bottom1 li{
    /* 二级列表项设置图标，用url引入地址 */
    list-style-image: url(./icon/car.png);
    /* 引入了图标，那就不需要css中自带的type */
    list-style-type: none;
    /* 标记放进文本内，环绕文本跟标记对齐 */
    list-style-position: inside;
}

效果图：
HTML+CSS+JavaScript复习笔记持更（八）——CSS3常用属性之列表_第1张图片
这个案例 非常简单，大家可以根据自己的需求再改样式即可，滑动切换列表，需要配合JS操作，将暂时不需要的二级列表设置display:none;，滑动到的列表设为block，即可做到鼠标滑动显示相应的列表了。

最后也欢迎大家到我自己的博客瞅瞅=-=小陈同学のblog

你可能感兴趣的:(HTML+CSS+JS复习笔记)

  • 前端HTML+CSS+JS的入门学习 俊昭喜喜里 前端htmlcss
    一.HTMLHTML（HyperTextMarkupLanguage）即超文本标记语言，是用于创建网页和网页应用程序的标准标记语言。它不是一种编程语言，而是一种标记语言，通过一系列的元素（elements）来告诉浏览器如何显示网页上的内容，如文本、图片、链接、表格、列表等。HTML文档由一系列的标签（tags）组成，这些标签告诉浏览器如何显示内容。标签通常成对出现，例如和，其中是开始标签，表示一个
  • 信号与线性系统分析第4版吴大正课后习题答案 zgw100xuexi 考试信号与线性系统分析课后答案
    完整版：http://zgw.100xuexi.com/SubItem/IndexInfoDetail.aspx?id=1d9ef631-a09d-4893-bb2f-597c745f5803第1章信号与系统1.1复习笔记本章是信号分析与系统分析的基础，详细介绍了信号与系统的概念与分类方法以及常用的连续信号与离散信号，讨论了冲激函数和冲激偶函数的重要性质，介绍了线性时不变（LTI）系统的特性，简要
  • 479.迪斯尼公主动漫主题网页 大学生期末大作业 Web前端网页制作 html+css+js 仙女网页制作 Web网页设计实例动漫前端课程设计html
    目录一、网页概述二、网页文件三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界！这里有各行各业的Web前端网页制作的案例，样式齐全新颖，并持续更新！感谢CSDN，提供了这么好的知识学习、技术交流的平台，让我们在这里相遇，小伙伴们，来吧，让我们一起开启Web前端网页制作的奇妙之旅！说起Web前端
  • 健身运动俱乐部主题网页设计制作 | html网页模板源码 学博星辰 网页成品htmlcssjavascriptjquery前端bootstrap
    文章目录网站主题网站描述网站介绍网站演示学习理念更多干货一、网站主题健身网站、健身房网站、健身网页、健身房网页、健身网页、团操运动网页、健身俱乐部html网页、html健身运动主题网页、html网页设计与制作、学生期末网页大作业二、网站描述编码：A04、页数：6页，技术：html+css+js健身运动是一项通过徒手或利用各种器械，运用专门的动作方式和方法进行锻炼，以发达肌肉、增长体力、改善形体和陶
  • 前端技能树，面试复习第 54 天—— 手写代码：情景题 编程轨迹_ 前端面试复习笔记前端面试题手写题真题场景题
    ⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。本文已收录至前端面试题库专栏：《前端面试复习笔记》（点击订阅）。1.循环打印红黄绿下面来看一道比较典型的问题，通过这个问题来对比几种异步编程方法：红灯3s亮一次，绿灯1s亮一次，黄灯2s亮一次；如何让三个灯不断交替重复亮灯？
  • HTML5生日祝福蛋糕页面(生日蛋糕树) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心 @秋天的笔记 生日祝福网页html520情人节告白网页制作七夕情人节表白网页源代码HTML5七夕情人节动画网页HTML生日快乐代码3D旋转电子相册
    HTML5七夕情人节表白网页❤生日蛋糕(蛋糕树)❤HTML+CSS+JS求婚html生日快乐祝福代码网页520情人节告白代码程序员表白源码抖音3D旋转相册js烟花代码css爱心表白这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。此波共有100个表白网站，可以任意修改和使用，源码已上传，演示网址如下。文章末尾-已经附上源码下载地址作者主页-更多源码1
  • 新学期的学习成长计划 张凌菱
    转眼间，炎热的暑假一眨眼就过去了。新学期即将来临，我们迎来了初二的校园时光。在这次暑假中，我收获了很多东西，也学到了很多东西。新学期的到来，我们应该好好的迎接它，以最好的心态去学习，去成长。初一的时候有些随性，初二的时候切不可大意，初二是整个学习阶段中最重要的一个阶段，所以初二一定要好好的学习，上课一定要认真听讲，下课也要认真复习笔记，不懂的问题向老师和同学请教。初二，我们迎来了一门新的学科——物
  • MySQL复习笔记 new wei javamysql
    MySQL复习笔记一、SQL分类DQL一、简单查询二、条件查询三、分组查询四、查询结果去重五、连接查询六、子查询七、union八、limitDML一、insert二、update三、deleteDDL一、表的创建二、删除表三、快速删除表中数据四、约束TCLDCL二、常用命令三、数据处理函数1、常见的单行处理函数2、分组函数(多行处理函数)四、存储引擎五、事务六、索引七、视图八、DBA命令九、数据库
  • HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面) 爱码网页成品 学生网页html+css静态网页htmlcssjavascript
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，使用Javacsript代码实现图片轮播切换，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码中国八大菜系徽菜徽菜，它起源于黄山麓下的歙县（古徽州）。后来，由于新安江畔的屯溪小镇成为“祁红”、“屯绿”等名茶和徽墨、歙砚等土特产品的
  • 蓝色炫酷碎粒子HTML5导航源码 酷爱码 htmlhtml5前端html
    源码介绍蓝色炫酷碎粒子HTML5导航源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面效果预览源码获取蓝色炫酷碎粒子HTML5导航源码
  • 制作一个简单HTML旅游网站（HTML+CSS+JS）桂林旅游网页设计与实现5个页面 软件技术NINI html+css+js旅游html旅游css
    一、‍网站题目旅游，当地特色，历史文化，特色小吃等网站的设计与制作。二、✍️网站描述桂林旅游主题的网页一共五个个页面-旅游网页使用htmlcssjs制作有banana图-页面可以相互跳转包含表单三级页面-网页可以使用vscodehbuilderdw等打开修改-里面的图片和文字都可以替换为其他旅游网页-桂林旅游网页介绍了景点，美食，联系我们，桂林旅游等-html静态网页没有复杂效果布局简单原创htm
  • HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局） 爱码网页 htmlcss前端
    常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目,可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。文章目录一、
  • 高鸿业宏观经济学第七版课后答案 zgxxw 课后习题答案深度学习
    完整版：http://zgw.100xuexi.com/SubItem/IndexInfoDetail.aspx?id=97adebda-f4df-4cf8-bdc2-e5e4a690128a第12章 宏观经济的基本指标及其衡量12.1 复习笔记12.2 课后习题详解12.3 名校考研真题详解第13章 国民收入的决定：收入-支出模型13.1 复习笔记13.2 课后习题详解13.3 名校考研真题详解
  • 密码访问单页自定义跳转页面源码 CSDN专家-微编程 HTML项目javascript开发语言ecmascript
    源码介绍密码访问单页自定义跳转页面源码，密码访问单页自定义跳转页面，修改了的密码访问单页，添加了js自定义密码跳转页面。需要正确输入密码才能跳转目标网址。源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面源码截图源码下载密码访问单页自定义跳转页面源码
  • 考研系列-数据结构冲刺课复习笔记（上） Nelson_hehe #数据结构笔记数据结构考研408知识点总结冲刺课
    写在前面：这篇文章是对王道考研冲刺课的高度总结，可以当做最后复习的提纲和知识点复习参考注意所有数据结构的结构体定义、算法的时间空间复杂度一、线性表1.顺序表创建（静态、动态）、销毁、增删改查2.链表(1)单链表分为带头结点的和不带头结点的情况头插法、尾插法建立；插入操作；删除操作；使用头插法逆置链表，常用来解决实际问题(2)双链表相关代码自己整理一下，可以参考：双向链表相关代码-CSDN博客文章浏
  • VUE复习笔记27（路由） XKolento
    官方路由对于大多数的单页面应用，都推荐使用官方的vue-router,更多细节可以看vue-router文档。从零开始的简单路由如果只需要非常简单的路由，不需要引入整个路由库，可以动态渲染一个页面级的组件。constNotFound={template:'Pagenotfound'}constHome={template:'homepage'}constAbout={template:'about
  • 大学生HTML期末大作业——HTML+CSS+JavaScript购物商城（美食） 无·糖 Web前端期末大作业html课程设计cssjavascript大学生大作业web网页设计
    HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目购物商城美食7页含jQuery登录注册二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证
  • HTML+CSS+JS计算器 睿智的海鸥 htmlcssjavascript
    效果图计算器功能详解本计算器实现了多种功能，以下是所有功能的详细说明：清空显示框©功能:清除显示框中的所有内容。解释:该功能用于重置计算器状态，清空当前输入的内容，使用户可以重新开始输入。输入数字(0-9)功能:将数字输入到显示框中。解释:数字按钮用于输入数学表达式中的数字部分。点击这些按钮会将相应的数字添加到显示框中。输入小数点(.)功能:在显示框中添加小数点。解释:小数点按钮用于输入小数。如果
  • html+css+js贪吃蛇游戏 睿智的海鸥 csshtml前端javascriptcss3
    贪吃蛇游戏四个按钮控制方向源代码在图片后面点赞❤️关注收藏⭐️互粉必回源代码贪吃蛇游戏body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5;margin:0;font-family:Arial,sans-serif;}.game-container{widt
  • 复习笔记 队列 李不存 笔记
    约瑟夫问题：约瑟夫问题：有N个人围成一圈，每个人都有一个编号，编号由入圈的顺序决定，第一个入圈的人编号为1，最后一个为N，从第k(1queue=newLinkedList<>();Scannersc=newScanner(System.in);intn=sc.nextInt();intm=sc.nextInt();for(inti=1;i<=n;i++){queue.add(i);}intcoun
  • HTML5球体下落粒子爆炸特效 酷爱码 htmlhtml5前端html
    HTML5球体下落粒子爆炸特效，源码由HTML+CSS+JS组成，双击html文件可以本地运行效果，也可以上传到服务器里面下载地址HTML5球体下落粒子爆炸特效
  • 犯懒的后果很严重 三金二木夕
    犯懒一时爽，一直犯懒一直爽所以放假几天打算给自己好好休息，然后就把自己养懒了，后来假期延长，就不愿意勤快起来，就一直没什么动力好了，今天做了个小测试，果然啊退步了好多脑子还是要每天动起来，不动不行，笨了不少脑子要懂，身体也要动起来加油，加油脑子动起来给自己三天要把复习笔记整理好今天效率就极低，明天至少是四五倍
  • HTML+CSS+JS：动态滑块组件 若冰说 若冰说CSScssjavascriptcss前端若冰说CSS
    效果演示实现了一个简单的滑块效果，其中包括一个滑块（slider）和一个可以拖动的球（ball）。当用户拖动球时，球会在滑块内部左右移动，同时改变颜色。CodeHaveyoubeennaughtyornicethisyear?*{transition:all1sease-in-out;/*对所有元素应用过渡效果，持续1秒，缓动函数为ease-in-out*/}body{margin:0;/*设置页
  • 使用HTML、CSS和JavaScript构建响应式企业官网 mon_star° javascripth5企业官网htmlcssjavascript科技企业官网响应式前端
    使用HTML、CSS和JavaScript构建响应式企业官网，web网页设计与制作-html+css+js实现企业官网展示。页面效果展示pc端和移动端动态演示文件目录assets文件夹：静态资源目录，主要存放css、fonts、images、js等静态资源文件；favicon.ico文件：网站图标；index.html文件：首页html，主要的页面结构与布局；适用于期末HTML大作业、课设项目、毕
  • 行政法李佳复习笔记03（2）—公务员法 花猪斑狗
    三、公务员的管理制度公务员的基本权利义务啰啰嗦嗦的就不说了，大家注意一点：参加培训是公务员的基本权利而非义务。公务员的回避制度是为了保证公正履行公务，限制公务员任职和执行公务条件的制度。回避分为地域回避、近亲属回避、执行公务回避执行公务回避1.涉及本人利害关系2.涉及其配偶、直系血亲、三代以内旁系血亲、近姻亲的利害关系3.涉及其他可能影响公正执行公务的情况，公务员应当回避。地域回避市、县、乡及其有
  • SQL复习笔记 - 查询 技工小陈 sql复习整理sql数据库
    SQL复习笔记-查询查询数据库文章目录查询数据库基本查询语句1.单表查询2，使用集合函数查询3，连接查询4，子查询5，合并查询结果6，为表和字段取别名基本查询语句1.单表查询select*fromsheetname#查询所有字段selectcolumnformsheetname#查询指定字段selectcolumn1,column2,column3fromsheetname#查询多个字段用逗号隔开
  • VUE复习笔记19（混入） XKolento
    混入基础混入(mixins)是一种分发vue组件可复用功能中一种特别灵活的方式。混入对象可以包含任意的选项，所有混入对象的选项将被混入该组件本身的选项。//定义一个混入对象varmyMixin={created:function(){this.hello()},methods:{hello:function(){console.log('hellofrommixin!')}}}//定义一个使用混入
  • 朱大年《生理学》（第8版）笔记和典型题（含考研真题）详解 任宏学习网
    本书是朱大年主编的《生理学》（第8版）的学习辅导电子书，按照教材的章节编排，共分为11章，主要包括以下内容：（1）梳理知识脉络，浓缩学科精华。本书每章的复习笔记均对该章的重难点进行了整理，并参考了国内名校名师讲授该教材的课堂笔记。因此，本书的内容几乎浓缩了该教材的所有知识精华。（2）精选考研真题和典型题，培养解题思路。本书精选近年来考研西医综合的真题，以及暨南大学、中山大学等高校的相关考研真题，绝
  • html+css+js炫酷特效+加速粒子效果 门前大桥下. javaScript特效javascriptcsshtml
    完整目录1.效果展示2.思路2.0布局2.1让火箭位于屏幕的中心--flex2.2让火箭上下不停的移动2.3利用::after制造尾部的火焰2.3使用js创建并添加随机的大小和位置颜色2.4使用js创建插入到页面上2.5给添加下落的动画2.6给添加下落的落差感3.源码分享html+jscss1.效果展示2.思路2.0布局//总容器存放火箭以及添加的//居中的火箭会有个after的尾火焰2.1让火箭
  • JavaScript复习笔记(一) acsamson
    [TOC]题外话:其实我觉得能后通过自己感兴趣的事情给自己获取资源是一件很幸福的事情，这也是自己未来努力的方向吧也有人反对浏览器使用javascript,认为其不安全,所以就禁用了javascript.但其实我倒是觉得很历史倒退,没有必要完全,因为你可以看到其实浏览器大前端这一模块也是一个趋势,而javascript就是一个最好的武器,包括谷歌最近在开发的Fuchsia也打算在底层嵌入javasc
  • [星球大战]阿纳金的背叛 comsci
          本来杰迪圣殿的长老是不同意让阿纳金接受训练的.........     但是由于政治原因,长老会妥协了...这给邪恶的力量带来了机会     所以......现代的地球联邦接受了这个教训...绝对不让某些年轻人进入学院    
  • 看懂它，你就可以任性的玩耍了！ aijuans JavaScript
              javascript作为前端开发的标配技能，如果不掌握好它的三大特点：1.原型 2.作用域 3. 闭包 ,又怎么可以说你学好了这门语言呢？如果标配的技能都没有撑握好，怎么可以任性的玩耍呢？怎么验证自己学好了以上三个基本点呢，我找到一段不错的代码，稍加改动，如果能够读懂它，那么你就可以任性了。 function jClass(b
  • Java常用工具包 Jodd Kai_Ge javajodd
    Jodd 是一个开源的 Java 工具集， 包含一些实用的工具类和小型框架。简单，却很强大！ 写道 Jodd = Tools + IoC + MVC + DB + AOP + TX + JSON + HTML < 1.5 Mb Jodd 被分成众多模块，按需选择，其中 工具类模块有： jodd-core    &nb
  • SpringMvc下载 120153216 springMVC
    @RequestMapping(value = WebUrlConstant.DOWNLOAD) public void download(HttpServletRequest request,HttpServletResponse response,String fileName) { OutputStream os = null; InputStream is = null;
  • Python 标准异常总结 2002wmj python
    Python标准异常总结 AssertionError 断言语句（assert）失败 AttributeError 尝试访问未知的对象属性 EOFError 用户输入文件末尾标志EOF（Ctrl+d） FloatingPointError 浮点计算错误 GeneratorExit generator.close()方法被调用的时候 ImportError 导入模块失
  • SQL函数返回临时表结构的数据用于查询 357029540 SQL Server
    这两天在做一个查询的SQL，这个SQL的一个条件是通过游标实现另外两张表查询出一个多条数据，这些数据都是INT类型，然后用IN条件进行查询，并且查询这两张表需要通过外部传入参数才能查询出所需数据，于是想到了用SQL函数返回值，并且也这样做了，由于是返回多条数据，所以把查询出来的INT类型值都拼接为了字符串，这时就遇到问题了，在查询SQL中因为条件是INT值，SQL函数的CAST和CONVERST都
  • java 时间格式化 | 比较大小| 时区 个人笔记 7454103 javaeclipsetomcatcMyEclipse
    个人总结！ 不当之处多多包含！ 引用 1.0 如何设置 tomcat 的时区：          位置：(catalina.bat---JAVA_OPTS  下面加上)          set JAVA_OPT
  • 时间获取Clander的用法 adminjun Clander时间
    /**    * 得到几天前的时间    * @param d    * @param day    * @return    */   public static Date getDateBefore(Date d,int day){    Calend
  • JVM初探与设置 aijuans java
    JVM是Java Virtual Machine（Java虚拟机）的缩写，JVM是一种用于计算设备的规范，它是一个虚构出来的计算机，是通过在实际的计算机上仿真模拟各种计算机功能来实现的。Java虚拟机包括一套字节码指令集、一组寄存器、一个栈、一个垃圾回收堆和一个存储方法域。 JVM屏蔽了与具体操作系统平台相关的信息，使Java程序只需生成在Java虚拟机上运行的目标代码（字节码）,就可以在多种平台
  • SQL中ON和WHERE的区别 avords
    SQL中ON和WHERE的区别   数据库在通过连接两张或多张表来返回记录时，都会生成一张中间的临时表，然后再将这张临时表返回给用户。   www.2cto.com   在使用left jion时，on和where条件的区别如下：  1、 on条件是在生成临时表时使用的条件，它不管on中的条件是否为真，都会返回左边表中的记录。 
  • 说说自信 houxinyou 工作生活
    自信的来源分为两种,一种是源于实力,一种源于头脑.实力是一个综合的评定,有自身的能力,能利用的资源等.比如我想去月亮上,要身体素质过硬,还要有飞船等等一系列的东西.这些都属于实力的一部分.而头脑不同,只要你头脑够简单就可以了!同样要上月亮上,你想,我一跳,1米,我多跳几下,跳个几年,应该就到了!什么?你说我会往下掉?你笨呀你!找个东西踩一下不就行了吗?     无论工作还
  • WEBLOGIC事务超时设置 bijian1013 weblogicjta事务超时
            系统中统计数据，由于调用统计过程，执行时间超过了weblogic设置的时间，提示如下错误： 统计数据出错! 原因：The transaction is no longer active - status: 'Rolling Back. [Reason=weblogic.transaction.internal
  • 两年已过去，再看该如何快速融入新团队 bingyingao java互联网融入架构新团队
    偶得的空闲，翻到了两年前的帖子 该如何快速融入一个新团队，有所感触，就记下来，为下一个两年后的今天做参考。     时隔两年半之后的今天，再来看当初的这个博客，别有一番滋味。而我已经于今年三月份离开了当初所在的团队，加入另外的一个项目组，2011年的这篇博客之后的时光，我很好的融入了那个团队，而直到现在和同事们关系都特别好。大家在短短一年半的时间离一起经历了一
  • 【Spark七十七】Spark分析Nginx和Apache的access.log bit1129 apache
    Spark分析Nginx和Apache的access.log，第一个问题是要对Nginx和Apache的access.log文件进行按行解析，按行解析就的方法是正则表达式：   Nginx的access.log解析正则表达式   val PATTERN = """([^ ]*) ([^ ]*) ([^ ]*) (\\[.*\\]) (\&q
  • Erlang patch bookjovi erlang
    Totally five patchs committed to erlang otp, just small patchs. IMO, erlang really is a interesting programming language, I really like its concurrency feature. but the functional programming style
  • log4j日志路径中加入日期 bro_feng javalog4j
    要用log4j使用记录日志，日志路径有每日的日期，文件大小5M新增文件。 实现方式 log4j: <appender name="serviceLog" class="org.apache.log4j.RollingFileAppender"> <param name="Encoding" v
  • 读《研磨设计模式》-代码笔记-桥接模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 个人觉得关于桥接模式的例子，蜡笔和毛笔这个例子是最贴切的：http://www.cnblogs.com/zhenyulu/articles/67016.html * 笔和颜色是可分离的，蜡笔把两者耦合在一起了：一支蜡笔只有一种
  • windows7下SVN和Eclipse插件安装 chenyu19891124 eclipse插件
    今天花了一天时间弄SVN和Eclipse插件的安装，今天弄好了。svn插件和Eclipse整合有两种方式，一种是直接下载插件包，二种是通过Eclipse在线更新。由于之前Eclipse版本和svn插件版本有差别，始终是没装上。最后在网上找到了适合的版本。所用的环境系统：windows7JDK：1.7svn插件包版本：1.8.16Eclipse：3.7.2工具下载地址：Eclipse下在地址：htt
  • [转帖]工作流引擎设计思路 comsci 设计模式工作应用服务器workflow企业应用
    作为国内的同行，我非常希望在流程设计方面和大家交流，刚发现篇好文(那么好的文章，现在才发现，可惜)，关于流程设计的一些原理，个人觉得本文站得高，看得远，比俺的文章有深度，转载如下 ================================================================================= 自开博以来不断有朋友来探讨工作流引擎该如何
  • Linux 查看内存，CPU及硬盘大小的方法 daizj linuxcpu内存硬盘大小
    一、查看CPU信息的命令 [root@R4 ~]# cat /proc/cpuinfo |grep "model name" && cat /proc/cpuinfo |grep "physical id" model name : Intel(R) Xeon(R) CPU X5450 @ 3.00GHz model name :
  • linux 踢出在线用户 dongwei_6688 linux
    两个步骤： 1.用w命令找到要踢出的用户，比如下面：   [root@localhost ~]# w 18:16:55 up 39 days, 8:27, 3 users, load average: 0.03, 0.03, 0.00 USER TTY FROM LOGIN@ IDLE JCPU PCPU WHAT
  • 放手吧,就像不曾拥有过一样 dcj3sjt126com
    内容提要： 静悠悠编著的《放手吧就像不曾拥有过一样》集结“全球华语世界最舒缓心灵”的精华故事，触碰生命最深层次的感动，献给全世界亿万读者。《放手吧就像不曾拥有过一样》的作者衷心地祝愿每一位读者都给自己一个重新出发的理由，将那些令你痛苦的、扛起的、背负的，一并都放下吧！把憔悴的面容换做一种清淡的微笑，把沉重的步伐调节成春天五线谱上的音符，让自己踏着轻快的节奏，在人生的海面上悠然漂荡，享受宁静与
  • php二进制安全的含义 dcj3sjt126com PHP
    PHP里，有string的概念。 string里，每个字符的大小为byte（与PHP相比，Java的每个字符为Character，是UTF8字符，C语言的每个字符可以在编译时选择）。 byte里，有ASCII代码的字符，例如ABC，123，abc，也有一些特殊字符，例如回车，退格之类的。 特殊字符很多是不能显示的。或者说，他们的显示方式没有标准，例如编码65到哪儿都是字母A，编码97到哪儿都是字符
  • Linux下禁用T440s，X240的一体化触摸板(touchpad) gashero linuxThinkPad触摸板
    自打1月买了Thinkpad T440s就一直很火大，其中最让人恼火的莫过于触摸板。   Thinkpad的经典就包括用了小红点(TrackPoint)。但是小红点只能定位，还是需要鼠标的左右键的。但是自打T440s等开始启用了一体化触摸板，不再有实体的按键了。问题是要是好用也行。   实际使用中，触摸板一堆问题，比如定位有抖动，以及按键时会有飘逸。这就导致了单击经常就
  • graph_dfs hcx2013 Graph
    package edu.xidian.graph; class MyStack { private final int SIZE = 20; private int[] st; private int top; public MyStack() { st = new int[SIZE]; top = -1; } public void push(i
  • Spring4.1新特性——Spring核心部分及其他 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • 配置HiveServer2的安全策略之自定义用户名密码验证 liyonghui160com
        具体从网上看   http://doc.mapr.com/display/MapR/Using+HiveServer2#UsingHiveServer2-ConfiguringCustomAuthentication   LDAP Authentication using OpenLDAP Setting
  • 一位30多的程序员生涯经验总结 pda158 编程工作生活咨询
    1.客户在接触到产品之后，才会真正明白自己的需求。 　　这是我在我的第一份工作上面学来的。只有当我们给客户展示产品的时候，他们才会意识到哪些是必须的。给出一个功能性原型设计远远比一张长长的文字表格要好。 2.只要有充足的时间，所有安全防御系统都将失败。 　　安全防御现如今是全世界都在关注的大课题、大挑战。我们必须时时刻刻积极完善它，因为黑客只要有一次成功，就可以彻底打败你。   3.
  • 分布式web服务架构的演变 自由的奴隶 linuxWeb应用服务器互联网
    最开始，由于某些想法，于是在互联网上搭建了一个网站，这个时候甚至有可能主机都是租借的，但由于这篇文章我们只关注架构的演变历程，因此就假设这个时候已经是托管了一台主机，并且有一定的带宽了，这个时候由于网站具备了一定的特色，吸引了部分人访问，逐渐你发现系统的压力越来越高，响应速度越来越慢，而这个时候比较明显的是数据库和应用互相影响，应用出问题了，数据库也很容易出现问题，而数据库出问题的时候，应用也容易
  • 初探Druid连接池之二——慢SQL日志记录 xingsan_zhang 日志连接池druid慢SQL
    由于工作原因，这里先不说连接数据库部分的配置，后面会补上，直接进入慢SQL日志记录。   1.applicationContext.xml中增加如下配置： <bean abstract="true" id="mysql_database" class="com.alibaba.druid.pool.DruidDataSourc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他