ini
ini

移动端页面侧边导航滑入效果

效果体验：http://hovertree.com/texiao/mobile/2.htm

可以使用移动设备浏览器查看效果。
效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。

HTML文件代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<title>移动端页面侧边导航滑入效果 - HoverTree</title><base target="_blank" />
<script src="http://hovertree.com/ziyuan/jquery/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="http://hovertree.com/texiao/mobile/2/hvtmoblilecss2.css">
<style>a{color:white}</style>
</head>
<body>

<div class="wrapperhovertree">
<div class="container">
<header>
<h1><a href="javascript:;" class="slide-menu" target="_self"><img src="http://hovertree.com/texiao/mobile/2/menu.png" alt=""></a>HoverTree Menu</h1>
</header>
<div class="imgbox">
<div>请点击左上角图标，菜单将从左侧滑出。<a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/hvtart/bjae/i1qo2kg6.htm">原文</a> <a href="http://hovertree.com/texiao/">特效库</a></div>
<img src="http://hovertree.com/texiao/mobile/2/img1.jpg" alt="">
<img src="http://hovertree.com/texiao/mobile/2/img2.jpg" alt="">
<img src="http://hovertree.com/texiao/mobile/2/img3.jpg" alt="">
<img src="http://hovertree.com/texiao/mobile/2/img4.jpg" alt="">
<img src="http://hovertree.com/texiao/mobile/2/img5.jpg" alt="">
<img src="http://hovertree.com/texiao/mobile/2/img6.jpg" alt="">
<img src="http://hovertree.com/texiao/mobile/2/img7.jpg" alt="">
<img src="http://hovertree.com/texiao/mobile/2/img8.jpg" alt="">
<img src="http://hovertree.com/texiao/mobile/2/img9.jpg" alt="">
</div>
</div>
</div>

<!-- 侧边导航 -->
<div class="slide-mask"></div>
<aside class="slide-wrapper">
<div>
<div>
<strong>HoverTree</strong>
</div>
<ul>
<li><a href="http://hovertree.com/menu/jquery/">jQuery</a></li>
<li><a href="http://hovertree.com/menu/javascript/">JavaScript</a></li>
<li><a href="http://hovertree.com/menu/html5">HTML5</a></li>
<li><a href="http://hovertree.com/menu/css">CSS</a></li>
<li><a href="http://hovertree.com/menu/mobile/">移动Web</a></li>
<li><a href="http://hovertree.com/menu/texiao/">网页特效</a></li>
<li><a href="http://tool.keleyi.com/">工具</a></li>
<li><a href="http://keleyi.com/">柯乐义</a></li>
<li><a href="http://hovertree.com/guestbook/">留言</a></li>
</ul>
</div>
</aside>
<footer>
hovertree.com 2014-2015
</footer>
<script>
$(function(){
$('aside.slide-wrapper').on('touchstart', 'li', function(e){
$(this).addClass('current').siblings('li').removeClass('current');
});

$('a.slide-menu').on('click', function(e){
var wh = $('div.wrapperhove'+'rtree').height();
$('div.slide-mask').css('height', wh).show();
$('aside.slide-wrapper').css('height', wh).addClass('moved');
});

$('div.slide-mask').on('click', function(){
$('div.slide-mask').hide();
$('aside.slide-wrapper').removeClass('moved');
});
});
</script>
</body>
</html>

特效汇总： http://ini.iteye.com/blog/2165698

你可能感兴趣的:(jquery,Web,html5,css,javascirpt)

  • 小程序领域H5的CSS布局优化 小程序开发2020 CS小程序css前端ai
    小程序领域H5的CSS布局优化：从“乱屏”到“丝滑”的实战指南关键词：小程序布局优化、CSSFlex、CSSGrid、rpx适配、重排重绘优化摘要：本文从开发者最头疼的“小程序页面布局错乱”问题出发，结合小程序特有的运行环境（如rpx单位、组件限制），用“装修房子”的生活化比喻拆解CSS布局核心概念，系统讲解Flex/Grid布局的实战技巧、多端适配策略及性能优化方法。通过真实代码案例（含wxml
  • css同心圆扩散 weixin_43966308 css布局
    同心圆扩散要点：定位：每个圆形定位要相同，因为为了达到同心圆扩散的效果有一个定宽定高的圆形，剩下的圆形通过缩放和透明的改变而改变，因此必须保证定位的位置相同为了达到垂直居中的效果，可以通过transfrom(-50%,-50%),但是因为需要通过transfrom的缩放来达到扩散的效果，因此会发现之前水平垂直的效果没有达到，因为被动画中的trasnfrom缩放的语句覆盖了可以通过margin负值宽
  • css3 圆形水波纹特效 程序媛之博客 css3前端css
    需求描述：需要制作一个动画，特效从圆心开始往外扩散，然后又往回收。效果图：实现代码：.circle{width:100rpx;height:100rpx;background-color:#FF4C4C;border-radius:50%;/*圆形*/box-shadow:inset00010rpxrgba(255,255,255,0.5),/*内阴影，初始半透明圆*/inset00020rpxr
  • css优化之提高代码拓展性 小小不吃香菜 css前端css3代码规范
    css优化系列文章css优化系列：通过“使用CSS变量”和“整合重复样式”来优化代码的可维护性。文章目录css优化系列文章使用css变量整合重复样式总结使用css变量将重复使用的颜色、间距值等等定义为变量，提高代码的可维护性。对于使用函数获取值的情况，也可以降低重复计算的次数。例如：/**跟节点里设置变量**/.chat-window{--cw-z-index:1000;--cw-bg-gradi
  • CSS实标题现同心圆的缩放 做一个暴躁的开发 css3html
    CSS实标题现同心圆的缩放最近学习了css动画效果，记录一下同心圆的缩放问题问题描述我先设置了两个div，外圈是class=“one”，内圈是class=“two”,代码如下：分别设置他们的div，给他们边框，并且设置成圆形.one{width:500px;height:500px;border:20pxsolidlightcoral;border-radius:50%;overflow:hidd
  • java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw 兮兮科技 javamybatis开发语言
    java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • uniapp内嵌的webview H5与应用通信 printf_824 uniapp分享uni-app
    H5端：1、找到index.html引入依赖2、在需要通讯处发送消息uni.postMessage({data:{code:200,msg:"处理完成"}})uniapp端：使用@message="handlerMessage"回调的event里有所需信息functionhandlerMessage(event){console.log("接收到信息");let{code,msg}=event.d
  • 使用html+css+jquery实现3D轮播图 mini_055 jqueryhtmlcss
    还是先来看看效果图：通过效果图我们先理一下思路：首先就是需要几张图片，但只有一张是显示在我们眼前的第二步：把一张图片分成几等份，这样点击转换的时候就会分开转第三步：就是实现点击按钮切换下一张。HTML部分HTML部分首先我们需要一个盒子显示图片，然后在盒子里装入图片，你想装几张图片就可以写几个li,除了图片我们还需要一个按钮来点击。一个li的图片效果如图所示：div是当你点击下一张的时候一个div
  • 微软全新开源的Agentic Web网络项目：NLWeb详解 kevin luan AI工作流编程microsoft前端网络
    引言在2025年5月的MicrosoftBuild开发者大会上，微软推出了一个全新的开源项目——NLWeb（NaturalLanguageWeb，自然语言网络），被誉为“AgenticWeb（代理网络）”的基石，目标是将传统网页转变为支持自然语言交互的智能AI应用。微软将其比作Web时代的HTML，旨在通过简单的方式为网站添加对话式AI接口，让用户和AI代理能够以自然语言直接查询和交互网站内容。本
  • css实现圆环效果 春风欲雨 csscss圆环
    圆环效果图.div{width:100px;height:100px;background-color:#fbc2eb;border-radius:50%;}.div:after{content:"";display:block;width:50px;height:50px;border-radius:50%;background-color:#fff;position:relative;top:
  • web iframe 实现pdf word Excel 预览 青柠97 JavaScript
  • 数据库设计和功能需求分析------后台设计概述 qq_41490913 java数据库
    功能需求分析和数据库设计不论是Web开发还是Android开发，在设计后台的时候我们都要做的重要的事情不外乎两点：1.需求分析；2.数据库表格的设计。在进行这两项工作的过程中，第一项工作对第二项起着非常重要的作用，我们只有真正的搞清楚了业务需求以及业务逻辑，找到了功能模块之间在后台数据库关联的抽象模型，这样才能确定数据库应该有几张表，每张表有哪些字段，表与表之间该如何联系。需求分析与功能模块设计一
  • 什么是 Session？如何应用？ 魔道不误砍柴功 计算机网络基础Java使用与案例分享SessionCookiehttphttps
    文章目录一、什么是Session？举个例子：二、Session的工作原理Session和Cookie的关系三、Session的应用场景1.用户登录状态管理示例代码（Java）：2.购物车功能示例代码（Java）：3.防止表单重复提交示例代码（Java）：四、Session的过期与销毁1.Session过期时间2.手动销毁Session五、Session的安全性六、总结推荐阅读文章在Web开发中，S
  • ActixWeb框架实战案例精萃 KENYCHEN奉孝 Rust前端rust后端开发语言
    使用ActixWeb框架编写的简易案例以下是一些使用ActixWeb框架编写的简易案例示例，涵盖常见功能，每个案例均以独立代码块展示：基础路由与响应useactix_web::{get,App,HttpServer,Responder};#[get("/")]asyncfnhello()->implResponder{"Hello,ActixWeb!"}#[actix_web::main]asyn
  • 一套源码搞定教育平台搭建？Web端网校系统开发详解 万岳科技程序员小金 教育平台开发APP开发软件开发在线教育系统源码教育APP开发网校平台搭建PHPuniapp
    曾经线下授课、纸质教材为主的传统教育模式，逐步被智能化、在线化、个性化的“云课堂”所替代。而Web端网校系统，正成为搭建在线教育平台的核心载体。许多教育机构、企业培训部甚至个体讲师都在思考一个问题：是否可以通过一套完整的网校系统源码，就快速搭建出属于自己的在线教育平台？答案是肯定的，但背后涉及的技术、架构与运营逻辑，却远非“买个源码一部署”这么简单。今天，就以笔者在Web端网校系统开发中的实践经验
  • 【JavaWeb】Servlet继承结构 洛上言 #JavaWEBservlethivehadoop
    Servlet接口下有一个GenericServlet抽象类。在GenericServlet抽象类下有一个子类HttpServlet，它是基于http协议。javax.servlet.Servlet接口​javax.GenericServlet抽象类​javax.servlet.http.HttpServlet文章目录一、Servlet接口1）介绍2）接口及方法说明二、GenericServlet
  • ServletConfig && ServletContext Code溪 java前端服务器
    一.ServletConfig1.Servlet1代码@WebServlet(urlPatterns="servlet1",initParams={@WebInitParam(name="keya",value="valueA")})publicclassServlet1extendsHttpServlet{@Overrideprotectedvoidservice(HttpServletRequ
  • Go Web开发框架实践：模板渲染与静态资源服务 程序员爱钓鱼 golang开发语言后端网络
    Gin不仅适合构建API服务，也支持HTML模板渲染和静态资源托管，使其可以胜任中小型网站开发任务。一、模板渲染基础1.加载模板文件使用LoadHTMLGlob或LoadHTMLFiles方法加载模板：r := gin.Default()r.LoadHTMLGlob("templates/*") // 支持通配符或：r.LoadHTMLFiles("templates/index.tmpl", "
  • 前端开发者必看：Node.js实战技巧大揭秘 大厂前端小白菜 前端开发实战node.jsvim编辑器ai
    前端开发者必看：Node.js实战技巧大揭秘关键词：前端开发者、Node.js、实战技巧、模块化开发、性能优化、Express框架、Webpack摘要：本文专为前端开发者打造，旨在深入揭秘Node.js的实战技巧。首先介绍了Node.js的背景和对前端开发的重要性，接着详细阐述了Node.js的核心概念与联系、核心算法原理及具体操作步骤，通过数学模型和公式进一步加深理解。然后结合实际案例，从开发环
  • Chromium 136 编译指南 Ubuntu篇：环境搭建与源码获取（一） 守城小轩 浏览器开发指纹浏览器浏览器开发chromechromedevtools超级浏览器
    1.引言随着Web技术的飞速发展和应用场景的不断拓展，浏览器引擎的重要性日益凸显。Chromium作为现代浏览器生态系统的核心引擎，不仅驱动着全球超过70%的网络流量，更是众多知名浏览器如GoogleChrome、MicrosoftEdge、Opera以及新兴的Brave等产品的技术基石。其卓越的渲染性能、先进的安全机制和高度模块化的架构设计，使得越来越多的开发者希望基于Chromium进行深度定
  • Spring启动流程简要分析 synsdeng springspringjavaweb框架
    本文基于SpringBoot1.4.x所写，最新源代码可到https://github.com/spring-projects/spring-boot上去下载。SpringBoot伴随Spring4.x发布，可以说是JavaWeb开发近几年来最有影响力的项目之一，极大的提高了开发效率。据我说知，很多公司新起的项目当中都用起了SpringBoot框架。SpringBoot项目启动非常简单，调用Spr
  • 【代码审计】通过类型转换绕过校验，实现任意账户密码重置 秋说 网络安全代码审计
    未经许可，不得转载。文章目录背景漏洞描述风险分析1.code字段默认值为02.empty(0)判断失效3.利用MySQL类型转换绕过empty限制复现验证修复建议背景在Web系统开发中，密码找回功能往往涉及用户邮箱与随机验证码的匹配校验。如果验证逻辑存在疏漏，可能会引发严重的安全问题，如任意账户密码重置等高危漏洞。本文将分析一个典型的逻辑漏洞案例，并结合MySQL的类型转换行为深入探讨其产生原因。
  • Whistle 超详细技术博客：原理、配置、用法与进阶技巧全解 北漂老男人 抓包工具运维
    Whistle超详细技术博客：原理、配置、用法与进阶技巧全解目录Whistle简介与应用场景Whistle安装与启动Whistle原理与架构Whistle规则语法详解常用配置与实战场景Whistle进阶用法与技巧常见问题与排查实用插件推荐总结与参考资料1.Whistle简介与应用场景Whistle是一款基于Node.js的跨平台Web调试代理工具，功能类似于Charles、Fiddler，但更轻量
  • ios15及以上webview、Safari使用Websocket断连，1006无清晰错误码
    文章目录问题表现：定位疑似原因：解决方式：定位问题思路过程记录：1、对比前端代码运行环境问题2、写纯请求前端代码连接，确认是否接口部署服务问题；3、IOS连接是否有对TSL安全协议版本有要求（使用的wss协议）4、验证iOS网络是否稳定&查阅信息是否iOS会出现频繁断连又迅速重连情况5、自己搞个nodedemo验证纯连接问题：6、IOS自身多运行环境对比：QQ频道应用、QQ聊天框、safari、c
  • 责任链模式：优雅甩锅的艺术[特殊字符]，请求处理的接力赛！
    责任链模式：优雅甩锅的艺术，请求处理的接力赛！文章目录责任链模式：优雅甩锅的艺术，请求处理的接力赛！前言：为什么需要责任链？一、责任链模式：请求处理的接力赛‍♂️1.1什么是责任链模式？1.2为什么需要责任链模式？二、责任链模式的结构：链条传递的艺术⛓️三、责任链模式实战：日志记录系统3.1日志级别过滤器3.2请求拦截器：Web应用中的责任链四、责任链模式在Java标准库中的应用4.1JavaSe
  • Python+Playwright(0) 黑米粥✎ python开发语言自动化
    简介Playwright是一个强大的自动化库，由微软开发，主要用于web端UI自动化测试，支持python、java、JavaScript、C#等多种编程语言。Playwright仅用一个API即可自动执行Chromium、Firefox、WebKit等主流浏览器自动化操作，不仅支持无头模式和有头模式，还提供了代码录制的功能，极大提高了脚本编写的效率，并支持移动端自动化测试。Playwright相
  • Spring Boot中Controller返回值处理方案 喜欢敲代码的程序员 SpringBootspringboot后端
    目录一、前言二、四种常见的处理方案1.返回ResponseEntity对象2.使用@ResponseBody注解3.返回视图和模型（传统Web应用）4.使用统一响应格式封装（推荐）三、结语一、前言在SpringBoot开发中，Controller层返回值的处理方式直接影响API的响应结构和客户端交互效率。针对不同业务场景，合理选择返回值方案能够提升代码可维护性、统一响应格式或优化性能。本文将介绍S
  • 彻底弄懂MySQL的优化 小胖子——鑫 mysql数据库
    一、背景在我们的工作中，我们与数据库打交道的频率非常大，尤其是业务系统，MySQL数据库的应用时刻相关，所以如果更好的利用好我们的MySQL数据库，它直接影响系统的响应速度、可扩展性和整体性能。在企业级Web开发中，MySQL优化是至关重要的。下面从不同角度，列出详细的MySQL优化技巧，涵盖查询优化、索引设计、表结构设计、配置调整等方面，以及穿插一些案例分享二、查询SQL语句方面的优化1.合理使
  • 谷歌离线应用之渐进式 Web 应用 Progressive Web APP（PWA） 伍哥的传说 前端源码分享前端webapp
    一、渐进式Web应用（PWA）的定义‌渐进式Web应用（ProgressiveWebApp，PWA）是一种结合传统Web技术与现代移动应用特性的技术方案，旨在通过HTML、CSS和JavaScript构建具备‌原生应用体验‌的Web应用。其核心特性包括：‌可安装性‌：用户可将PWA添加到设备主屏幕，像原生应用一样独立运行；‌渐进增强‌：根据设备和网络环境逐步提升功能，确保基础功能在所有浏览器中可用
  • MySQL与python联合练习（设计学生管理系统） 从以前 数据库pythonmysqlpython数据库
    以下是使用Python结合Flask（用于构建Web应用）和SQLAlchemy（用于数据库操作）来简单实现上述学生管理系统部分核心功能的示例代码。注意，这只是一个基础示例，实际应用中可能需要更多的完善、错误处理以及拓展功能，并且需要提前安装好flask和sqlalchemy库（可通过pipinstallflasksqlalchemy命令安装）。1.项目结构搭建创建如下基本的项目文件夹结构：stu
  • 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数组当作队列
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他