用css3实现鼠标移进去当前亮其他变灰

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

 2         "http://www.w3.org/TR/html4/loose.dtd">

 3 <html>

 4 <head>

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

 6     <script type="text/javascript" src="js/prefixfree.min.js"></script>

 7     <title>用css3实现鼠标移进去当前亮其他变灰</title>

 8 </head>

 9 <style type="text/css">

10     *{margin: 0;padding: 0;font-size:12px;}

11     .wrapper{border: 1px #708090 solid;width: 900px;margin: 100px auto;height: 300px;padding: 20px;border-radius: 8px;box-shadow: 2px 2px 6px #666,-2px -2px 6px #666;}

12     li{list-style: none;}

13     .box:hover li{opacity:0.2; }

14     .box li{float: left;width:48px; height:48px;position:relative; margin-right:10px;

15      -webkit-transition: opacity 1s ease-in-out;

16        -moz-transition: opacity 1s ease-in-out;

17         -ms-transition: opacity 1s ease-in-out;

18          -o-transition: opacity 1s ease-in-out;

19             transition: opacity 1s ease-in-out;

20     }

21     .box li:hover{opacity:1; }

22     .box li a{position:absolute;left:-10px;width:80px;height:30px;top:-30px;color: #fff;font-weight:bold;background:#000;border-radius:8px;box-shadow:1px 0 2px #fff inset;text-align:center;opacity:0;

23     -webkit-transition: opacity 1s ease-in-out;

24        -moz-transition: opacity 1s ease-in-out;

25         -ms-transition: opacity 1s ease-in-out;

26          -o-transition: opacity 1s ease-in-out;

27             transition: opacity 1s ease-in-out;

28     }

29     .box li:hover a{opacity:1; top:-30px;}

30     .delicious { background-image:url("http://images.cnblogs.com/cnblogs_com/hxh-hua/478335/o_delicious.png"); }

31     .digg { background-image:url("http://images.cnblogs.com/cnblogs_com/hxh-hua/478335/o_digg.png"); }

32     .facebook { background-image:url("http://images.cnblogs.com/cnblogs_com/hxh-hua/478335/o_facebook.png"); }

33     .flickr { background-image:url("http://images.cnblogs.com/cnblogs_com/hxh-hua/478335/o_digg.png"); }

34     .linkedin { background-image:url("http://images.cnblogs.com/cnblogs_com/hxh-hua/478335/o_flickr.png"); }

35     .box a{display: block;}

36 </style>

37 <body>

38   <div class="wrapper">

39       <ul class="box">

40           <li class="delicious"><a href="#" >Delicious</a></li>

41           <li class="digg"><a href="#" >Digg</a></li>

42           <li class="facebook"><a href="#" >Facebook</a></li>

43           <li class="flickr"><a href="#">Flickr</a></li>

44           <li class="linkedin"><a href="#">LinkedIn</a></li>

45       </ul>

46   </div>

47 </body>

48 </html>

demo:http://jsfiddle.net/9SuUy/

你可能感兴趣的:(css3)

  • css3 圆形水波纹特效 程序媛之博客 css3前端css
    需求描述：需要制作一个动画，特效从圆心开始往外扩散，然后又往回收。效果图：实现代码：.circle{width:100rpx;height:100rpx;background-color:#FF4C4C;border-radius:50%;/*圆形*/box-shadow:inset00010rpxrgba(255,255,255,0.5),/*内阴影，初始半透明圆*/inset00020rpxr
  • 【CSS】CSS3媒体查询全攻略 Vesper63 前端CSScsscss3媒体
    媒体查询教程媒体查询(MediaQueries)是CSS3中引入的强大功能，允许内容根据设备特性(如屏幕尺寸、分辨率、方向等)进行自适应调整。以下是媒体查询的详细教程：基本语法@mediamediatypeand(mediafeature){/*CSS规则*/}常用媒体类型all-所有设备(默认)screen-电脑屏幕、平板、智能手机等print-打印机和打印预览speech-屏幕阅读器等发声设备
  • H5新增的标签 YiLin_Classics web前端html前端csscss3
    H5新增的内容语义化标签增强型表单增强表单中的新增属性CSS3的选择器语义化标签H5新增的语义化标签有：1）header--------头部区域2）footer----------尾部区域3）section--------主体区域4）main----------主要区域内容5）article--------独立文章区域6）aside--------侧边栏7）nav----------导航区域8）f
  • H5在小程序领域的地图应用开发指南 小程序开发2020 小程序开发宝典小程序ai
    H5在小程序领域的地图应用开发指南关键词：H5、小程序、地图应用开发、JavaScript、HTML5、CSS3、API摘要：本文围绕H5在小程序领域的地图应用开发展开，详细阐述了相关的背景知识、核心概念、算法原理、数学模型、实战案例、应用场景、工具资源等内容。通过逐步分析推理，为开发者提供了全面且深入的开发指南，助力开发者掌握H5在小程序中开发地图应用的技术和方法，应对开发过程中的各种挑战。1.
  • CSS3 3D 转换介绍 半点寒12W csscss33d前端
    CSS3中的3D转换提供了一种在二维屏幕上呈现三维效果的方式，主要包括translate3d、rotate3d、scale3d等转换函数，下面来详细介绍：1.3D转换的基本概念坐标系在CSS3的3D空间中，使用的是右手坐标系。X轴是水平方向（从左到右为正方向），Y轴是垂直方向（从上到下为正方向），Z轴是垂直于屏幕的方向（从屏幕外指向屏幕内为正方向）。容器属性-perspective这个属性用于设置
  • 前端开发：Javascript 与 CSS3 动画的融合 前端视界 前端艺匠馆javascriptcss3开发语言ai
    前端开发：Javascript与CSS3动画的融合关键词：JavaScript、CSS3动画、前端开发、动画性能、事件驱动、硬件加速、浏览器兼容摘要：本文深入探讨JavaScript与CSS3动画的融合技术，解析两者在前端动画领域的优势互补机制。通过对比分析基础动画原理，揭示事件驱动、状态控制、性能优化的核心逻辑，结合具体代码案例演示交互动画实现方案。详细讲解硬件加速原理、浏览器渲染机制、数学缓动
  • GitHub OAuth 认证示例 ZHOU_CAMP flaskreactgithubflaskreact
    GitHub链接：github_auth流程图功能特性✅GitHubOAuth认证✅获取用户基本信息✅显示用户的GitHub仓库列表✅安全的会话管理✅响应式用户界面技术栈后端Flask-PythonWeb框架Flask-CORS-跨域资源共享Requests-HTTP库Session-会话管理前端React-用户界面库ReactRouter-路由管理Axios-HTTP客户端CSS3-样式设计项目
  • 前端开发者必须要掌握的技术栈及学习建议，都是干货 老猿阿浪 前端学习前端
    作为前端开发者，必须要掌握的技术栈非常的广泛，但总体脉络不变，以下是当前前端开发的核心技术分类和学习建议，按优先级和重要性排序如下（都是干货）：一、基础三件套（必学）HTML5语义化标签、表单验证、WebAccessibility（无障碍访问）Canvas/SVG、音视频嵌入CSS3盒模型、Flex/Grid布局、响应式设计（媒体查询）动画（Transition/Animation）、变量（CSS
  • CSS3 背景裁剪：background-clip 的创意用法 大厂前端小白菜 Ccss3前端cssai
    CSS3背景裁剪：background-clip的创意用法关键词：CSS3、background-clip、背景裁剪、文字背景、创意设计、盒子模型、浏览器兼容性摘要：CSS3的background-clip是一个能“裁剪背景画布”的神奇属性。它能精准控制背景的显示范围，从传统的边框、内边距、内容区域，到更前沿的“文字轮廓裁剪”，为网页设计带来了无限可能。本文将从基础原理到创意实战，用“剪窗花”的比
  • jquery和CSS3圆形倒计时特效 yt94832 jquerycss3前端
    这是一款jquery和CSS3圆形倒计时特效。该特效使用CSS对页面进行布局，生成用于倒计时的圆环，然后通过jquery代码来控制圆环的倒计时进度。预览下载使用方法在页面中引入下面的文件。HTML结构MinSec开始停止初始化插件letcircle=document.getElementById('cls');lettotal;letstart=$('#start');start.click(()
  • 3_CSS3 渐变 --[CSS3 进阶之路] 桃园码工 CSS3进阶之路css3前端cssCSS3渐变
    CSS3引入了渐变（gradients），它允许在两个或多个指定的颜色之间显示平滑的过渡。CSS3支持两种类型的渐变：线性渐变（LinearGradients）：颜色沿着一条线性路径变化，可以是水平、垂直或者对角线方向。径向渐变（RadialGradients）：颜色从一个起点开始向外扩散，形成圆形或者椭圆形的渐变效果。线性渐变线性渐变-从上到下这里有一个简单的CSS3线性渐变的例子，它从上到下应
  • 前端 CSS3 背景渐变的高级技巧 大厂前端小白菜 前端css3cssai
    前端CSS3背景渐变的高级技巧关键词：CSS3、背景渐变、线性渐变、径向渐变、重复渐变、混合模式、动画效果摘要：本文将深入探讨CSS3背景渐变的高级应用技巧，从基础语法到复杂实现，涵盖线性渐变、径向渐变、重复渐变等多种渐变类型。我们将通过详细的代码示例和视觉效果分析，展示如何创建令人惊艳的渐变效果，包括渐变动画、混合模式应用以及响应式设计中的渐变技巧。文章还将介绍最新的CSS渐变特性，帮助前端开发
  • CSS3 背景渐变的方向与角度调整 大厂前端小白菜 前端开发实战css3前端cssai
    CSS3背景渐变的方向与角度调整关键词：CSS3、背景渐变、方向调整、角度调整、线性渐变、径向渐变摘要：本文深入探讨了CSS3背景渐变的方向与角度调整相关技术。首先介绍了CSS3背景渐变的背景知识，包括目的、适用读者、文档结构和相关术语。接着详细阐述了线性渐变和径向渐变的核心概念、原理及架构，通过Mermaid流程图和文本示意图进行清晰展示。在算法原理部分，使用Python模拟CSS3渐变效果来解
  • 《深度剖析：SCSS中混入（Mixin）为浏览器前缀赋能》
    不同的浏览器，如同性格迥异的守门人，对CSS样式的理解和呈现各有标准。在CSS新特性尚未成为行业共识前，各浏览器厂商会以独特的前缀标注自家版本，这就好比不同地区对同一事物的称呼差异，看似表达相同，实则形式大相径庭。例如，当我们试图用CSS3的动画效果为网页增添灵动气息时，不同浏览器却要求用不同的“咒语”才能生效。在Chrome和Safari中，需要使用“-webkit-”开头的属性；Firefox
  • HTML5+CSS3小实例：文本背景扫光效果 艾恩小灰灰 HTML+CSS+JS小实例css3html5css前端html
    实例：文本背景扫光效果技术栈：HTML+CSS效果：源码：【html】<head
  • css3 卡片亮光_纯css3实现的文字亮光特效 Denis Wang css3卡片亮光
    今天给大家分享一款纯css3实现的文字亮光特效。这款特效文字上一道亮光逐渐扫过文字。效果非常漂亮。一起看下效果：实现的代码。html代码：Shinycss3代码：body{background:#111;}.shiny{color:#F5C21B;background:-webkit-gradient(linear,lefttop,leftbottom,from(#F5C21B),to(#D170
  • CSS3雷达扫描效果
    CSS3雷达扫描效果https://www.bootstrapmb.com/item/14840要创建一个CSS3的雷达扫描效果，我们可以使用CSS的动画（@keyframes）和transform属性。以下是一个简单的示例，展示了如何创建一个类似雷达扫描的动画效果：HTML:html雷达扫描效果CSS(styles.css):cssbody{display:flex;justify-conten
  • CSS3 图片扫光/辉光 福州司马懿 #CSS3动画扫光辉光
    扫光的原理主要是在图片上增加一层，用作扫光，然后添加背景颜色并倾斜一定的角度。动画是左右移动，因此就形成了扫光效果。流光/扫光效果:root{--stream-effect-width:25em;--stream-effect-height:10em;--stream-mask-width:25%;--stream-mask-skew-deg:45deg;--stream-mask-skew-y:
  • 基础篇12—CSS3中displex:flex弹性盒布局详解 言程序plus CSS从入门到精通css3css前端
    前言：长久以来，CSS布局中唯一可靠且跨浏览器兼容的创建工具只有float和position。这两个工具大部分情况下都很好使，但是在某些方面它们具有一定的局限性，让人难以完成任务。以下简单的布局需求是难以或不可能用这样的工具（float和position）方便且灵活的实现的：
  • 探索现代 Web 开发：从 HTML5 到 Vue.js 的全栈之旅 Thanks_ks IT洞察集Web开发HTML5CSS3JavaScriptVue.js前端开发全栈实战
    在当今快速发展的互联网时代，Web开发已经成为构建数字世界的重要基石。无论是企业级应用、社交媒体平台，还是个人博客和电商平台，Web技术都在背后默默支撑着这些系统的运行。随着前端技术的不断演进，开发者们已经不再局限于传统的静态页面开发，而是转向更加动态、交互性强的应用程序开发。本文将带您踏上一段从基础到实战的旅程，深入探讨现代Web开发的核心技术，包括HTML5、CSS3、JavaScript以及
  • css flex shrink,CSS3 flex-shrink属性用法详解 泳培帮Go游泳 cssflexshrink
    下面本文章来给各位介绍一下CSS3flex-shrink使用方法，希望例子能帮助到各位。flex-grow控制flexcontainer有多余空间的时候怎么分配，默认值为0，即所有的flexitems都不分配。flex-shrink1则控制flexcontainer空间不足以包含flexitems时，flexitems怎样缩小所占空间，来防止溢出container。其默认值为1，flexitems
  • 一文搞懂什么是 PostCSS
    一文搞懂什么是PostCSS在Web应用开发中，CSS代码的编写是重要的一部分。CSS规范从最初的CSS1到现在的CSS3，再到CSS规范的下一步版本，规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的提高。不过与其他Web领域的规范相似的处境是，CSS规范在浏览器兼容性方面一直存在各种各样的问题。不同浏览器在CSS规范的实现方面的进度也存在很大差异。另外，CSS规范本身的发展速度与社区
  • 【CSS性能优化技巧】 AmyGeng123 css性能优化前端
    CSS性能优化技巧加载时性能优化项1.使用标签代替@import2.压缩CSS3.css单一样式4.建立公共样式类5.合并css文件减少http请求6.使用0而不是0px6.避免使用!Important7.使用CSS代替图片实现一些特效8.SVG代替图片9.避免使用通配*规则10.不要去用标签限定ID或者类选择符11.减少css嵌套，加速css解析12.充分利用css继承属性，减少代码量13.使用
  • 【css3】画‘百分比圆’
    ellipsis.circle{width:120px;height:120px;position:relative;margin:19pxauto10pxauto;border-radius:50%;background:#19ce6a;}.pie_left,.pie_right{width:120px;height:120px;position:absolute;top:0;left:0;}.
  • CSS3 @Media 媒体查询 fullstack_lth CSScsshtml5
    CSS3媒体类型值描述all用于所有媒体类型设备。print用于打印机。screen用于计算机屏幕、平板电脑、智能手机等等。speech用于大声“读出”页面的屏幕阅读器。CSS@media规则@media规则在媒体查询中用于为不同的媒体类型/设备应用不同的样式。媒体查询可用于检查许多事情，诸如：视口的宽度和高度设备的宽度和高度方向（手机或平板电脑处于横屏还是竖屏模式？）分辨率使用媒体查询是一种流行
  • 深入理解 React 样式方案 aiguangyuan React前端开发React
    React的样式方案较多，在应用开发初期，开发者需要根据项目业务具体情况选择对应样式方案。React样式方案主要有：1.内联样式2.modulecss3.cssinjs4.tailwindcss这些方案中，均有各自的优势和缺点。1.方案优劣势1.内联样式:简单直观，适合动态样式和小型项目，但复用性差，功能有限；2.CSSModules:提供局部作用域，支持所有CSS功能，适合中大型项目，但配置复杂
  • 第四章、初识CSS3 （0基础，学HTML) 新晋肖码农 csscss3前端html5媒体笔记
    第四章、初识CSS3目录第四章、初识CSS31.学习目标2.CSS的概念3.CSS的优势4.CSS的基本语法4.1语法结构4.2style标签5.CSS样式5.1行内样式5.2内部样式表5.3外部样式表5.3.1链接外部样式表5.3.2导入外部样式表6.CSS基本选择器6.1标签选择器6.2类选择器6.3ID选择器7.CSS的高级选择器7.1层次选择器7.2后代选择器7.3子选择器7.4相邻兄弟选
  • 构建仿淘宝电商网站HTML代码实战教程
    本文还有配套的精品资源，点击获取简介：本项目重点介绍如何使用HTML5构建电子商务平台的网页设计和前端开发，涵盖响应式布局、新特性应用、页面元素设计、CSS3样式设计、JavaScript交互、响应式设计、Web性能优化、无障碍性、SEO优化和数据交互等方面。通过研究提供的仿淘宝网站HTML代码实例，学习如何将这些技术应用于实际项目中，提高前端开发技能。1.网页布局实践1.1网页布局的重要性网页布
  • html和css画梯形背景,CSS-实战-梯形背景导航 日化渠道解决方案 html和css画梯形背景
    1、实现效果梯形背景图导航，如下图。由于导航条文字多少不固定，因此面临的挑战是，当文字内容增加时，中间的背景宽度自动拉伸。CSS3的出现实现这样的效果相对变的容易，本文使用背景图定位的知识，加上CSS其他知识。介绍CSS2实现这样效果的一种思路。梯形背景导航2、总体实现思路(1)准备背景图注意图片，一定是透明背景格式的，可以另存为下图。透明背景图(2)创建A标签嵌套B标签的导航菜单测试(3)设置A
  • css3实现三角形、等腰梯形 hst❀ CSS
    三角形.box{width:0px;height:0px;border-top:50pxsolidrgba(0,0,0,0);border-right:50pxsolidrgba(0,0,0,0);border-bottom:50pxsolidgreen;border-left:50pxsolidrgba(0,0,0,0);}等腰梯形.box,.box3{display:inline-block;
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他