西西爱OS
西西爱OS

网页特效——仿新浪微博首页“大家正在说”渐入轮显效果

网页特效——仿新浪微博首页“大家正在说”渐入轮显效果

正好在一个小项目里用到就分享给大家

<!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>
<title>JS+CSS仿新浪微博首页“大家正在说”渐入轮显效果(www.iiwnet.com)</title>
<style type="text/css">
*{margin:0;padding:0;font-size:12px;}
ul{width:300px;height:400px;overflow:hidden;margin:50px 0 0 100px;}
li{width:300px;border-bottom:1px solid #eee;margin-bottom:20px;}
h4{border-bottom:1px solid #eee;}
</style>
</head>
<body>
<ul>
 <li>
  <h4>1、吃早餐都中毒了</h4>
  <p>是不是有点全都，吃早餐竟然食物中毒啊？</p>
  <p>2分钟前</p>
 </li>
 <li>
  <h4>2、30城市房价增高进7成</h4>
  <p>房奴注定当今社会的年青人会很忙碌，一辈子会房子奔波……</p>
  <p>2分钟前</p>
 </li>
 <li>
  <h4>3、李玮峰进球了</h4>
  <p>李玮峰进球了，这是真的吗？</p>
  <p>2分钟前</p>
 </li>
</ul>
<script language="javascript">
var b=window.b||{};
b.roll=function (){
 var me=this;
 setTimeout(function(){
  me.x=document.getElementsByTagName("ul");
  me.y=document.getElementsByTagName("li");
  me.z=me.y.item(me.y.length-1);
  me.q=me.z.clientHeight;
  me.z.style.opacity=0;
  me.z.style.filter="alpha:(opacity=0)";
  me.z.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+0+")";
  me.z.style.height="0px";
  me.x[0].insertBefore(me.z,me.y[0]);
  me.t=1;
  me.c=0
  me.i=setInterval(function(){
   me.t++;
   me.z.style.height=Math.round(me.q*(me.t/50)*(me.t/50))+"px";
   if(me.t>=50){clearInterval(me.i);
    me.d=setInterval(function(){
     me.c+=0.02
     if("\v"=="v"){
      me.z.style.filter="alpha:(opacity="+me.c*100+")";
      me.z.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+me.c*100+")";
     }
     me.z.style.opacity=me.c;
     if(me.c>=1){clearInterval(me.d);}
    },50)
   }
  },25)
  b.roll();
 },5000);
}
new b.roll();
</script>
</body>
</html>

你可能感兴趣的:(网页特效)

  • JavaScript基础 不蒸馒头曾口气 Vuejavascript开发语言前端学习笔记
    1JavaScript介绍1.1JS简介1.JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2.作用——网页特效（监听用户的一些行为，让网页作出对应的反馈，如轮播图、下拉菜单等）——表单验证（针对表单数据的合法性进行判断，如输入邮箱的判断）——数据交互（后台的数据，渲染到前端）——服务端编程（node.js）3.JavaScript的组成ECMAScript:(js的
  • Web APIs五---网页特效 这个名字很有品味
    1.scroll滚动事件当页面滚动时触发可以给window或document添加window.addEventListener('scroll',function(){console.log('页面滚动')})2.load加载事件load事件可以给window注册给资源注册等页面结构及外部资源(js文件、css文件、图片等)全加载完成才执行js代码window.addEventListener('
  • JavaScript基础第一天 满分观测网友z JSjavascript开发语言ecmascript
    JavaScript基础第一天1.JavaScript历史1.1JavaScript能做什么万金油，无所不能。表单动态校验（密码强度检测）(JS产生最初的目的）网页特效。小程序服务端开发（Node.js)。桌面程序（Electron)（像你们用的vscode就是基于js开发的）。App(Cordova)。控制硬件﹣物联网（Ruff)。游戏开发（cocos2d-js）。1.2ECMAScript脚本
  • Java和JavaScript有什么区别和联系 莱森泰克科技 javascriptjava开发语言
    Java和JavaScript是两种不同的编程语言，虽然他们是不同的编程语言，但他们直接还是有一些“联系”的，下面简单说一下他们直接的区别和联系（有问题请各位及时指点出来）首先是区别：1.最大的区别就是Java主要是用于后端应用程序开发，而JavaScript主要用于前段网页开发、实现网页特效等，后面简单讲一下两种编程语言的主要的应用领域。2.Java是一种静态类型的编程语言，而JavaScrip
  • PC端网页特效：元素偏移量offset系列、元素可视区client系列、元素滚动scroll系列、动画函数封装、常见网页特效案例 我的皎月闻越香_
    1、元素偏移量offset概述及常用属性offset和style的区别offset案例：获取鼠标在盒子内的坐标能拖动的登录框案例放大镜案例（未完成）2、元素可视区client（大小不包含边框，offset包含）3、元素滚动scrollwindow.pageYOffset——页面头部被卷去的数值（scroll是元素被卷去）淘宝侧边栏案例offset、client、scroll总结offset返回元素
  • 前端：分享几个前端素材网站 蓝绿色~菠菜 前端前端bootstrapjavascript
    1、17素材网：资源还算比较全，包括各种前端插件、图片展示、文字效果、以及整站模板等，但是需要花钱注册会员。网址：jQuery网页特效最全网页模板和网站模板jQuery代码_17素材网2、模板之家：整站资源比较丰富，各种后台管理、企业、政府模板。免费，广告较多。网址：网页模板,网站模板,DIV+CSS模板,企业网站模板下载-模板之家3、图标bootstrap图标大全：BootstrapIcons-
  • 前端开发_JavaScript基础 Rainbow_1991 前端开发javascript开发语言
    JavaScript介绍JS是一种运行在客户端（浏览器）的编程语言，实现人机交互效果作用：网页特效(监听用户的一些行为让网页作出对应的反馈)表单验证(针对表单数据的合法性进行判断)数据交互(获取后台的数据,渲染到前端)服务端编程(node.js)组成：ECMAScript：规定了js基础语法核心知识。WebAPIs：DOM操作文档，比如对页面元素进行移动、大小、添加删除等操作BOM操作浏览器，比如
  • JS第一课简单看看这是啥东西 清华都得不到的好学生 js学习javascript开发语言ecmascript
    1.什么是JavaScriptJS是一门编程语言，是一种运行在客户端(浏览器)的编程语言，主要是让前端的画面动起来，注意HTML和CSS不是编程语言，他俩是一种标记语言。JS只要有浏览器就能运行不用跟Python或者Java一样上来装一个jdk或者Python解释器2.JS是干啥的网页特效，比方说用户鼠标移入了这个区域我给他显示啥，移出了区域不现实这种，随着用户操作让画面动起来表单验证，主要是对表
  • Javascript入门||基础篇 展信佳 ：） javascript开发语言ecmascript
    定义一种运行在客户端（浏览器）的编程语言，实现人机交互效果作用网页特效（监听用户的一些行为让网页做出对应的反馈）表单验证（针对表单数据的合法性进行判断）数据交互（获取后台数据，渲染到前端）服务器编程（node.js）组成ECMAScript：基础语法，如变量，循环，对象等WebAPiDOM：操作文档，比如对页面元素进行移动BOM：操作浏览器，比如页面弹窗，检测窗口宽度，储存数据到浏览器等书写位置内
  • 隐藏：display/visibility/overflow MrWood
    1.1display（重点）display:none;隐藏对象display:block;除了转换为块级元素之外，同时还有显示元素的意思。display隐藏元素后，不再占有原来的位置。后面应用极其广泛，搭配js可以做很多的网页特效。1.2visibility可见性visibility属性用于指定一个元素应可见还是隐藏visibility:visible;元素可视visibility：hidden；
  • Javascript Ryongao 基础知识javascript前端开发语言
    Javascript是什么1.JavaScript(是什么?)是一种运行在客户端(浏览器)的编程语言，实现人机交互效果2.作用(做什么?)网页特效监听用户的一些行为让网页作出对应的反馈表单验证针对表单数据的合法性进行判断数据交互获取后台的数据染到前端3.JavaScript的组成(有什么?)ECMAScript:规定了js基础语法核心知识。比如:变量、分支语句、循环语句、对象等等WebAPIs:D
  • JavaScript基础 努力当一个优秀的程序员 JavaScript基础javascript
    1.JS简介：（1）定义（是什么）：是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。（2）作用（做什么）：网页特效（监听用户的一些行为让网页做出对应的效果）表单验证（针对表单数据的合法性判断）数据交互（获取后台数据，渲染到前端）服务端编程（node.js）（3）组成（有什么）：JavaScriptECMAScripJavaScript语言基础规定：变量、分支语句、循环语句、对象等；Web
  • 元素的显示与隐藏 dmnyksl html前端
    本质：让一个元素在页面中隐藏或者显示出来1，display属性display：none；隐藏对象display：block；除了转换为块级元素之外，同时还有显示元素的意思display隐藏元素后，不再占有原来的位置后面应用极其广泛，搭配JS可以做很多的网页特效2，visibility可见性visibility：visible；元素可视visibility：hidden；元素隐藏visibility
  • css3+javaScript实现一个左右钟摆-摇晃的红灯笼网页特效 yrldjsbk css3css3javascript前端
    css3+javaScript实现一个左右钟摆-摇晃的红灯笼网页特效！前天逛博客时无意中看见了，别人的博客顶部有一个会左右钟摆的摇晃的红灯笼，产生了想法，我也想给自己做一个，但是网上找了很多方案，都没有实现。终于在昨天晚上搜索，找到了利用css3和js一起组合的技术，实现了这个效果。代码很简单。下面上代码分享。如图所示，这是一个静态的截图。实际上是可以看效果的。我的网站展示地址是：www.gxld
  • Javascript 展信佳 ：） javascript开发语言ecmascript
    定义一种运行在客户端（浏览器）的编程语言，实现人机交互效果作用网页特效（监听用户的一些行为让网页做出对应的反馈）表单验证（针对表单数据的合法性进行判断）数据交互（获取后台数据，渲染到前端）服务器编程（node.js）组成ECMAScript：基础语法，如变量，循环，对象等WebAPiDOM：操作文档，比如对页面元素进行移动BOM：操作浏览器，比如页面弹窗，检测窗口宽度，储存数据到浏览器等书写位置内
  • JavaScript笔记之一：JS原生 浅度学习的ryan 吃掉这本前端基础javascriptes6
    JavaScript一、基础运行在客户端的脚本语言脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来解释执行也可以基于Node.js技术进行服务器端编程1.作用表单动态验证网页特效服务端开发Node.js桌面程序ElectronApp物联网游戏开发2.浏览器执行JS浏览器分为两部分：渲染引擎、JS引擎渲染引擎：用来解释HTML和CSS，内核JS引擎：JS解释器，读取网页中的JS代码，处
  • JavaScript-1 -seventy- 前端-JavaScriptjavascript
    基础认知认识JavaScript是什么？JavaScript是一种运行在客户端（浏览器）的编程语言，能够实现人机交互效果做什么？网页特效（监听用户的一些行为，让网页做出对应的反馈）表单验证（针对表单数据的合法性进行判断）数据交互（获取后台的数据，渲染到前端）服务端编程（node.js）JavaScript组成ECMAScrpt：规定了js基础语法核心知识（比如：变量、分支语句、循环语句、对象等）W
  • Web APIs - 01 tuoluoo JavaScript学习前端javascript
    变量声明letconst（变量不变化的情况）const优先，尽量使用const基本数据类型使用const声明后不能改变复杂数据类型（例:数组，对象）使用const声明后可以改变DOMDOM（DocumentObjectModel）是将整个HTML文档的每一个标签元素视为一个对象，这个对象下包含了许多的属性和方法，通过操作这些属性或者调用这些方法实现对HTML的动态更新，为实现网页特效以及用户交互提
  • JavaScript 洋葱土豆和香菜 javascript开发语言ecmascript
    W3C标准：1.结构标准(HTML,XHTML)2.表现标准(CSS)3.动态标准(JavaScript,JQuery,Vue...)*JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果.作用：Ø网页特效(监听用户的一些行为让网页作出对应的反馈)Ø表单验证(针对表单数据的合法性进行判断)Ø数据交互(获取后台的数据,渲染到前端)Ø服务端编程(node.js)[JavaScr
  • JavaScript 基础通关 *Soo_Young* javascript开发语言ecmascript
    快速熟悉JavaScript的基础语法，比较高级的比如事件放在后面的笔记中。JavaScript1.JavaScript介绍1.1JavaScript基本介绍JavaScript是一门运行在客户端（浏览器）的编程语言，实现人机交互的效果。实现网页特效、表单验证、数据交互的效果、服务端编程（node.js）权威网站：https://developer.mozilla.org/zh-CN/1.2.Ja
  • JS学习第6天——PC端网页特效（元素偏移量offset、元素可视区client、元素滚动scroll、动画函数封装、节流阀、网页轮播图案例、mouseenter与mouseover区别） 离奇6厘米 JavaScriptjavascript学习前端
    目录PC端网页特效一、元素偏移量offset系列offset与style的区别二、元素可视区client系列立即执行函数三、元素滚动scroll系列1、onscroll事件2、仿淘宝固定右侧侧边栏（小案例）3、页面被卷去的头部兼容性解决方案四、动画函数封装1、多个目标值之间移动2、动画函数添加回调函数五、常见网页特效案例1、节流阀2、网页轮播图案例3、筋头云案例六、mouseenter和mouse
  • Javascript笔记（持续更新中） 瑶瑶南波万 笔记javascript开发语言ecmascript
    前端学习路线图先附上一张前端学习路线图：（一）Javascript的定义Javascript是一门跨平台、面向对象的脚本语言，来控制网页的行为，它可以实现网页的交互网页由三部分构成：结构：Html表现：Css行为：Javascript（二）Javascript的作用网页特效（监听用户的一些行为让网页作出对应反馈）表单验证（针对表单数据的合法性进行判断）数据交互（获取后台的数据，渲染到前端）服务端编
  • day01---初时WebApi以及Dom y_1c4b
    一：WebAPI基本认知作用:就是使用JS去操作html和浏览器分类：分类：DOM(文档对象模型)、BOM（浏览器对象模型）二：Dom什么是dom？DOM（DocumentObjectModel）文档对象模型是用来呈现以及与任意HTML或XML文档交互的API【DOM是浏览器提供的一套专门用来操作网页内容的功能】DOM的作用：1.实现网页特效2.实现用户交互Dom树HTML文档以树状结构直观的表现
  • 【前端 JavaScript WebAPI】05 - PC端网页特效 itlu
    1.元素偏移量offset系列1.1offset概述offset翻译过来就是偏移量，我们使用`offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置；获得元素自身的大小（宽度高度）；注意：返回的数值都不带单位。offset系列属性offset1.2offset与style区别offsetoffset可以得到任意样式表中的样式值;offset系列获得的数
  • js学习建议 竭尽全力才能成功
    js是万能的这句话的开篇,好多人惊讶的不行,但是很多人知道,这已经是事实js可以写网页特效,框架比如jquery.angular.vuejs等等也可以写后端交互,nodejs命令行交互也有目前在国内比较火的就是jq和vue,但是,说实在的jq是类库,他不是框架,有好处也有坏处好处就是简化了代码,处理了兼容性,提高了生产效率坏处是造就了程序员的懒惰思维,就是拿来主义.我赞同你的做法,但是你一定要可以
  • day05---Dom网页特效 y_1c4b
    滚动事件和加载事件滚动事件：当页面进行滚动时触发的事件事件名：scroll监听整个页面滚动语法：document.addEventListener('scroll',function(){console.log('滚动了')})加载事件：加载外部资源（如图片、外联CSS和JavaScript等）加载完毕时触发的事件为什么要学？Ø有些时候需要等页面资源全部处理完了做一些事情Ø老代码喜欢把script
  • JQuery高效制作网页特效第五章初始jQuery课后作业 tb19930719
    1,为图片添加边框为图片添加边框img{:;}$(function(){$("img").click(function(){$("img").css("border","1pxsolidgrey");})})2林徽因简介林微因简介h1{background-color:black;color:white;text-align:center;width:500px;
  • 前端开发用的网站 光影少年 htmlvue.js
    网站前端相关网站懒人之家懒人之家,懒人,懒人代码,jquery特效--可能是JS网页特效代码收集最全的网站-jq22jQuery插件库-收集最全最新最好的jQuery插件国内站点排名信息网站排行榜-站长之家seo优化结果查询站长工具-SEO综合查询程序师程序师-程序员、编程语言、软件开发、编程技术菜鸟教程菜鸟教程-学的不仅是技术，更是梦想！掘金网前端-掘金简书简书-创作你的创作博客园博客园-开发者
  • JavaScript 移动端网页特效、触屏事件 _七七 JavaScriptjavascript前端vue.js
    文章目录1.触屏事件1.1触屏事件概述1.2触摸事件对象（TouchEvent）1.3移动端拖动元素1.4classList属性2.移动端常见特效2.1轮播图、返回顶部2.2click延时解决方案1.触屏事件1.1触屏事件概述1.2触摸事件对象（TouchEvent）1.3移动端拖动元素1.4classList属性添加类：element.classList.add（’类名’）移除类：element
  • JS进阶webAPIs PCGuo999 前端javascript前端html
    WebAPI作用：通过使用js去操作html和浏览器分类：DOM：文档对象模型BOM：浏览器对象模型一、DOM基础1.简介(1)DOM(DocumentObjectModel)文档对象模型，是浏览器提供的一套专门用来操作网页内容的功能，即开发网页特效实现交互内容(2)DOM树(文档树)将HTML文档以树状结构直观表现出来，称之为DOM树，是描述网页内容关系的名词。作用是用树状图表示了标签与标签之间
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他