全屏滚动效果H5FullscreenPage.js

前提：

介于现在很多活动都使用了 类似全屏滚动效果 尤其在微信里面 我自己开发了一个快速构建 此类项目的控件 与市面上大部分控件不同的是此控件还支持元素的动画效果 并提供多种元素效果 基于zepto.js 

功能清单:

1 快速实现页面全屏滚动效果。并提供多种翻页效果，兼容大部分ios和android系统。

2 支持在页面中添加多种动画元素效果 来实现淡入，滑入等效果。

3 支持配置音乐功能。

4 支持摇一摇接口功能。

 

组件核心代码原理：

1 页面滚动

 在移动页面上如果想使用滚动，如过没有任何动画效果，那么肯定大家首先想到的就是用滚动条来滚动，但这样的滚动比较单调，实现动画效果比较困难，于是就想出了利用css3和div的绝对定位来实现。 

<body>

  <div class="item item1">

             

  </div>

  <div class="item item2">

             

  </div>

  <div class="item item3">

             

  </div>

</body>

然后给每个div设置绝对定位样式

.item {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-position: center;

}

这样页面上的每个div都相当于一个页面 只不过重叠了而已，接下来就要利用javascript和css让这些页面可以滚动(利用touch时间改变div的transform来实现滚动)

function touchStart(event) {

            if (dragStart !== null) return;

             

            if (event.touches) {

                event = event.touches[0];

            }

             //抓取时的所在位置

            dragStart = event.clientY;

 

         }

           

         function touchMove (event) {

             

            if (dragStart === null) return;

 

            if (event.touches) {

                event = event.touches[0];

            }

             //得到抓取开始时于进行中的差值的百分比

            percentage = (dragStart - event.clientY) / window.screen.height;//和屏幕高度做比较

              

            if (percentage > 0) {

                // //向上拖动

                var translateY = 1 - 0.4*percentage;//位置系数，可以微调

                $(event.target).next().css('-webkit-transform', 'translateY('+translateY*100+'%)'); //下一个item上移动

                  

            } else {

                //向下拖动

                var translateY = -(0.4*percentage);

                $(event.target).css('-webkit-transform', 'translateY('+translateY*100+'%)');//当前item下移动

            }

             

         }

           

         function touchEnd (event) {

             

            dragStart = null;//标志位值空

             

             

            //抓取停止后，根据临界值做相应判断

            if (percentage >= dragThreshold) {//向下滚动

                $(event.target).css('-webkit-transform', 'translateY(-100%)'); 

                $(event.target).next().css('-webkit-transform', 'translateY(0)');

            } else if ( Math.abs(percentage) >= dragThreshold ) {//向上滚动

                $(event.target).css('-webkit-transform', 'translateY(100%)');

            } else {//没有达到临界值 恢复原样

                $(event.target).next().css('-webkit-transform', 'translateY(100%)'); 

            }

             //重置percentage

            percentage = 0;

 

         }

这里有几点说明一下：

1)使用translate3d来替换translateY可以开启硬件加速 在渲染上会好一些。

2)在执行下一页或者上一页时 可以给div添加css3动画来使其滚动带有一定的动画效果，组件提供8中翻页效果。

 

2 元素的淡入淡出：

元素入场的动画效果主要是利用css3来实现

.fadeIn {

        animation-name: fadeIn;

        -webkit-animation-name: fadeIn; 

 

        animation-duration: 1.5s;   

        -webkit-animation-duration: 1.5s;

 

        animation-timing-function: ease-in-out; 

        -webkit-animation-timing-function: ease-in-out;     

 

         

    }

@keyframes fadeIn {

        0% {

            transform: scale(0);

            opacity: 0.0;       

        }

        60% {

            transform: scale(1.1);  

        }

        80% {

            transform: scale(0.9);

            opacity: 1; 

        }   

        100% {

            transform: scale(1);

            opacity: 1; 

        }       

    }

 

    @-webkit-keyframes fadeIn {

        0% {

            -webkit-transform: scale(0);

            opacity: 0.0;       

        }

        60% {

            -webkit-transform: scale(1.1);

        }

        80% {

            -webkit-transform: scale(0.9);

            opacity: 1; 

        }   

        100% {

            -webkit-transform: scale(1);

            opacity: 1; 

        }       

    }
.fadeIn {

        animation-name: fadeIn;

        -webkit-animation-name: fadeIn; 

 

        animation-duration: 1.5s;   

        -webkit-animation-duration: 1.5s;

 

        animation-timing-function: ease-in-out; 

        -webkit-animation-timing-function: ease-in-out;     

 

         

    }

@keyframes fadeIn {

        0% {

            transform: scale(0);

            opacity: 0.0;       

        }

        60% {

            transform: scale(1.1);  

        }

        80% {

            transform: scale(0.9);

            opacity: 1; 

        }   

        100% {

            transform: scale(1);

            opacity: 1; 

        }       

    }

 

    @-webkit-keyframes fadeIn {

        0% {

            -webkit-transform: scale(0);

            opacity: 0.0;       

        }

        60% {

            -webkit-transform: scale(1.1);

        }

        80% {

            -webkit-transform: scale(0.9);

            opacity: 1; 

        }   

        100% {

            -webkit-transform: scale(1);

            opacity: 1; 

        }       

    }

该元素首先是隐藏的，在页面滑入视窗时将其显示，就会应用上css3设定的动画效果，延伸出来不仅fadeIn效果，许多效果都可以设定,另外可以给元素添加data-delay属性来控制元素的执行顺序。

 

组件使用方法：

 

 组件使用方法：



{

    'type' : 1,//翻页的动画效果 共有8种可以使用

    'pageShow' : function(page){},

    'pageHide' : function(page){},

    'useShakeDevice' : {//是否使用手机摇一摇接口

        'speed' : 30,

        'callback' : function(page){}

    },

    'useParallax' : true,//是否使用parallax效果可参看demo第六页

    'useArrow' : true,//是否使用箭头

    'useAnimation' : true,//是否使用元素动画效果

    'useMusic' : {//是否使用音乐

        'autoPlay' : true,

        'loopPlay' : true,

        'src' : 'http://mat1.gtimg.com/news/2015/love/FadeAway.mp3'

    }

 };

 

 

全屏滚动效果H5FullscreenPage.js全屏滚动效果H5FullscreenPage.js全屏滚动效果H5FullscreenPage.js全屏滚动效果H5FullscreenPage.js

原文地址：https://github.com/lvming6816077/H5FullscreenPage

 

你可能感兴趣的:(screen)

  • Unity 程序运行一段时间后Game界面出现黑屏的一种情况 zhannghong2003 Unityunity游戏引擎
    经过排查，发现是Camera(相机)的Z轴一直变大导致的黑屏。造成这种情况的原因是代码：VMouseTransform.position=Camera.main.ScreenToWorldPoint(Input.mousePosition)；Camera(相机)设置成为跟随VMouseTransform。所以会出现Z轴逐渐变大的情况，最后导致黑屏。改代码为：Vector2vMouseNeed=Ca
  • python pygame event get_pygame简单运用总结
    pygame简单运用总结Pygame就是一个游戏库，可以直接用高级语言编写，在python中导入pygame就可以用来写一些小游戏了。如何开始快速使用pygame的做出游戏呢？首先，就是了解游戏的运行主要是基于一个窗体，然后在窗体里面添加图片、音频，设计一些事件(像鼠标点击)，最后装进循环运行就哦了。基本窗体编写importpygame,syspygame.init()#实例化screen=pyg
  • ABAP SCREEN 选择屏幕相关用法、参数说明 ERP文库 SAP
    SCREEN的主要参数如下：字段名长度说明NAME30屏幕字段的名称GROUP13存放modifid指定的值GROUP23GROUP2和GROUP3在生成选择屏幕时由系统生成，并非开发人员指定。其中GROUP2用于逻辑数据库生成的选择屏幕GROUP33属于字段组4的字段，参照图『1』GROUP43内部用字段组ACTIVE1=0系统禁用字段并取消准备输入属性。用户不能查看字段也不能对它输入值;=1激
  • LockscreenCredential 类方法详解 始于足下 方能行更远 8_SystemUiandroid
    LockscreenCredential是Android系统中用于表示锁屏凭证（如PIN、密码、图案等）的类，它封装了用户设置的解锁凭据，并提供安全的方式来处理和验证这些凭据。这个类主要用于系统锁屏、设备加密以及用户认证等场景。LockscreenCredential类方法详解构造函数和创建方法私有构造函数privateLockscreenCredential(inttype,byte[]cred
  • 微信小程序之自定义模态弹窗（带动画）实例-——-微信小程序实战系列（8）
    .btn{width:80%;padding:20rpx0;border-radius:10rpx;text-align:center;margin:40rpx10%;background:#000;color:#fff;}/mask/.drawer_screen{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;bac
  • WPF设置欢迎屏幕，程序启动过度动画 曾弟弟 wpf
    当主窗体加载时间过长，这时候基本都会想添加一个等待操作来响应用户点击，提高用户体验。下面我记录两个方法，一点拙见，仅供参考。方法1:在App类中使用SplashScreen类。protectedoverridevoidOnStartup(StartupEventArgse){//显示启动画面ShowSplashScreen();base.OnStartup(e);}privatevoidShowS
  • WPF添加程序启动页SplashScreen 为五毛钱折腰 wpf
    第一种：直接修改图片属性->生成操作->SplashScreen第二种：直接修改图片属性->生成操作->资源在程序启动位置添加代码：SplashScreensplashScreen=newSplashScreen("start.png");splashScreen.Show(true,true);voidShow(boolautoClose,booltopMost)第一个参数是是否自动关闭，第二个
  • WPF为启动界面（Splash Screen）添加背景音乐 上元星如雨 C#&Godotwpf
    1.添加音频文件到项目将音频文件（如.mp3/.wav）放入项目文件夹（如Resources）在解决方案资源管理器中右键文件→属性：生成操作：选择Resource（嵌入资源）或Content（内容文件）复制到输出目录：选择始终复制2.创建启动界面窗口新建一个WPF窗口作为启动界面（如SplashScreenWindow.xaml）：3.在启动界面后台代码中播放音乐修改SplashScreenWin
  • element-ui 轮播图的使用 b49779e26200
    element-ui轮播图的使用```exportdefault{name:"Banner",data(){return{//图片地址数组img_list:["./banner1","./banner1","./banner1","./banner1"],//图片父容器高度bannerHeight:1000,//浏览器宽度screenWidth:0};},methods:{setSize:func
  • 技术演进中的开发沉思-42 MFC系列：Components 与 ActiveX Controls chilavert318 熬之滴水穿石mfcc++windows
    点击程序启动时，是不是看过有加载的画面。在VC开发时，可使用VC++的ComponentGallery，找到Splashscreen组件，当时觉得组件就是给程序员的暖手宝。一、ComponentGalleryComponentGallery在VC++里的位置很特别——它藏在“Project”菜单的二级目录里，就像老衣柜最上层那个带锁的抽屉，不常用但一打开全是宝贝。当年我们团队有个不成文的规矩：新项
  • Byobu 胖大和尚 byobu
    Byobu是一个基于tmux或screen的终端复用工具，提供了更友好的用户界面和更多的功能。以下是如何使用Byobu进行分屏、会话管理和其他常用操作的详细步骤：安装Byobu在Debian/Ubuntu系统上：sudoapt-getinstallbyobu在Fedora系统上：sudodnfinstallbyobu启动Byobu启动Byobu：打开终端并输入以下命令启动Byobu：byobu常用
  • Flutter（十六）路由导航 AlanGe
    我们通常会用屏（Screen）来称呼一个页面（Page），一个完整的App应该是有多个Page组成的。在之前的案例（豆瓣）中，我们通过IndexedStack来管理了首页中的Page切换：首页-书影音-小组-市集-我的通过点击BottomNavigationBarItem来设置IndexedStack的index属性来切换除了上面这种管理页面的方式，我们还需要实现其它功能的页面跳转：比如点击一个商
  • 在 WPF 启动界面中心加载 GIF 动图 上元星如雨 C#&Godotwpf
    在WPF启动界面中心加载GIF动图在WPF启动界面中心加载GIF动图可以通过多种方式实现。下面我将提供一个完整的解决方案，包括使用第三方库和纯WPF实现两种方法。方法一：使用WpfAnimatedGif库（推荐）这是最简单可靠的方法，使用专门处理GIF动画的库。实现步骤：安装NuGet包Install-PackageWpfAnimatedGif创建启动窗口(SplashScreen.xaml)在代
  • css mix-blend,详解CSS3的mix-blend-mode属性 weixin_39630813 cssmix-blend
    1、相当于加了一个图层mix-blend-mode:multiply;2、相当于加了一个滤镜mix-blend-mode:screen;3、相当于加了一个图层和滤镜mix-blend-mode:overlay;4、会使图片变暗，出现变暗效果mix-blend-mode:darken;5、这个模式与darken相反，*它的效果取决于源和背景颜色之间更浅的(色彩)。*即将两像素的RGB值进行比较后，取
  • mix-blend-mode TcottonCandy_ css
    颜色混合模式mix-blend-mode:normal;//正常mix-blend-mode:multiply;//正片叠底mix-blend-mode:screen;//滤色mix-blend-mode:overlay;//叠加mix-blend-mode:darken;//变暗mix-blend-mode:lighten;//变亮mix-blend-mode:color-dodge;//颜色减
  • 2.锁定Activity方向 Jennyni1122
    2.1问题应用程序中的某个Activity不能旋转，或是旋转需要应用程序代码更直接的干预。2.2解决方案（APILevel1）在AndroidManifest.xml文件中可以用静态声明将每个Activity的方向锁定为横向或纵向。这个声明只能用于标签，所有不能一次性解决整个应用程序。只需要在元素中加上android:screenOrientation属性，无论设备处于什么位置，Activity都
  • VirusKing整蛊代码：注销解决 DHY 专研C++病毒 c++windows病毒
    一：简介这回的病毒玩狠了，360开始报毒了，系统给我卡崩溃了，所以可见它有多猛，病毒名：VirusKing防护系统:基于SuperVirus3.0的全屏防杀系统二：代码上代码：#include#include#include#includeusingnamespacestd;voidCanNotClose();voidFullScreen();voidInit();voidCanNotClose(
  • 想要实现electron一打开，窗口就是全屏状态，代码怎么写？ 几道之旅 electronjavascript前端
    在Electron中实现应用启动时自动全屏显示窗口，可通过以下两种主流方法实现（基于主进程代码）：方法1：创建窗口时直接设置fullscreen:true在main.js（主进程文件）中创建BrowserWindow实例时，通过配置项启用全屏：const{app,BrowserWindow}=require('electron');functioncreateWindow(){constmainW
  • Unity_通过鼠标点击屏幕移动屏幕里的一个对象 沧海归城 unity计算机外设游戏引擎
    文章目录一、获取到点击物体的Tansform（摁下鼠标左键的瞬间）二、移动点击的物体（摁着鼠标左键不放）三、松开左键清理被移动对象属性总结注：本文章只是学习总结的笔记，视频链接一、获取到点击物体的Tansform（摁下鼠标左键的瞬间）实现思路：通过Camera的ScreenPointToRay方法和Input.mousePosition鼠标坐标生成创建Ray射线，再通过Physics的Raycas
  • windows 设置定时锁屏
    1.编写锁屏命令新建一个txt文件，重命名为：lockScreen（名字随意）–>打开该文件添加内容：rundll32.exeuser32.dll,LockWorkStation保存，将该文件后缀名（扩展名）txt改为bat2.指定该文件的存储位置WIN+R->输入:C:\Windows\System32->按回车键->将该文件lockScreen.bat拷贝到该目录System32下3.创建一个
  • HTB academy -- Linux Privilege Escalation --Service-based Privilege Escalation 网络安全小吗喽 linux服务器网络安全测试工具
    VulnerableServices#!/bin/bash#screenroot.sh#setuidscreenv4.5.0localrootexploit#abusesld.so.preloadoverwritingtogetroot.#bug:https://lists.gnu.org/archive/html/screen-devel/2017-01/msg00025.html#HACKTH
  • 32位浮点数在威纶触摸屏显示_MCGS触摸屏与与西门子 S7-1200 PLC以太网通讯 3type 32位浮点数在威纶触摸屏显示
    触摸屏（touchscreen）又称为“触控屏”、“触控面板”，是一种可接收触头等输入讯号的感应式液晶显示装置，当接触了屏幕上的图形按钮时，屏幕上的触觉反馈系统可根据预先编程的程式驱动各种连结装置，可用以取代机械式的按钮面板，并借由液晶显示画面制造出生动的影音效果。触摸屏作为一种最新的电脑输入设备，它是目前最简单、方便、自然的一种人机交互方式。它赋予了多媒体以崭新的面貌，是极富吸引力的全新多媒体交
  • iOS Widget 开发-3：Widget 的种类与尺寸（主屏、锁屏、灵动岛） 技术拾光 iOSWidget技术手册iosswiftwidget
    iOS支持多种类型的Widget，分布在主屏幕、锁屏、灵动岛、待机模式、控制中心等多个系统位置。每种Widget都有各自的尺寸、交互能力与限制。本篇将系统梳理iOS当前支持的Widget类型与尺寸规格。主屏Widget（HomeScreenWidgets）主屏Widget自iOS14起引入，是最基础也是使用最广泛的Widget类型。支持的尺寸WidgetFamily尺寸说明备注.systemSma
  • 取消短按power键做出对应的功能
    frameworks/base/policy/src/com/android/internal/policy/impl/PhoneWindowManager.java@@publicbooleanisForegroundActivity(Stringpackage_name){cancelPendingScreenshotChordAction();if(interceptPowerKeyUp(c
  • vue拖拽组件自定义指令，解决拖拽和点击事件冲突问题，解决拖拽组件在iframe上面延迟卡顿问题 weixin_51565477 vue.jsjavascript前端
    1.自定义指令directives:{drag(el,data,vnode){constoDiv=eloDiv.onmousedown=e=>{//获取ifream，解决拖拽组件在ifream上面卡顿-根据ifreampointerEventsletiframDiv=document.getElementById("screenProjection")if(iframDiv){console.lo
  • python炫酷烟花表白源代码,html代码烟花特效python liuyifan0 pygamepython开发语言
    大家好，小编来为大家解答以下问题，python绘制烟花特定爆炸效果，python炫酷烟花表白源代码，今天让我们一起来看看吧！代码实现：importpygameimportrandomimportmath#屏幕宽度SCREEN_WIDTH=1350SCREEN_HEIGHT=800#烟花颜色COLORS=[(255,0,0),(0,255,0),(0,0,255),(255,255,0),(255,
  • 探索响应式设计新境界：React Native Responsive Dimensions 姚婕妹
    探索响应式设计新境界：ReactNativeResponsiveDimensionsreact-native-responsive-dimensionsResposivefontSize,heightandwidthforreact-nativecomponents,thatautomaticallyadjustsitselfbasedonscreen-sizeofthedevice.项目地址:h
  • 【WIN系统】Win11开机锁屏的漂亮壁纸如何保存？ 南工说焊接 软件应用经验分享
    博主电脑：联想小新AIR14（系统WIN11）图片路径：C:\ProgramData\Lenovo\devicecenter\LockScreen\cache注意事项：要先显示隐藏项目才能找到
  • 爬取微博热搜+关键词爬取评论 2301_80365274 python爬虫
    获取第一级评论（可翻页）importrequestsimportcsvf=open('5.3微博热搜top50.csv',mode='a',encoding='utf-8',newline='')csv_write=csv.writer(f)csv_write.writerow(['id','screen_name','text_raw','create_at','like_counts','to
  • MFC小例子说明 千里修行 MFCWindows
    目录一.枚举窗口EnumDialog1.枚举方式2.查找窗口3.检测当前应用程序是否存在二.按钮激活ButtonActive1.原理2.实现三.星形查看器AsterPassword1.原理2.实现四.图片浏览器ImageExplore1.原理2.实现五.模拟键鼠消息MouseKeboardClick1.原理2.实现六.屏幕放大镜ScreenMagnify1.原理2.实现七.屏幕截图功能SCreen
  • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
    对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
  • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
    接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
  • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
           随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
  • 数组队列总结 沐刃青蛟 数组队列
          数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
  • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
    今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
  • 重装系统之后oracle恢复 文强chu oracle
    前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
  • python学习二（ 一些基础语法） 小桔子 pthon基础语法
    紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
  • svn 常用命令 aichenglong SVN版本回退
    1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
  • 某小公司面试归来 alafqq 面试
    先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
  • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
    集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
  • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
    <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
  • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
            在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
  • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
    当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
  • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
    0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
  • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
    1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
  • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
    public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
  • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
    今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
  • java设计模式之单例模式 chicony java设计模式
    在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
  • javascript取当月最后一天 ctrain JavaScript
    <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
  • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
    一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
  • 做有中国特色的程序员 dcj3sjt126com 程序员
      从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
  • Android：TextView属性大全 dcj3sjt126com textview
    android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
  • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
    转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
  • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
    首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
  • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
    HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
  • SVG 教程 （一） 天梯梦 svg
    SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
  • 一个简单的java栈 luyulong java数据结构栈
    public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
  • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
    Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
  • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
    12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
  • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
    ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他