CSS实例练习

蓝色导航为图片，用background-image实现。

排版用到ul,li标签，下划线运用border-bottom中的dashed，右边文字用到CSS浮动float。

实例：

CSS实例练习

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

body,div,a,span,ul,li{margin:0px;padding:0px;}

body{

    background-color:#cccccc;

    }

div{

    background-color:#FFFFFF;

    }

ul,li{list-style:none;}

a:link,a:visited{color:#0066CC;text-decoration:none;}

.red{color:red}

.green{color:green}



h4{

    color:#333;

    }

.kaiban{

    width:295px;

    margin:100px auto;

    font-family:"Microsoft Yahei";

    font-size:14px;



    }

.kaiban .title{

    height:35px;

    line-height:35px;

    padding-left:35px;

    color:#fff;

    backgroudn-repeat:no-repeat;

    background-image:url(righttitle.gif);

    }

.conten h4{

    margin:5px;

    }

.conten{

    margin:0px;

    padding:10px;

    }

.conten li{

    height:23px;

    line-height:23px;

    color:#333;

    font-size:12px;

    border-bottom:1px dashed #cccccc;

    }

.conten li span{

    font-weight:bold;

    float:right;

    }

</style>

</head>



<body>

    <div class="kaiban">

        <div class="title">PHP培训开班信息</div>

            <div class="conten">

                <ul><h4>PHP基础班</h4>

                    <li><a href="#">北京第--27期(3月30号)</a><span class="red">爆满已开班</span></li>

                    <li><a href="#">广州第--28期(4月30号</a>)<span class="green">预约报名</span></li>

                    <li><a href="#">湖北第--27期(6月30号)</a><span class="green">预约报名</span></li>

                    <li><a href="#">天津第--27期(8月30号)</a><span class="green">预约报名</span></li>

                </ul>

                    <ul><h4>PHP就业班</h4>

                    <li><a href="#">北京第--27期(3月30号)</a><span class="red">爆满已开班</span></li>

                    <li><a href="#">广州第--28期(5月30号)</a><span class="green">预约报名</span></li>

                    <li><a href="#">湖北第--27期(6月30号)</a><span class="green">预约报名</span></li>

                    <li><a href="#">天津第--27期(6月30号)</a><span class="green">预约报名</span></li>

                </ul>

                    <ul><h4>网页UI就业班</h4>

                    <li><a href="#">北京第--27期(5月30号)</a><span class="red">爆满已开班</span></li>

                    <li><a href="#">广州第--28期(6月30号)</a><span class="green">预约报名</span></li>

                    <li><a href="#">湖北第--27期(7月30号)</a><span class="green">预约报名</span></li>

                    <li><a href="#">天津第--27期(8月30号)</a><span class="green">预约报名</span></li>

                </ul>

            </div>

    </div>

</body>

</html>

 

你可能感兴趣的:(css)

  • HTML静态网页作业——电影介绍-你的名字 5页 无js 带音乐 (1) IT-司马青衫 htmljavascript前端
    HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。精彩专栏推荐❤【作者主页——获取更多优质源码】❤【web前端期末大作业——毕设项目精品实战案例(1000套)】文章目录一、网页介绍一、网页效果二、代码展示1.HTML代码2.CSS代
  • HTML5 vs HTML 和 CSS3 vs CSS：全面对比 @程序员ALMJ htmlcsshtml5css3
    HTML5与HTMLHTML概述HTML(HyperTextMarkupLanguage)是构建网页的标准标记语言。HTML经历了多个版本的发展：HTML2.0(1995年)：最早的标准化版本HTML4.01(1999年)：增加了样式表支持XHTML(2000年)：基于XML的更严格版本HTML5(2014年正式发布)：现代网页标准HTML5的主要特点语义化标签：引入了更具描述性的元素多媒体支持：
  • 什么是 CSSD? Hoxy.R Oracle学习笔记开发语言oracle服务器
    文章目录一、什么是CSSD？CSSD的职责二、CSSD是如何工作的？三、CSSD为什么会重启节点？情况一：网络和存储都断联（失联）情况二：收到其他节点对自己的踢出通知（外部fencing）四、重启机制由哪些参数控制？类比理解：CSSD就像是“集群中的智能保安”总结一、什么是CSSD？CSSD全称是：ClusterSynchronizationServicesDaemon是OracleCluster
  • 前端CSS：CSS清除浮动 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    前端CSS：CSS清除浮动引言浮动的基础知识浮动的基本概念清除浮动的作用示例一：基本浮动行为代码示例解析示例二：使用clear属性清除浮动代码示例解析示例三：使用伪元素::after清除浮动代码示例解析示例四：使用overflow属性清除浮动代码示例解析示例五：使用Flexbox清除浮动代码示例解析不同角度的功能使用思路思路一：保持父元素高度代码示例思路二：避免元素重叠代码示例思路三：创建响应式布
  • Css环形旋转立体感动画 不想上班只想要钱 前端css前端
    Css环形旋转立体感动画index.htmlCss环形旋转立体感动画style.csshtml{height:100%;}body{background:#222222;background:linear-gradient(#222222,#4e6e79);overflow:hidden;}.c{width:240px;height:240px;border:3pxsolid#98bdcd;bor
  • 初识javaweb1 忘记578 java开发语言
    JavaSE中是C/S（ClientServer）客户端到服务器端的软件结构JavaWeb是B/S（BrowserServer）浏览器到web服务器的软件结构HTML：超文本标记语言-决定页面上显示什么内容CSS：页面上的内容显示的风格（决定页面上内容的美观程度）JavaScript：页面特效网页的组成部分（三部分）：内容（结构)、表现、行为javasrcript特点：1.交互性（它可以做的就是信
  • Python使用总结之Flask构建文件服务器，通过网络地址访问本地文件 阿福不是狗 Python使用总结pythonflask服务器
    Python使用总结之Flask构建文件服务器，通过网络地址访问本地文件在Web开发中，静态文件（如图片、CSS、JavaScript）的管理是基础且重要的环节。Flask提供的send_from_directory函数为开发者提供了灵活的文件服务解决方案。本文将详细解析其原理、用法及最佳实践。一、什么是send_from_directory？send_from_directory是Flask内置
  • HTML+CSS+JS实现简单的打字机 CY耶 htmlcssjavascript
    HTML+CSS+JS实现简单的打字机js/***动态打字效果函数*(select和element只能选择一个)*@param{Object}options-配置选项*@param{string}options.select-选择器，用于定位要显示文本的DOM元素("#id"或".class")*@param{Object}options.element-DOM元素（Element对象）*@par
  • 揭秘 BEM 命名法：让前端代码自解释的底层逻辑，90% 开发者都踩过的命名坑 今天你慧了码码码码码码码码码码 前端css
    在前端开发的领域中，随着项目规模的不断扩大，代码的复杂性也日益增加。如何编写易于理解、维护和扩展的代码，成为了每一位开发者都需要面对的重要课题。其中，CSS类名的命名规范起着举足轻重的作用，而BEM命名规范正是一种能有效提升代码质量的方法论。什么是BEM？BEM是块（Block）、元素（Element）、修饰符（Modifier）的缩写，它是一种用于命名CSS类的约定俗成的规范。通过将页面组件分解
  • 【CSS】核心布局技术 Guiat HTMLCSSJavaScriptcss前端
    个人主页：Guiat归属专栏：HTMLCSSJavaScript文章目录1.CSS布局基础1.1盒模型与布局基础1.2文档流2.传统布局技术2.1浮动布局2.1.1浮动的问题与解决方案2.2定位布局2.2.1相对定位2.2.2绝对定位2.2.3固定定位2.2.4粘性定位2.3表格布局3.现代布局技术3.1Flexbox布局3.1.1Flex容器属性3.1.2Flex项目属性3.1.3Flexbox
  • html5炫酷图片悬停效果实现详解 木木黄木木 html5前端html5前端html
    html5炫酷图片悬停效果实现详解这里写目录标题html5炫酷图片悬停效果实现详解项目介绍技术栈核心功能实现1.页面布局2.图片容器样式3.炫酷悬停效果缩放效果倾斜效果模糊效果旋转效果4.悬停文字效果5.性能优化6.响应式设计项目亮点总结项目介绍本文将详细介绍如何使用HTML5和CSS3技术实现一个具有炫酷悬停效果的图片展示组件。该组件包含多种动画效果，如缩放、倾斜、模糊和旋转等，并且具有良好的响
  • 基于Java毕业设计音乐管理系统源码+系统+mysql+lw文档+部署软件 鎏金科技 javamysql开发语言
    基于Java毕业设计音乐管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计音乐管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：htt
  • Springboot快递代取系统的设计与实现3i0v9计算机毕业设计-课程设计-期末作业-毕设程序代做 兮兮科技 springbootjavamysql
    Springboot快递代取系统的设计与实现3i0v9计算机毕业设计-课程设计-期末作业-毕设程序代做【免费赠送源码】Springboot快递代取系统的设计与实现3i0v9计算机毕业设计-课程设计-期末作业-毕设程序代做本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：
  • HTML+CSS+Vue3的静态网页，免费开源，可当作作业使用 violet_evergarden. htmlcss开源前端vue.js
    拿走请吱一声，点个关注吧，代码如下，网页有移动端适配HTMLDocumentHomeTrackMyOrderContactusFAQsReturnPolicyPaymentMethodsTermsofServicePrivacyPolicyShippingPolicyLASTDAY60%OFFIntelligentElectricHeatingScarf$45.96$22.98HURRY!ONLY
  • 【前端开发】HTML+CSS网页，可以拿来当作业（免费开源） violet_evergarden. htmlcss前端
    HTML代码小兔鲜儿-新鲜、惠民、快捷请先登录|免费注册|我的订单|会员中心|购物中心|在线客服|手机版首页生鲜美食餐厨电器居家洗护孕婴服装2生鲜水果蔬菜>美食面点干果>餐厨数码产品>电器床品四件套被枕>居家奶粉杬貝補食>洗护滉茇況馿美牧>孕婴奶粉玩貝>服饰女装男装>杂贷户外图书>品牌品牌制造>>新鲜好物新鲜出炉品牌靠谱查看更多>睿米无线吸尘器F8￥899智能环绕3D空调￥1299广东软软襦米煲仔
  • vite中使用postcss-preset-env 大猫会长 postcss前端javascript
    css:{postcss:{plugins:[postcssPresetEnv({browsers:'chrome<=60',features:{'nesting-rules':true,'postcss-selector-not':false//关闭:any-link伪类处理}}),]}}但是用了postcssPresetEnv之后,会出现很多#号的类,优先级很高,会重置padding和marg
  • CSS-BFC（块级格式化上下文） 懒羊羊我小弟 H5+CSS3css前端css3
    一、BFC的本质理解（快递仓库比喻）想象一个快递分拣仓库（BFC容器），这个仓库有特殊的规则：仓库内的包裹（内部元素）摆放不影响其他仓库包裹必须整齐堆叠，不能越界不同仓库之间的包裹互不干扰BFC（BlockFormattingContext，块级格式化上下文）就是这样一个独立的渲染区域，内部的布局规则与外部隔离。二、触发BFC的7种条件触发方式代码示例常见使用场景根元素默认触发浮动元素float:
  • 498.大学生HTML5期末大作业 —【悬崖上的金鱼姬动漫主题网页(5页)】 Web前端网页制作 html5+css3 一只小小的眠羊 大学生期末大作业动漫前端html课程设计html5css3cssjavascript
    目录一、网页简介二、网页文件三、网页效果四、代码展示1.html2.CSS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强欢迎来到我的CSDN主页！您的支持是我创作的动力！Web前端网页制作、网页完整代码、大学生期末大作业案例模板完整代码、技术交流等，有兴趣的联系我交流学习!更多优质博客文章、网页模板点击以下链接查阅：仙女网页设计-CSDN博客5000+网页案例完整代码，主题涵
  • 【前端】【Electron】Electron 知识点详解，看着一篇文章就够了 患得患失949 面试考题专栏（前后端）Electron前端electronjavascript
    Electron知识点详解第一章：Electron入门与核心概念什么是Electron？定义：一个使用Web技术(HTML,CSS,JavaScript)构建跨平台桌面应用程序的开源框架。核心组成：Chromium(用于渲染界面)+Node.js(用于访问操作系统和后端能力)+自定义APIs。目标：让Web开发者能够轻松创建功能丰富的桌面应用。为什么选择Electron？跨平台：一套代码库，可构建
  • 【Vue插件】Vue-rideo-player视频播放插件的使用 Mr.Plum Vuevue
    git项目地址参考文章今天项目中遇到了需要能够查看实时监控视视频的功能，再查阅并摸索下完成实现了此功能，现在此记录一下使用安装：npminstallvue-video-player--save在main.js入口文件中引入importVideoPlayerfrom'vue-video-player'require('video.js/dist/video-js.css')require('
  • 介绍几种创意登录页（含完整源码） Jiaberrr css3前端cssjavascriptelementui
    今天为大家收集了几种不同风格的登录页，搭配动态渐变背景，效果绝对惊艳！CSS3实现动态渐变+玻璃拟态登录页一、开篇语纯CSS实现当下最火的玻璃拟态(Morphism)风格登录页，搭配动态渐变背景，效果绝对惊艳！二、设计特色✅流动渐变背景✅毛玻璃视觉效果✅动态标签动画✅按钮流光特效三、关键技术CSS渐变背景：background:linear-gradient()背景模糊：backdrop-filt
  • CSS伪类介绍（二） 神影天初 csscss前端
    文章目录CSS伪类介绍（二）带`href`属性的链接元素表单相关模式选择精确批量匹配影子DOM打印音频视频其他CSS伪类介绍（二）另一篇参考CSS伪类介绍带href属性的链接元素:active:active匹配被用户激活的元素。当用鼠标交互时，它代表的是用户按下按键和松开按键之间的时间。这个样式可能会被后声明的其他链接相关的伪类覆盖，这些伪类包括:link,:hover和:visited。为保证样
  • 用MVC做一个bootstrap-table的实例 qq_23982569 MVCMVCknockout-min.jsbootstrap
    前台HTML：注意需要引用js和cssBootStrapTable使用@*1、Jquery组件引用*@@*2、bootstrap组件引用*@@*3、bootstraptable组件以及中文包的引用*@@*4、页面Js文件的引用*@@*查询条件*@查询条件学号用户名查询*@@*工具栏和table*@新增@*修改删除@*添加用户dialog*@<inputt
  • vue项目上线后强制清除缓存 babywenever vue.js前端javascript
    有时前端代码上线后，用户无法获取最新的代码显示，需要清除浏览器缓存，比较麻烦。我们可以通过给打包编译后的js文件、css文件名称添加时间戳来达到用户刷新时重新获取最新的js、css文件，进而获得最新代码vue.config.js文件lettimeStamp=newDate().getTime();module.exports={filenameHashing:false,configureWebp
  • Oracle RAC 架构核心组件详解（入门学习笔记） Hoxy.R Oracle学习笔记oracle架构学习
    文章目录OracleRAC架构核心组件详解1.Oracle实例（Instance）2.数据库（Database）3.Clusterware（集群件）3.1CSSD（ClusterSynchronizationServicesDaemon）3.2CRSD（ClusterReadyServicesDaemon）3.3EVM（EventManagerDaemon）4.ASM（AutomaticStora
  • 随机2级域名引导页HTML源码 酷爱码 htmlHTML
    源码介绍随机2级域名引导页HTML源码,每次点进去都随机一个域名前缀。修改跳转域名在350行代码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果预览源码免费获取随机2级域名引导页HTML源码
  • 【CSS】解决因float而导致的父类塌陷问题 爱爬山的老虎 前端学习csshtml前端
    问题描述：几个图片放在一个边框中，当把图片全部float，这时，边框就会因为里面没有内容，而导致上下边重叠，不会框柱图片float是什么意思：可以把整个文字流（整个框架）是水，而各个元素是水下的鱼，当你给元素赋值float，相当于给鱼指令，让鱼儿跳出水面，这就是float，就是脱离整个框架之外，用ps里的来说就是处于另一个图层上解决办法在浮动元素的后面添加空的div（简单，但是代码中应该避免空di
  • 基于HTML5和CSS3实现3D旋转相册效果 木木黄木木 html5css33d
    基于HTML5和CSS3实现3D旋转相册效果这里写目录标题基于HTML5和CSS3实现3D旋转相册效果项目介绍技术栈核心功能实现原理1.HTML结构2.CSS样式设计2.1基础样式设置2.2容器样式2.3图片样式3.JavaScript实现4.交互功能实现4.1触摸和鼠标拖拽4.2播放控制项目亮点技术难点解析项目总结项目介绍在这个项目中，我们将使用HTML5和CSS3的新特性来实现一个炫酷的3D旋
  • CSS基础知识：选择器与盒模型详解 程序员
    CSS基础知识：选择器与盒模型详解在CSS中，选择器和盒模型是两个最基础也最重要的概念。今天让我们一起深入了解这两个核心知识点。一、CSS选择器CSS选择器是我们用来选择页面上HTML元素的方式，它就像是我们与页面元素沟通的桥梁。1.选择器的定义最基本的选择器写法示例：h1,.special{color:blue;}2.选择器的种类2.1类型、类和ID选择器类型选择器：直接使用元素名称类选择器：使
  • 最实用的常用css3知识点梳理二：过渡+2d变形+3d变形 cicada23 实用的css3知识梳理系列css32d3dcss变形css过度
    上一篇:最实用的常用css3知识点梳理一：选择器+计数器四:过渡1语法：1.1transition-property:样式名;需要过渡的样式，可写多个，可以写all代表所有合法过渡样式1.2transition-渡ration:2s;样式过渡的时间，可以写多个写一个时间，即为该时间控制所有过渡样式写多个时间，则根据时间个数分组，控制对应样式，如两个时间，第一个控制1，3，5…个样式1.3trans
  • LeetCode[位运算] - #137 Single Number II Cwind javaAlgorithmLeetCode题解位运算
    原题链接：#137 Single Number II  要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现三次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间   难度：中等   分析： 与#136类似，都是考察位运算。不过出现两次的可以使用异或运算的特性 n XOR n = 0, n XOR 0 = n，即某一
  • 《JavaScript语言精粹》笔记 aijuans JavaScript
    0、JavaScript的简单数据类型包括数字、字符创、布尔值（true/false）、null和undefined值，其它值都是对象。 1、JavaScript只有一个数字类型，它在内部被表示为64位的浮点数。没有分离出整数，所以1和1.0的值相同。 2、NaN是一个数值，表示一个不能产生正常结果的运算结果。NaN不等于任何值，包括它本身。可以用函数isNaN(number)检测NaN,但是
  • 你应该更新的Java知识之常用程序库 Kai_Ge java
    在很多人眼中，Java 已经是一门垂垂老矣的语言，但并不妨碍 Java 世界依然在前进。如果你曾离开 Java，云游于其它世界，或是每日只在遗留代码中挣扎，或许是时候抬起头，看看老 Java 中的新东西。 Guava Guava[gwɑ:və]，一句话，只要你做Java项目，就应该用Guava（Github）。 guava 是 Google 出品的一套 Java 核心库，在我看来，它甚至应该
  • HttpClient 120153216 httpclient
    /** * 可以传对象的请求转发，对象已流形式放入HTTP中 */ public static Object doPost(Map<String,Object> parmMap,String url) { Object object = null; HttpClient hc = new HttpClient(); String fullURL
  • Django model字段类型清单 2002wmj django
    Django 通过 models 实现数据库的创建、修改、删除等操作，本文为模型中一般常用的类型的清单，便于查询和使用： AutoField：一个自动递增的整型字段，添加记录时它会自动增长。你通常不需要直接使用这个字段；如果你不指定主键的话，系统会自动添加一个主键字段到你的model。(参阅自动主键字段) BooleanField：布尔字段,管理工具里会自动将其描述为checkbox。 Cha
  • 在SQLSERVER中查找消耗CPU最多的SQL 357029540 SQL Server
    返回消耗CPU数目最多的10条语句 SELECT TOP 10    total_worker_time/execution_count AS avg_cpu_cost, plan_handle,    execution_count,    (SELECT SUBSTRING(text, statement_start_of
  • Myeclipse项目无法部署，Undefined exploded archive location 7454103 eclipseMyEclipse
    做个备忘！ 错误信息为：       Undefined exploded archive location 原因：           在工程转移过程中，导致工程的配置文件出错； 解决方法：    
  • GMT时间格式转换 adminjun GMT时间转换
    普通的时间转换问题我这里就不再罗嗦了，我想大家应该都会那种低级的转换问题吧，现在我向大家总结一下如何转换GMT时间格式，这种格式的转换方法网上还不是很多，所以有必要总结一下，也算给有需要的朋友一个小小的帮助啦。 1、可以使用 SimpleDateFormat SimpleDateFormat    EEE-三位星期 d-天 MMM-月 yyyy-四位年
  • Oracle数据库新装连接串问题 aijuans oracle数据库
    割接新装了数据库，客户端登陆无问题，apache/cgi-bin程序有问题，sqlnet.log日志如下： Fatal NI connect error 12170.   VERSION INFORMATION:         TNS for Linux: Version 10.2.0.4.0 - Product
  • 回顾java数组复制 ayaoxinchao java数组
    在写这篇文章之前，也看了一些别人写的，基本上都是大同小异。文章是对java数组复制基础知识的回顾，算是作为学习笔记，供以后自己翻阅。首先，简单想一下这个问题：为什么要复制数组？我的个人理解：在我们在利用一个数组时，在每一次使用，我们都希望它的值是初始值。这时我们就要对数组进行复制，以达到原始数组值的安全性。java数组复制大致分为3种方式：①for循环方式 ②clone方式 ③arrayCopy方
  • java web会话监听并使用spring注入 bewithme Java Web
            在java web应用中，当你想在建立会话或移除会话时，让系统做某些事情，比如说，统计在线用户，每当有用户登录时，或退出时，那么可以用下面这个监听器来监听。        import java.util.ArrayList; import java.ut
  • NoSQL数据库之Redis数据库管理(Redis的常用命令及高级应用) bijian1013 redis数据库NoSQL
    一 .Redis常用命令         Redis提供了丰富的命令对数据库和各种数据库类型进行操作，这些命令可以在Linux终端使用。         a.键值相关命令         b.服务器相关命令 1.键值相关命令       &
  • java枚举序列化问题 bingyingao java枚举序列化
    对象在网络中传输离不开序列化和反序列化。而如果序列化的对象中有枚举值就要特别注意一些发布兼容问题: 1.加一个枚举值 新机器代码读分布式缓存中老对象，没有问题，不会抛异常。 老机器代码读分布式缓存中新对像，反序列化会中断，所以在所有机器发布完成之前要避免出现新对象，或者提前让老机器拥有新增枚举的jar。 2.删一个枚举值 新机器代码读分布式缓存中老对象，反序列
  • 【Spark七十八】Spark Kyro序列化 bit1129 spark
    当使用SparkContext的saveAsObjectFile方法将对象序列化到文件，以及通过objectFile方法将对象从文件反序列出来的时候，Spark默认使用Java的序列化以及反序列化机制，通常情况下，这种序列化机制是很低效的，Spark支持使用Kyro作为对象的序列化和反序列化机制，序列化的速度比java更快，但是使用Kyro时要注意，Kyro目前还是有些bug。 Spark
  • Hybridizing OO and Functional Design bookjovi erlanghaskell
      推荐博文： Tell Above, and Ask Below - Hybridizing OO and Functional Design 文章中把OO和FP讲的深入透彻，里面把smalltalk和haskell作为典型的两种编程范式代表语言，此点本人极为同意，smalltalk可以说是最能体现OO设计的面向对象语言，smalltalk的作者Alan kay也是OO的最早先驱，
  • Java-Collections Framework学习与总结-HashMap BrokenDreams Collections
            开发中常常会用到这样一种数据结构，根据一个关键字，找到所需的信息。这个过程有点像查字典，拿到一个key，去字典表中查找对应的value。Java1.0版本提供了这样的类java.util.Dictionary(抽象类)，基本上支持字典表的操作。后来引入了Map接口，更好的描述的这种数据结构。  &nb
  • 读《研磨设计模式》-代码笔记-职责链模式-Chain Of Responsibility bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 业务逻辑：项目经理只能处理500以下的费用申请，部门经理是1000，总经理不设限。简单起见，只同意“Tom”的申请 * bylijinnan */ abstract class Handler { /*
  • Android中启动外部程序 cherishLC android
    1、启动外部程序 引用自： http://blog.csdn.net/linxcool/article/details/7692374 //方法一 Intent intent=new Intent(); //包名 包名+类名（全路径） intent.setClassName("com.linxcool", "com.linxcool.PlaneActi
  • summary_keep_rate coollyj SUM
    BEGIN /*DECLARE minDate varchar(20) ; DECLARE maxDate varchar(20) ;*/ DECLARE stkDate varchar(20) ; DECLARE done int default -1; /* 游标中 注册服务器地址 */ DE
  • hadoop hdfs 添加数据目录出错 daizj hadoophdfs扩容
    由于原来配置的hadoop data目录快要用满了，故准备修改配置文件增加数据目录，以便扩容，但由于疏忽，把core-site.xml, hdfs-site.xml配置文件dfs.datanode.data.dir 配置项增加了配置目录，但未创建实际目录，重启datanode服务时，报如下错误： 2014-11-18 08:51:39,128 WARN org.apache.hadoop.h
  • grep 目录级联查找 dongwei_6688 grep
           在Mac或者Linux下使用grep进行文件内容查找时，如果给定的目标搜索路径是当前目录，那么它默认只搜索当前目录下的文件，而不会搜索其下面子目录中的文件内容，如果想级联搜索下级目录，需要使用一个“-r”参数： grep -n -r "GET" .   上面的命令将会找出当前目录“.”及当前目录中所有下级目录
  • yii 修改模块使用的布局文件 dcj3sjt126com yiilayouts
    方法一：yii模块默认使用系统当前的主题布局文件，如果在主配置文件中配置了主题比如: 'theme'=>'mythm', 那么yii的模块就使用 protected/themes/mythm/views/layouts 下的布局文件； 如果未配置主题，那么 yii的模块就使用  protected/views/layouts 下的布局文件， 总之默认不是使用自身目录 pr
  • 设计模式之单例模式 come_for_dream 设计模式单例模式懒汉式饿汉式双重检验锁失败无序写入
                    今天该来的面试还没来，这个店估计不会来电话了，安静下来写写博客也不错，没事翻了翻小易哥的博客甚至与大牛们之间的差距，基础知识不扎实建起来的楼再高也只能是危楼罢了，陈下心回归基础把以前学过的东西总结一下。   *********************************
  • 8、数组 豆豆咖啡 二维数组数组一维数组
      一、概念       数组是同一种类型数据的集合。其实数组就是一个容器。   二、好处       可以自动给数组中的元素从0开始编号，方便操作这些元素   三、格式   //一维数组 1,元素类型[] 变量名 = new 元素类型[元素的个数] int[] arr =
  • Decode Ways hcx2013 decode
    A message containing letters from A-Z is being encoded to numbers using the following mapping: 'A' -> 1 'B' -> 2 ... 'Z' -> 26 Given an encoded message containing digits, det
  • Spring4.1新特性——异步调度和事件机制的异常处理 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
  • squid3(高命中率)缓存服务器配置 liyonghui160com
        系统:centos 5.x   需要的软件:squid-3.0.STABLE25.tar.gz 1.下载squid wget http://www.squid-cache.org/Versions/v3/3.0/squid-3.0.STABLE25.tar.gz tar zxf squid-3.0.STABLE25.tar.gz &&
  • 避免Java应用中NullPointerException的技巧和最佳实践 pda158 java
    1) 从已知的String对象中调用equals()和equalsIgnoreCase()方法，而非未知对象。 　　总是从已知的非空String对象中调用equals()方法。因为equals()方法是对称的，调用a.equals(b)和调用b.equals(a)是完全相同的，这也是为什么程序员对于对象a和b这么不上心。如果调用者是空指针，这种调用可能导致一个空指针异常 Object unk
  • 如何在Swift语言中创建http请求 shoothao httpswift
    概述：本文通过实例从同步和异步两种方式上回答了”如何在Swift语言中创建http请求“的问题。 如果你对Objective-C比较了解的话，对于如何创建http请求你一定驾轻就熟了，而新语言Swift与其相比只有语法上的区别。但是，对才接触到这个崭新平台的初学者来说，他们仍然想知道“如何在Swift语言中创建http请求？”。 在这里,我将作出一些建议来回答上述问题。常见的
  • Spring事务的传播方式 uule spring事务
    传播方式：        新建事务       required       required_new   - 挂起当前         非事务方式运行       supports   &nbs
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他