laike1355
laike1355

animate.css 实现移动端垂直滑动效果

html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/animate.css"/>
        <script src="js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/swiper.animate1.0.2.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css"> * { margin: 0; padding: 0; } body{ font-size:16px; } .swiper-wrapper { -webkit-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; perspective: 1200px; } .swiper-slide { position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; background-size:100% auto; overflow:hidden; text-align:center; line-height:300px; } .swiper-slide img{ width:100%; height: 100%; } .tc{ text-align: center; } .mc{ margin: 0 auto; } .tl{ text-align: left; } .tr{ text-align: right; } .rel{position: relative;} .abs{position: absolute;} .l{float: left;} .r{float: right;} .abs-c{position: absolute;width:100%;left: 50%;margin-left: -50%;} .col-white{color: #fff;} .col-blue{color:blue;} .col-purple{color:purple;} .col-orange{color:orange;} .ft16{font-size: 2em;} .ft18{font-size: 3em;} .ft20{font-size: 4em;} .ft22{font-size: 5em;} .lineheight25{line-height: 2em;} </style>
    </head>
    <body>
    <div style="width:100%;margin:0 auto;">
    <div class="swiper-container">
      <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="img/zhiling1.jpg" >
            <h1 class="ani abs-c col-white ft22 " swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" style="top:0" >关于我们</h1>
            <p class=" ani abs-c col-white ft18 lineheight25" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" style="top:300px;">
                赖家大院是集休闲娱乐、养老住宿、餐饮的一个休闲农庄，农庄内设有自动棋牌室、餐厅、可钓鱼、春天看桃花、夏季摘桃子。距离黄龙溪几分钟车程就能感受这座古老而有富有现代化气息的乡镇。 同时到本农庄也是非常方便，空气清新，景色宜人，这样好的空气和环境人都要多活好几年。受够了城市空气的你是不是也想来体验下，住了一次你就会爱上乡下的空气和氛围。同时本农庄的建筑 类似别野，每层单独设阳台可以喝茶聊天，早晨看日出，傍晚看日出，想想就有多惬意。如果你也想体验赶紧联系我们。
            </p>
      </div>
        <div class="swiper-slide"><img src="img/zhiling2.jpg" ></div>
        <div class="swiper-slide"><img src="img/zhiling3.jpg" ></div>
      </div>
    </div>
    </div>


     <script src="js/ziling.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

js


function fixPagesHeight() {
    $('.swiper-slide,.swiper-container').css({
        height: $(window).height(),
    })
}
$(window).on('resize', function() {
    fixPagesHeight();
})
fixPagesHeight();

var mySwiper = new Swiper('.swiper-container', {

    direction: 'vertical',
    lazyLoading : true,
    mousewheelControl: false,
    watchSlidesProgress: true,
    onInit: function(swiper) {
        swiper.myactive = 0;
        swiperAnimateCache(swiper); //隐藏动画元素 
        swiperAnimate(swiper); //初始化完成开始动画
    },
    onSlideChangeEnd: function(swiper){ 
        swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
    },
    onProgress: function(swiper) {
        for (var i = 0; i < swiper.slides.length; i++) {
            var slide = swiper.slides[i];
            var progress = slide.progress;
            var translate, boxShadow;

            translate = progress * swiper.height * 0.8;
            scale = 1 - Math.min(Math.abs(progress * 0.2), 1);
            boxShadowOpacity = 0;

            slide.style.boxShadow = '0px 0px 10px rgba(0,0,0,' + boxShadowOpacity + ')';

            if (i == swiper.myactive) {
                es = slide.style;
                es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = 'translate3d(0,' + (translate) + 'px,0) scale(' + scale + ')';
                es.zIndex=0;


            }else{
                es = slide.style;
                es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform ='';
                es.zIndex=1;

            }

        }

    },


    onTransitionEnd: function(swiper, speed) {
        for (var i = 0; i < swiper.slides.length; i++) {
        // es = swiper.slides[i].style;
        // es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = '';

        // swiper.slides[i].style.zIndex = Math.abs(swiper.slides[i].progress);


        }

        swiper.myactive = swiper.activeIndex;

    },
    onSetTransition: function(swiper, speed) {

        for (var i = 0; i < swiper.slides.length; i++) {
            //if (i == swiper.myactive) {

                es = swiper.slides[i].style;
                es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = speed + 'ms';
            //}
        }

    }

});

你可能感兴趣的:(animate.css 实现移动端垂直滑动效果)

  • 【react】进阶教程02 咔咔库奇 reactreact.js前端前端框架
    目录一、深度性能优化1.列表渲染优化（虚拟列表）2.使用WebWorkers处理CPU密集型任务二、复杂状态管理场景1.全局状态分层（Context+useReducer）2.异步状态管理中间件（ReduxThunk）三、高级组件模式扩展1.控制反转（InversionofControl）2.Headless组件模式四、服务端渲染与静态生成（Next.js集成）1.基础SSR实现2.静态生成（SS
  • 详细理解React的Fiber结构 芋圆不想 圆 react.js前端前端框架
    一、为什么会出现Fiber旧版React通过递归的方式进行渲染，使用的是JS引擎自身的函数调用栈，它会一直执行到栈空为止。而Fiber实现了自己的组件调用栈，它以链表的形式遍历组件树，可以灵活的暂停、继续和丢弃执行的任务。实现方式是使用了浏览器requestIdleCallback这一API因为需要给用户制造一种应用加载很快的假象，所以不能让一个程序一直霸占着资源，需要通过调度策略来合理分配资源，
  • 【C++】Linux系统编程入门 饮酒吃肉飞奔 Linux/C/C++c++linux开发语言c语言vscodeubuntu
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一常用的Linux系统命令符二GCC三静态库四动态库（共享库）动态库五动态库和静态库的区别六Makefile变量模式匹配Makefile的函数七GDB调试设置断点调试命令八文件IO九虚拟地址空间文件描述符opencreatecopylseekstatls-l的实现文件属性操作函数目录操作函数目录遍历函数dupdup2函数f
  • 高频Tick数据：五档期货Level2深度解析20241224 level2Tick 期货level2历史数据获取金融数据库
    高频Tick数据：五档期货Level2深度解析20241224高频Tick五档期货Level2数据，作为一种先进的金融市场分析工具，以其一秒四次的高频更新，为投资者揭示了市场的微观结构。本文将深入探讨这一数据如何帮助投资者洞察市场动态，优化交易策略，实现投资收益的最大化。商品和金融期货level2高频数据（一秒四次）下载链接:https://pan.baidu.com/s/144ewl4T0dQv
  • MFLUX: 在Mac上本地运行强大的FLUX模型 2401_87458718 macos
    MFLUX简介MFLUX(MacFLUX)是一个基于AppleMLX框架的FLUX模型实现,旨在让用户能够在Mac电脑上本地运行强大的FLUX图像生成模型。FLUX模型由BlackForestLabs开发,是一种先进的文本到图像生成模型。MFLUX的核心理念是保持代码简洁明了,同时优先考虑可读性而非通用性和性能。它是HuggingFaceDiffusers库中FLUX实现的逐行移植版本,使用App
  • 数据结构-顺序表-代码实现（c语言版） 小刘不想改BUG 数据结构基础数据结构c语言算法
    使用c语言实现对顺序表的增删改查操作：定义顺序表结构体typedefstruct{int*elements;size_tsize;size_tcapacity;}SequentialList;1.初始化顺序表//初始化顺序表voidSequentialListInit(SequentialList*list,intcapactiy){list->elements=(int*)malloc(size
  • Java基础常见的面试题（易错！！） 刘小炮吖i Java后端开发面试题Java面试java职场和发展
    面试题一：为什么Java不支持多继承Java不支持多继承主要是为避免“菱形继承问题”（又称“钻石问题”），即一个子类从多个父类继承到同名方法或属性时，编译器无法确定该调用哪个父类的成员。同时，多继承会使类的层次结构变得复杂，增加代码维护难度。Java通过接口来实现类似多继承的功能，一个类可以实现多个接口，从而获得多个行为的组合。面试题二：==和equals有什么区别==：对于基本数据类型，比较的是
  • 使用ScheduledExecutorService实现异步几分钟后执行且只执行一次 小熊123～ 思路
    使用场景：微信付款接口异步重试使用姿势：//异步3分钟后执行，只执行一次ScheduledExecutorServiceexecutorService=newScheduledThreadPoolExecutor(1,newBasicThreadFactory.Builder().namingPattern("example-schedule-pool-%d").daemon(true).buil
  • el-date-picker组件自定义可选择的时间范围 海绵宝龙 前端问题vue.jselementuijavascript前端
    在使用el-date-picker组件时，如果您想要限制用户只能选择今天和前72小时作为时间范围，可以通过设置disabledDate属性来实现。这个属性接受一个函数，该函数接收一个日期对象，并返回一个布尔值，指示该日期是否应该被禁用。下面是一个示例代码，展示了如何使用el-date-picker组件来选择只能是今天和前72小时的日期范围：exportdefault{data(){return{v
  • 学习计划：第四阶段（第八周） 狐凄 学习学习
    目录第四阶段：特殊方法与高级特性第8周：学习特殊方法周一周二周三周四周五总结一、学习内容回顾理论学习代码实践二、问题与解决问题解决方法三、学习成果四、下周计划第四阶段：特殊方法与高级特性第8周：学习特殊方法周一上午理论学习：阅读Python官方文档中关于特殊方法的章节，初步了解特殊方法的概念和作用。特殊方法也称为魔术方法，它们以双下划线开头和结尾，用于实现Python内置操作和语法糖。重点关注特殊
  • elment ui 时间组件（el-date-picker）限制只能选择当前时间之后的时间(包括时分秒的限制) IT博客技术分享 elmentuijavascript
    方法一、只能限制日期和小时的方法实现的方式：option实现插件只能选取当前时间之后的时候(包括年月日)handle实现插件能选取当前时间的时、分、秒，但是选择完毕之后，只要选择的时、分、秒小于当前时间，会自动填充为当前的时、分、秒如图当前是2020-05-1317:00;年月日不能选取小于当前时间的，但是时分能选，但是点了ok之后，如果时间小于当前时间，会自动替换成当前时间html：js:imp
  • std::set、std::map 和 std::unordered_map -Mr_X- 哈希算法散列表算法
    在C++标准库中，std::set、std::map和std::unordered_map是常用的关联容器，但它们在实现方式、性能和应用场景上有显著差异。以下是它们的核心区别：1.数据结构与有序性std::set/std::map基于红黑树（Red-BlackTree）实现，元素（或键值对）严格有序（按升序排列）。std::set：存储唯一键值，仅键可被访问。std::map：存储键值对，键唯一，
  • laravel框架中实现封装公共方法全局调用 陈卿诺语 phplaravellaravel服务器php
    1.创建functions.php在app/Helper/下新建一个文件functions.php,在内部补充如下代码：20000,'msg'=>$msg,'data'=>$data);exit(json_encode($result));}functionerror($msg='',$data=array()){$result=array('code'=>50000,'msg'=>$msg,'d
  • Vulkan：Vulkan物理模拟与碰撞检测技术教程_2024-07-20_15-47-39.Tex chenjj4003 游戏开发microsoft网络服务器linux前端数据结构
    Vulkan：Vulkan物理模拟与碰撞检测技术教程Vulkan基础与环境搭建Vulkan库的简介与特性Vulkan是一个跨平台的2D和3D图形与计算API。它由KhronosGroup开发，旨在提供高性能的图形渲染和计算能力，同时减少CPU的开销，提高GPU的利用率。Vulkan的特性包括：低级API：Vulkan提供了对硬件的直接访问，允许开发者精细控制GPU资源，从而实现更高的性能和效率。多
  • 单片机程序的模块化设计 _祥子@ 单片机嵌入式硬件
    单片机程序的模块化设计是提高代码可维护性、可复用性和可扩展性的关键方法。以下是实现模块化的具体方法，结合技术要点和实际案例说明：1.功能拆分与模块划分原则：按功能或硬件外设划分独立模块（如LED、按键、UART、ADC等）。案例：//模块示例：LED驱动模块//led.h#ifndefLED_H#defineLED_HvoidLED_Init(void);voidLED_Toggle(uint8_
  • 单片机程序的分层设计方法 _祥子@ 单片机嵌入式硬件
    分层设计是单片机程序模块化的核心方法之一，通过将不同职责的代码分离到不同层次，能够显著提升代码的可维护性、可移植性和可扩展性。以下是分层设计的具体方法、实现步骤和实际案例：1.分层设计的核心思想目标：将代码按抽象级别分层，每一层只关注特定职责，上层依赖下层接口，但不依赖具体实现。优势：降低耦合：修改底层硬件时，上层业务逻辑无需改动。提高复用：同一驱动层可适配不同硬件（如STM32和ESP32）。简
  • CF 58A.Chat room(Java实现) Dr_Si java算法开发语言
    问题分析输入一个字符串，判断这个字符串是否能按序组成“hello”。思路分析题目说的意思是任意删除字母，能否组成"hello",实际就是判断'h'、'e'、'l'、'o'的下标是否一个比一个大，同时看'e'和'o'之间是否有两个'l'。这里我使用了indexof函数，判断'h'的首次出现位置，确认有‘h’时就使用substring函数删掉前面的所有字符，再判断‘e’的位置，同理删除前面的所有字符，
  • 嵌入式开发：傅里叶变换（5）：基于STM32-DSP库实现 魂兮-龙游 嵌入式开发FFT快速傅里叶变换滤波数字信号处理嵌入式开发物联网
    目录1.准备工作2.函数介绍1.arm_rfft_instance_f32结构体2.arm_rfft_fast_init_f32函数3.arm_rfft_fast_f32函数4.FFT的执行过程4.编写FFT实现代码4.1初始化FFT实例4.2配置FFT长度和初始化实例4.3填充输入数据4.4执行FFT4.5处理结果5.主函数6.编译和调试7.总结在STM32上使用CMSIS-DSP库实现快速傅里
  • 如何从0开始写一个操作系统 c后端
    本贴用来记录作者用c语言写一个操作系统，主要参考《操作系统真相还原》一书写的，同时也会对书里的代码和linux进行对比，尽量看一下现代操作系统中是如何实现的。原书的代码https://github.com/yifengyou/os-elephant/tree/master我会挑一些说说传统的操作系统课一般从内存，虚拟化等等方面讲起，因为是自己实现操作系统，肯定不能一上来就写开始写内存管理这种大活，
  • 知识库搭建与文化融合：如何促进组织知识共享
    在快速变化的商业环境中，知识已成为企业最宝贵的资产之一。有效的知识管理不仅能够提升员工的工作效率，还能促进组织内部的创新和协作。知识库搭建作为知识管理的重要组成部分，与文化融合紧密结合，能够极大地促进组织内的知识共享。本文将深入探讨如何通过知识库搭建与文化融合，实现知识的有效共享。一、知识库搭建：奠定知识共享的基础知识库是一个集中存储、组织和分享组织知识的平台。它包含了文档、政策、流程、最佳实践、
  • Flutter 单例模式技巧与最佳实践 flutter
    Flutter单例模式技巧与最佳实践视频https://youtu.be/9kRw-4Rg8tchttps://www.bilibili.com/video/BV1EsxLeAEWx/前言原文Flutter单例模式技巧与最佳实践在Flutter开发中，单例模式是一种重要的设计模式，能够有效管理共享资源和全局状态。通过实现单例模式，开发者可以确保只有一个实例存在，从而优化应用性能和代码结构。本文探讨
  • 【Qt】24 布局管理器（三） QFormLayout c++
    一、问题解决方案：(1)绝对定位组件的坐标和大小(2)嵌套QBoxLayout(3)创建3*2的QGridLayout二、布局管理器QformLayout布局管理器以表单（Form）的方式管理界面组件表单布局中的标签和组件是相互对应的关系QFormLayout的用法概要表单布局支持嵌套，其他布局管理器可以作为子布局被其管理。三、编程实验24-2.proQformLayout的实现实例#includ
  • 【Qt】25 布局管理器（四）QStackedLayout 计时器 c++
    一、最特别的布局管理器栈式布局管理器（QStackedLayout）所有组件在垂直于屏幕的方向上被管理每次只有一个组件会显示在屏幕上只有最顶层的组件会被最终显示栈式布局管理器的特点组件大小一致且充满组件的显示区不能直接嵌套其他布局管理器能够自由切换需要显示的组件每次能且进行显示一个组件QStackedLayout的用法概要intaddWidge(QWidget*widget)//加入需要管理的组件
  • STM32实战开发（126）：智能液位检测 - 使用STM32实现液位检测 嵌入式开发项目 stm32嵌入式硬件单片机javascript音视频
    1.引言液位检测技术广泛应用于工业自动化、环境监测、水处理、智能家居等领域。在这些应用中，实时准确地检测液体的液位变化至关重要。液位检测不仅关系到生产过程中的自动化控制，还能保证设备和人员的安全，避免因液位异常导致的设备损坏或事故。STM32作为一种高性能、低功耗的微控制器，因其强大的处理能力和丰富的外设接口，成为液位检测系统开发中的首选平台。本博客将详细介绍如何使用STM32实现智能液位检测系统
  • 【Rust中级教程】2.9. API设计原则之显然性(obvious) ：文档与类型系统、语义化类型、使用“零大小”类型 SomeB1oody Rust中级教程rust开发语言后端
    喜欢的话别忘了点赞、收藏加关注哦（加关注即可阅读全文），对接下来的教程有兴趣的可以关注专栏。谢谢喵！(=･ω･=)2.9.1.文档与类型系统用户可能不会完全理解API的所有规则和限制。所以你写的API应该让你的用户易于理解，并且难以用错。通过Rust的文档与类型系统，我们可以尽量实现这个需求。2.9.2.文档让API透明化的第一步就是写出好的文档。写出好的文档有这么几点要求：1.清楚的记录清楚的记
  • XSS 与 CSRF 攻击你了解多少呢 银之夏雪丶 安全网络web安全前端javascriptreact.js
    网络安全至关重要，它保护着我们的个人信息和网站的正常运行。XSS和CSRF是两种常见且危险的网络威胁，它常常困扰着我们，而你又了解多少呢？一、XSS攻击深度剖析（一）概念溯源与攻击本质XSS，即跨站脚本攻击，其核心在于攻击者利用网站对用户输入数据处理的漏洞，将恶意脚本注入网页。当其他用户访问该网页时，浏览器会误将这些恶意脚本当作正常网页内容执行，从而沦为攻击者的“傀儡”，实现用户敏感信息窃取、会话
  • Flutter 中使用 Mixin 优化逻辑与功能 flutter
    Flutter中使用Mixin优化逻辑与功能视频https://youtu.be/xyHd7gUbBo4https://www.bilibili.com/video/BV1qDrBYmELq/前言原文FlutterMixins的规范设计与应用实例本文详细介绍了Flutter中的mixin概念，包括其特点、使用场景以及如何有效地在多个类之间共享代码。了解如何利用mixin实现功能模块化，避免代码重复
  • python阈值计算_基于Python的阈值分割算法实现(二) weixin_39872222 python阈值计算
    引言前文我们讨论了关于实现OTSU算法的问题，该算法主要是针对于特征值阈值的确定，这个值可以用于论文讨论和说明。但实际情况中，我们需要对图像进行各种滤波，预处理，那么此时我们可能需要一种带坐标和投影的分割结果，本文就将带大家实现对图像进行阈值分割后进行结果的输出。本文代码共包含了四种不同的分割算法，分别是三角阈值分割法、Riddler-Calvard分割法、自适应局部均值分割法、自适应局部高斯分割
  • Anaconda 2025 最新版安装与Python环境配置指南（附官方下载链接） waicsdn_haha 程序员教程pythonlinuxjupyterfpga开发javawindows
    一、软件定位与核心功能Anaconda2025是Python/R数据科学集成开发平台，预装1500+科学计算库，新增AI模型可视化调试、多环境GPU加速等特性。相较于传统Python安装，其优势包括：环境隔离：通过conda工具实现多版本Python环境共存包管理：一键安装NumPy/Pandas/Scikit-learn等工具链跨平台支持：Windows/macOS/Linux统一操作逻辑二、安
  • BP算法的python实现 + 男女生分类器 乐宝不是酒 机器学习机器学习神经网络算法
    模式识别课上学习了BP算法，并用BP算法实现了男女生分类器，之前因为时间匆忙只是简单记录了一下代码实现，现在重温一下发现代码中还是存在着一些问题，于是修改了一下Bug，也当做是复习吧。本文完整代码和数据集可以到这里:BP算法的python实现获得。BP算法是神经网络中十分经典的算法之一，要把它解释清楚实在需要很多时间，我只想重点讲一下基于BP算法的男女生分类器python实现，理论方面推荐看知乎大
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他