snow_finland
snow_finland

【划屏/滚屏】划屏/滚屏效果demo

针对大于特定尺寸的显示器实现划屏效果（手机、平板不用划屏效果）的demo

demo中是4屏相互切换，并且能循环切换

以下demo源码也可以通过以下地址下载：


http://download.csdn.net/detail/snow_finland/8767943


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>test1</title>
<style type="text/css">
html,body,div,p,span,ul,li{
    margin: 0;
    padding: 0;
}
html{
    height: 100%;
}
body{
    height:100%;
}
.header{
    position: fixed;
    height: 40px;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
}
.screen{
    height:800px;
}
.screen1,.screen3{
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}
.screen1{
    background: #ffffff url("bg1.jpg") no-repeat scroll center top;   
}
.screen2{
    background-color: #ffffff;
}
.screen3{
    background: #ffffff url("bg3.jpg") no-repeat scroll center top;
}
.screen4{
    background-color: #323232;
}

.page_animate .screens_outer{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.page_animate .screens{
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.page_animate .screen{
    height: 100%;
    width: 100%;
    position: absolute;
}
.page_animate .screen1{
    top: 0%;
}
.page_animate .screen2{
    top: 100%;
}
.page_animate .screen3{
    top: 200%;
}
.page_animate .screen4{
    top: 300%;
}

.page_animate .animate1{
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
.page_animate .animate2{
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.page_animate .animate3{
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
}
.page_animate .animate4{
    -webkit-transform: translateY(-300%);
    -moz-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    transform: translateY(-300%);
}
</style>
</head>

<body>
	<div class="header">
    </div>
    <div class="screens_outer">
        <div class="screens" id="J_screens">
            <div class="screen screen1">
            </div>
            <div class="screen screen2">
            </div>
            <div class="screen screen3">
            </div>
            <div class="screen screen4">
            </div>
        </div>
    </div>
</body>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
var scroll_screen = {
    animate_arr : ['animate2','animate3','animate4','animate1'],
    scrollEnable : true,
    animate : true,
    device : 0,
    window_w : $(window).width(),
    window_h : $(window).height(),
    lastTime : null,
    check_window : function(){
        var self = this;
        self.window_w = $(window).width();
        self.window_h = $(window).height();

        // 窗口小于定值不用滚屏
        if(self.window_w > 640 && self.window_h >= 600){
            self.animate = true;
        }else{
            self.animate = false;
        }
    },
    init : function(){
        var self = this;
        self.check_window();

        // IE10以下不用滚屏（IE10以下不完全兼容CSS3）
        var ua = navigator.userAgent;
        if(ua.indexOf("MSIE 6.0")>0 || ua.indexOf("MSIE 7.0")>0 || ua.indexOf("MSIE 8.0")>0 || ua.indexOf("MSIE 9.0")>0){
            self.animate = false;
        }

        // 手机、平板不用滚屏
        if(ua.match('iPad') || ua.match('iPhone') || ua.match('iPod')){
            self.device = 1;
        }else if(ua.match('Android')){
            self.device = 2;
        }else{
            self.device = 0;
        }
        
        if(self.device != 0){
            self.animate = false;
        }

        self.check_animate();
    },
    check_animate : function(){
        var self = this;
        if(self.animate){
            $('body').addClass('page_animate');
        }else{
            $('body').removeClass('page_animate');
        }
    },
    window_resize : function(){
        var self = this;
        self.check_window();
        self.check_animate();
    },
    preventScroll : function(delay){
        var self = this;
        self.scrollEnable = false;
        if(delay){
            setTimeout(function(){
                self.scrollEnable = true; 
            }, delay);
        }
    },
    move : function(delta){
        var self = this;
        if( self.scrollEnable == true ){
            var temp_ani;
            // Define next screen
            if( delta < 0 ){
                temp_ani = self.animate_arr.shift();
                self.animate_arr.push(temp_ani);
            } else { 
                temp_ani = self.animate_arr.pop();
                self.animate_arr.unshift(temp_ani);
            }

            // Disable scrolling for defined ms
            self.preventScroll(1000);
            
            // Update classes in DOM for animation and active pagination
            $('#J_screens').attr('class', 'screens '+temp_ani);

        }
    }
};
$(document).ready(function(){
    scroll_screen.init();
});
$(window).resize(function(){
    scroll_screen.window_resize();
});
$(document).bind({
    // Mouse Scroll
    // IE、Chrome：mousewheel
    // FireFox：DOMMouseScroll
    'mousewheel DOMMouseScroll' : function(e) {
        if( scroll_screen.animate ){
            // IE、Chrome：event.wheelDelta（向下滚动为负值）
            // FireFox：event.detail（向下滚动为正值）
            var delta = e.originalEvent.wheelDelta || -e.originalEvent.detail,
                time = new Date().getTime();
            if(time - scroll_screen.lastTime < 1000) {
                return;
            }   
            scroll_screen.move(delta); 
            scroll_screen.lastTime = time;
        }
    },
    // Keypress - Up/Left and Down/Right Arrows
    keydown : function(e){
        if( scroll_screen.animate ){
            switch(e.which) {
                case 37:
                case 38: 
                    scroll_screen.move(1); 
                    break;
                case 39:
                case 40: 
                    scroll_screen.move(-1); 
                    break;
                default: 
                    return;
            }
        }
    }
});
</script>
</html>



你可能感兴趣的:(划屏,划屏效果,划屏demo)

  • g711a音频编码记录
    写了个安卓wavpcmhttp直播流的程序。客户端采用sdl2直接播放pcm.工作的很好，但是，非常耗费带宽差不多100kb/s的网速。非常不利于外网的音频传输。尝试用zlib压缩，效果不尽理想。只压缩成90%。节约了1/10带宽遂放弃。尝试了安卓端mp3直播，效果不错，差不多带宽30kb/s。但是mp3有个很大的问题，就是延迟增大了几秒。研究了下wav压缩音频格式，发觉还有g711a，这个算法比
  • （全网最全，打光测试解决高反光产品）在机器视觉2D中，遇到高反光产品打光测试怎么办？ 苏州大视通机器视觉 杂说科技人工智能计算机视觉opencv
    关键原则：优先从物理层面消除反光（光源/光学），算法作为补充。偏振方案成本通常低于更换光源，且效果显著，建议优先尝试。在机器视觉打光测试中出现反光问题会严重影响图像质量，导致特征模糊、边缘丢失或检测失败。以下是系统性的解决方案，可根据实际情况组合应用：一、调整光源方案改变光源角度斜射照明：避免光源直射反光区域（如30°-60°环光、条形光侧打）。同轴光优化：对镜面物体改用低角度环形光（如<15°）
  • 讯飞语音--唤醒Demo 程序小圆_ Android讯飞语音唤醒
    写的第一篇博客,因为最近姐姐说起了一个段子,一男子在地铁站手机找不到了,但是带了蓝牙耳机,耳机还有内容,男子想手机一定还在附近,随即大喊一句,悟空你在哪儿,手机循环回答,我在这.....这时,拿手机那哥们回了男子一个尴尬而不失礼貌的微笑,哈哈所以我想起讯飞语音,就试着写了一下语音唤醒的Demo,也借鉴了很多前辈的博客,就不一一列举了,各位不喜勿喷接下来进入正题,首先在讯飞官网下载对应的SDK,下载
  • 【HarmonyOS NEXT】滑动选中放大卡片效果
    【HarmonyOSNEXT】滑动选中放大卡片效果鸿蒙开发能力##HarmonyOSSDK应用服务##鸿蒙金融类应用（金融理财一、功能效果：1.横向滚动列表，手势左右滑动，居中选中会放大。2.左边滑动到首部，在居中位置。同理，尾部也在居中位置。3.放大选中和滑动滚动效果丝滑。二、开发思路:【完整代码请参考章节三】1.使用list实现横向滚动列表的效果@BuilderListView(){List(
  • Python实现语音识别功能，只需3个步骤！
    调用科大讯飞语音听写，使用Python实现语音识别，将实时语音转换为文字。首先在官网下载了关于语音听写的SDK，然后在文件夹内新建了两个.py文件，分别是get_audio.py和iat_demo.py，并且新建了一个存放录音的文件夹audios，文件夹内存放录音文件input.wav，我的整个文件目录如下：asr_SDK(文件名)├─Readme.html├─audios│└─input.wav
  • 深度解析基于贝叶斯的垃圾邮件分类 大千AI助手 人工智能Python#OTHER分类数据挖掘人工智能机器学习算法贝叶斯Bayes
    贝叶斯垃圾邮件分类的核心逻辑是基于贝叶斯定理，利用邮件中的特征（通常是单词）来计算该邮件属于“垃圾邮件”或“非垃圾邮件”的概率，并根据概率大小进行分类。它是一种朴素贝叶斯分类器，因其假设特征（单词）之间相互独立而得名（虽然这在现实中不完全成立，但效果通常很好）。本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的
  • [dhtmlx]group task 失效问题解决 oscar999 130-Web语言
    1.问题描述使用了Gantt的Group功能，但是在进行系统调优，开启smart_rendering的设置后却出现如下状况：“Groupby时，总有部分task未group”问题细部描述与解决如下：2.Group功能与效果dhtmlxgantt提供了对task根据属性进行分组的功能。效果类似:实现方式的话，首先导入dhtmlxgantt_grouping.js；接下来在代码中处理如下：
  • 卡片区样式，按钮样式，运营模块 哎呦你好 CSS+HTML案例java前端javascriptcss3csshtml
    最近写了一个卡片区的样式，效果如下，HBuilder编辑器，样式代码使用scss语法编写。在Vue组件的标签中添加lang="scss"属性后，Vue（以及构建工具如Webpack）会识别这个属性，并使用相应的预处理器（如‌sass-loader‌）将SCSS代码编译成普通的CSS代码，这样浏览器才能识别和执行它。页面中的其他样式如：flex，wrap，ustify-between是flex布局的
  • CSS 伪类详解 lsx202406 开发语言
    CSS伪类详解引言在网页设计中，CSS（层叠样式表）是用于描述HTML或XML文档样式的语言。CSS伪类是CSS选择器的一部分，用于指定元素的特定状态。伪类可以让我们为不同的元素状态设置不同的样式，从而实现更加丰富和动态的网页效果。伪类的概述伪类是一种特殊的CSS选择器，它可以用来选择具有特定状态的元素。这些状态可以是用户的交互行为，如鼠标悬停、链接未访问等，也可以是元素的特定位置，如第一个子元素
  • 每天一个前端小知识 Day 16 - 前端性能优化全流程指南 蓝婷儿 前端面试前端性能优化
    前端性能优化全流程指南（从加载到交互）目标概览：前端性能优化四大核心维度阶段优化目标加载阶段首屏速度、资源压缩、请求优化渲染阶段减少回流重绘、避免布局抖动交互阶段保持高帧率、避免卡顿持久运行阶段内存泄露处理、缓存命中策略一、加载性能优化（首屏速度为王）✅核心策略：资源体积优化JS/CSS/图片压缩（如gzip,brotli）Tree-shaking（去除无用代码）图片压缩（webp优先）合理拆包（
  • C++ sfml使用教程 Tan_Zhixia c++
    配置过程参考下面的文章：超详细！SFML库vs2022配置教程-CSDN博客教程sfml是一个图形库，它提供了窗口，绘图等图形化功能。先来看一个简单的例子（官方demo）例子#includeintmain(){sf::RenderWindowwindow(sf::VideoMode(200,200),"SFMLworks!");sf::CircleShapeshape(100.f);shape.s
  • Python 数据分析与可视化 Day 11 - 特征工程基础 蓝婷儿 pythonpython数据分析人工智能
    ✅今日目标理解特征工程在数据分析和机器学习中的意义掌握常见特征类型的处理方式：数值型、类别型、时间型学习特征提取、转换、标准化、独热编码（One-HotEncoding）等核心操作为后续建模任务做好特征准备工作一、什么是特征工程？特征工程是将原始数据转换为模型可学习的“特征向量”的过程，是机器学习效果好坏的核心因素之一。常见任务包括：缺失值处理（已学）异常值处理（已学）数值归一化、标准化类别变量编
  • 查找当前目录（含子目录）所有文件中包含 com.mipha.ScanDemo 的文件 微信公众号：AI创造财富 linux运维服务器
    我想在一个windwos目录下里所有的文件里存在com.mipha.ScanDemo字符的文件以及位置cmd命令怎么弄？例如，查找当前目录（含子目录）所有文件中包含com.mipha.ScanDemo的文件和具体行：findstr/spin"com.mipha.ScanDemo"*.*参数说明：/s递归子目录/p跳过有不可打印字符的文件（避免二进制文件报错）/i忽略大小写（如果你不需要忽略，可以去
  • 如何比较两个 APK 的签名是否一致？ 微信公众号：AI创造财富 androidadbandroid-studiojavaxml
    D:\AS\build-tools\34.0.0\lib>java-jarapksigner.jarverify--print-certsD:\2025\beforecob\KP36\KP36\ScanDemoGit\app\build\outputs\apk\debug\ScanDemo-1.1.6_20250630.apkSigner#1certificateDN:EMAILADDRESS=a
  • Python保龄球计分Demo 清风序来 python开发语言
    找工作，笔试题，恶心到想吐，和大家分享下，在网上只有Java的demo,我这个python菜鸟，分享下python的demo......需求：保龄球计分规则如下，写出一个计分的demo一局有十格，每格有两次投球机会，如在第一次投球时没能全中，就有需要投第二球。每格可能出现的情况：1、失球在两次投后，未能击倒10个瓶，此格的分数为击倒的个数。如果一次击球未击到一个，则用一个“-”标记2、补中第二次补
  • Web Components 与 Shadow DOM 的样式隔离 海派程序猿 前端
    WebComponents和ShadowDOM：一墙之隔，天下太平？各位看官，咱们今天聊聊WebComponents里面一个挺有意思的概念——ShadowDOM。别被这名字吓到，什么“影子”，什么“领域”，听起来玄乎，其实它就是WebComponents实现样式隔离的一把利器。想象一下，你写了一个非常炫酷的日期选择器，用了自定义的颜色、字体，各种动画效果，简直完美！然后你把它扔到你的项目里，结果…
  • JS 与 CSS 的交互式开发：打造灵动的网页体验 维他奶糖61 pandas数据库前端
    在当今的网页开发领域，静态的网页早已无法满足用户日益增长的交互需求。JavaScript（JS）和层叠样式表（CSS）作为前端开发的两大支柱，它们的强强联合能够创造出令人惊叹的交互式网页效果。从简单的按钮点击变色，到复杂的动画过渡和动态页面布局变换，JS与CSS的交互式开发赋予了网页生命与活力。接下来，就让我们深入探索这一奇妙的领域。理解JS与CSS的分工与协作在开始交互式开发之前，我们需要明确J
  • 主线程，协程和互斥锁 aliven1 gogolang
    packagemain//路径上加上包的唯一标识demo14,线程和协程，是go的核心import("fmt""time""sync")//需求：计算1-200之间所有数的阶乘，并且把各个数的阶乘放入map中。最后显示出来。使用协程完成。var(map1=make(map[int]int,10)//声明一个全局maplocksync.Mutex//互斥锁)funcmain(){fori:=1;i<
  • 透视广告流量交易“黑箱”：MergeX是如何实现广告交易链路透明化的？
    在数字营销领域，广告流量交易的不透明性一直是行业内外普遍关注的问题。这种不透明性不仅影响了广告主的投放效果，也阻碍了开发者流量变现的潜力。广告流量交易中的“三不”陷阱?一、链路不透明在传统的广告交易链路中，多层中间商如同一道道关卡，截留了本应属于开发者的收益。这种复杂的层级结构使得真实流量价值的溯源变得困难重重，广告主难以准确判断自己的投入是否真正转化为了有效的曝光和点击。二、规则不清晰竞价机制作
  • HarmonyOS实战：一招搞定保存图片到相册 IT小码哥丶 harmonyos华为
    前言保存图片功能几乎是每个应用程序必备的功能之一，当用户遇到喜欢的图片时可以保存到手机相册。那么在鸿蒙中保存图片是否也需要申请用户存储权限以及如何将图片保存到相册，本文将详细讲述怎么保存网络图片，指定布局生成图片保存至相册的功能实现。实现效果需求分析一般在Android或iOS上保存图片都需要申请应用存储权限，否则将禁止访问应用存储，不能保存图片到磁盘中。在鸿蒙系统中当然也有存储权限，但是鸿蒙系统
  • 鸿蒙(HarmonyOS)应用开发实战——自定义安全键盘案例 CTrup HarmonyOS移动开发鸿蒙开发harmonyos安全音视频移动开发鸿蒙开发组件化
    往期知识点整理鸿蒙（HarmonyOS）北向开发知识点记录~被裁员后，踏上了鸿蒙开发求职之路持续更新中……介绍金融类应用在密码输入时，一般会使用自定义安全键盘。本示例介绍如何使用TextInput组件实现自定义安全键盘场景，主要包括TextInput.customKeyboard绑定自定义键盘、自定义键盘布局和状态更新等知识点。效果图预览实现思路1.使用TextInput的customKeyboa
  • 高考志愿不会填？ AI 帮你填写高考志愿，手把手教你完成志愿填报 AI、少年郎 高考人工智能数据挖掘
    一、背景高考成绩一出，志愿填报就成了家长和考生的“头号难题”。选对专业和院校，相当于为未来铺好一条“黄金赛道”！但面对海量院校和专业信息，怎么才能快速锁定适合自己的选项？别慌！今天就教你用AI轻松搞定志愿填报，不过先划重点：AI建议仅供参考，最终决策一定要结合实际、多方求证！本次以AI豆包为例，其他AI工具类似。可能很多人都说AI填报志愿谁不会啊，就是把问题抛给AI，让其帮着分析就行，但是对很多不
  • 遥感影像数据处理-大图滑窗切分为小图 GIS潮流 遥感语义分割
    功能需求据所周知，遥感影像的尺寸有大有小，大的达到几万x几万像素，而图像分割算法模型在训练中尺寸适中，比如256x256，512x512，1024x1024等等，如果直接将遥感影像的原图输入模型中进行训练，大概率会提示内存和显存不足，因此针对遥感影像的模型训练，一般都需要将影像裁剪为小图。裁剪后的效果图如下：解决思路基于上面的需求，写了一套裁剪算法流程。主要考虑的是在裁剪过程中，从左往右、从上到下
  • npm run dev报错 突然暴富的我 || 比较富的我 npm前端node.js
    1.引言1.1什么是npmrundevnpmrundev是一个在Node.js项目中常用的命令，它允许开发者运行一个预定义的脚本，通常用于启动开发服务器或者执行开发环境的构建任务。这个命令是通过package.json文件中的scripts部分定义的，例如："scripts":{"dev":"nodemonapp.js"}在这个例子中，dev脚本使用nodemon工具来监控app.js文件的更改，
  • 小程序领域H5的性能监控与分析 小程序开发2020 CS小程序apache服务器ai
    小程序领域H5的性能监控与分析：让你的"小快灵"跑得更稳更快关键词：小程序H5、性能监控、首屏时间、双线程模型、用户体验优化摘要：当我们在小程序里刷新闻、逛商品详情页时，这些看似"丝滑"的H5页面背后，可能隐藏着白屏卡顿、加载缓慢等"暗礁"。本文将从生活场景出发，用"奶茶店运营"的类比拆解小程序H5性能监控的核心逻辑，带你掌握从指标定义到实战落地的全流程方法，助你成为小程序H5的"性能管家"。背景
  • Kotlin中如何优雅地退出循环 锐湃 Kotlinkotlin开发语言android
    在Kotlin中，forEach是一个高阶函数，它在遍历集合时会对集合中的每一个元素执行给定的lambda表达式。若要在forEach中退出循环，return会返回到外层函数，而不是终止循环。因此，使用return@forEach不能达到预期的效果。合理的做法是使用带标签的return或者是使用其他循环结构，如for循环。在forEach中你可以使用自定义的标签配合return，以退出循环。例如：
  • 微信助手插件功能六十：屏蔽@我 杨利杰YJlio #微信助手微信
    微信助手插件功能六十：屏蔽@我微信助手插件功能六十：屏蔽@我功能简介功能效果⚙️开启步骤✅适合人群注意事项微信助手插件功能六十：屏蔽@我⚠️免责声明：本插件仅供学习与研究用途，不用于商业或非法用途。使用插件可能导致微信账号被封，相关后果需由使用者自行承担。插件下载后请在24小时内删除！功能简介今天为大家介绍微信助手的第60个实用功能——屏蔽@我。在微信群聊中，经常会被各种无关内容**@你**，尤其
  • 微信助手插件功能五十九：屏蔽拍了拍 杨利杰YJlio #微信助手微信
    微信助手插件功能五十九：屏蔽拍了拍微信助手插件功能五十九：屏蔽拍了拍功能简介功能效果开启方式✅适用人群小贴士微信助手插件功能五十九：屏蔽拍了拍⚠️免责声明：本插件仅供学习与研究用途，不用于商业或非法用途。使用插件可能导致微信账号被封，相关后果需由使用者自行承担。插件下载后请在24小时内删除！功能简介今天为大家介绍微信助手的第59个实用功能——屏蔽拍了拍。微信“拍了拍”功能虽然初衷是增加互动感，但随
  • R语言倾向性匹配得分（PSM）分析 后端工程实践 r语言java开发语言R语言
    R语言倾向性匹配得分（PSM）分析倾向性匹配得分（PropensityScoreMatching,PSM）是一种常用的统计方法，用于处理观察研究中的选择性偏倚。它通过建立一个倾向性得分模型，将受试者分为处理组和对照组，以实现类似于随机对照试验的效果。本文将介绍如何使用R语言进行倾向性匹配得分分析，并提供相应的源代码。导入所需的R包在进行PSM分析之前，首先需要导入所需的R包。常用的包包括Match
  • 借助antd-design-x-vue实现接入通义千问大语言模型的对话功能（附源码）
    说在前面现在大模型如此火热，想必你跟我也有同样的想法，实现一个自己的AI对话框，相比Dify等组件分享出来的对话框，自己实现起来可以更加灵活和适应需求。虽然Element,Antd都发布了各自的对话框组件，我说句实话，这个理解起来真没之前那种Button,Card这些组件来的简单，下面分享我的一个小Demo。功能拆解首先，官方帮我们实现了一个小的原型，附带了几乎所有的功能，地址如下：ant-des
  • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
    jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
  • 多线程场景 alafqq 多线程
    0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
  • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
          安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
  • placeholder的浏览器兼容 120153216 placeholder
    【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
  • debian_用iso文件创建本地apt源 2002wmj Debian
    1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
  • SQLSERVER耗时最长的SQL 357029540 SQL Server
    对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
  • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
    今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
  • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
    使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
  • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                   嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
  • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
    Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
  • ios音量线性下降 bewithme ios音量
    直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
  • 与其怨它不如爱它 bijian1013 选择理想职业规划
            抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
  • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
    一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
  • 【Scala八】Scala核心二：隐式转换 bit1129 scala
    Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
  • sudoku slover in Haskell (2) bookjovi haskellsudoku
    继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
  • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
            本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
  • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
  • 《RAW格式照片处理专业技法》笔记 cherishLC PS
    注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
  • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
    使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
  • mysql连接拒绝问题 daizj mysql登录权限
    mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
  • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
    Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
  • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
    1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
  • Android知识总结（二） come_for_dream android
    明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
  • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
    高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
  • linux expect heipark expect
    1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
  • Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • idea ubuntuxia 乱码 liyonghui160com
      1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
  • 改良程序的11技巧 pda158 技巧
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
  • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
    工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
  • 深入浅出RPC uule rpc
    深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他