手机体验细节小动画

1.展开收起

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title> 展开收起 </title>



    <style>

        .m-list { background-color: #fff; border-top: 1px #e0e0e0 solid; border-bottom: 1px #e0e0e0 solid; overflow: hidden; }

        .m-list .hd { position: relative; z-index: 10; height: 40px; line-height: 40px; background-color: #fff; cursor: pointer; }

        .m-list .tit { font-size: 14px; margin: 0; }

        .m-list .more { -webkit-transform: rotate(0deg); transform: rotate(0deg); float: right; width: 40px; height: 40px; text-align: center; color: #ccc; font-size: 12px; }

        .m-list .bd { height: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); border-top: 1px #e0e0e0 dashed; overflow: hidden; }

        .m-list .hd.active + .bd { height: auto; transform: translateY(0); padding: 10px 0; }

        .m-list .hd.active .more { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

        .m-list .more, .m-list .bd { -webkit-transition: all 1s; transition: all 1s; }

    </style>

</head>

<body>



<div class="m-list J_List">

    <div class="hd active">

        <span class="more">▲</span>

        <h2 class="tit">点我展开/收起</h2>

    </div>

    <div class="bd">

        世界那么大，我想去看看~<br/>

        世界那么大，我想去看看~<br/>

        世界那么大，我想去看看~<br/>

        世界那么大，我想去看看~<br/>

    </div>

</div>



世界不是你想看，想看就能看 - -

<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js"></script>

<script>

    $('.J_List .hd').on('click', function(){

        $(this).toggleClass('active');

    });

</script>

</body>

</html>
View Code

2.TAB导航动画切换

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title> TAB导航动画切换 </title>

    <style>

        .m-tab2 {

            position: relative;

            overflow: hidden;

            background-color: #f0f6f8

        }



        .m-tab2 .item {

            float: left;

            text-align: center;

            height: 40px;

            line-height: 40px;

            border-top: 1px #e0e0e0 solid;

            border-bottom: 1px #e0e0e0 solid;

            font-size: 14px;

            color: #333;

            -webkit-box-sizing: border-box;

            box-sizing: border-box

        }



        .m-tab2 .item:not(:first-child) {

            border-left: 1px #e0e0e0 solid

        }



        .m-tab2 .active {

            background-color: #fff;

            color: #fe6601

        }



        .m-tab2 .scrollbar {

            position: absolute;

            z-index: 10;

            left: 0;

            bottom: 0;

            height: 2px;

            background-color: #fe6601;

            -webkit-transition: transform 300ms ease-in-out;

            transition: transform 300ms ease-in-out

        }



        .m-tab2 .item:nth-of-type(1).active ~ .scrollbar {

            transform: translateX(0);

            -webkit-transform: translateX(0)

        }



        .m-tab2 .item:nth-of-type(2).active ~ .scrollbar {

            transform: translateX(100%);

            -webkit-transform: translateX(100%)

        }



        .m-tab2 .item:nth-of-type(3).active ~ .scrollbar {

            transform: translateX(200%);

            -webkit-transform: translateX(200%)

        }



        .m-tab2 .item:nth-of-type(4).active ~ .scrollbar {

            transform: translateX(300%);

            -webkit-transform: translateX(300%)

        }



        .m-tab2 .item:nth-of-type(5).active ~ .scrollbar {

            transform: translateX(400%);

            -webkit-transform: translateX(400%)

        }



        .m-tab2 .item:nth-of-type(6).active ~ .scrollbar {

            transform: translateX(500%);

            -webkit-transform: translateX(500%)

        }



        .wb50 { width: 50%; }

    </style>

</head>

<body>



<div class="m-tab2 J_Tab">

    <a class="item wb50 active" href="javascript:;">栏目1</a>

    <a class="item wb50" href="javascript:;">栏目2</a>

    <i class="scrollbar wb50"></i>

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js"></script>

<script>

    $('.J_Tab .item').on('click', function(){

        $(this).addClass('active').siblings('.item').removeClass('active');

    });

</script>



</body>

</html>
View Code

3.列表动画

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title> 列表动画 </title>

    <style>



        .list { height: 100px; line-height: 100px; text-align: center; margin-bottom: 10px; background-color: #ccc; border-top: 1px #e0e0e0 solid; border-bottom: 1px #e0e0e0 solid; }







        .anim-slide:nth-of-type(1) {

            -webkit-animation: slide .5s ease 0s backwards;

            animation: slide .5s ease 0s backwards

        }



        .anim-slide:nth-of-type(2) {

            -webkit-animation: slide .5s ease .1s backwards;

            animation: slide .5s ease .1s backwards

        }



        .anim-slide:nth-of-type(3) {

            -webkit-animation: slide .5s ease .2s backwards;

            animation: slide .5s ease .2s backwards

        }



        .anim-slide:nth-of-type(4) {

            -webkit-animation: slide .5s ease .2s backwards;

            animation: slide .5s ease .2s backwards

        }



        .anim-slide:nth-of-type(5) {

            -webkit-animation: slide .5s ease .2s backwards;

            animation: slide .5s ease .2s backwards

        }



        .anim-slide:nth-of-type(6) {

            -webkit-animation: slide .5s ease .2s backwards;

            animation: slide .5s ease .2s backwards

        }



        @-webkit-keyframes slide {

            0% {

                opacity: 0;

                -webkit-transform: translate3d(0,32px,0);

                transform: translate3d(0,32px,0)

            }



            100% {

                opacity: 1;

                -webkit-transform: translate3d(0,0,0);

                transform: translate3d(0,0,0)

            }

        }



        @keyframes slide {

            0% {

                opacity: 0;

                -webkit-transform: translate3d(0,32px,0);

                transform: translate3d(0,32px,0)

            }



            100% {

                opacity: 1;

                -webkit-transform: translate3d(0,0,0);

                transform: translate3d(0,0,0)

            }

        }



    </style>

</head>

<body>



<div class="list anim-slide">列表</div>

<div class="list anim-slide">列表</div>

<div class="list anim-slide">列表</div>

<div class="list anim-slide">列表</div>

<div class="list anim-slide">列表</div>



</body>

</html>
View Code

 

待续...

你可能感兴趣的:(动画)

  • Google earth studio 简介 陟彼高冈yu 旅游
    GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
  • 大雄的新恐龙：养育生命，的确不易 沧浪先生
    哆啦A梦这个动画片，我小时候没有看过，长大了之后似乎对这种充满童真童趣的动画片也没有太多的喜爱，所以结果很明显，我并没有看过哆啦A梦这个动画片。但是近年来大屏幕的兴起，让各家影视剧制作者发现了电影化的好处，没错，电影不仅影响力更大，钱赚得也多。《哆啦A梦·大雄的新恐龙》是最新的一部大屏幕电影，大雄和柯南一样，都永远长不大，而且他和他的小伙伴日复一日、年复一年地和机器猫哆啦A梦在一起玩耍，永远的神奇
  • 利用python实现图片格式之间的相互转换 难得北窗高卧 python开发语言
    一、概要图片一般有多种格式，常见的图片格式包括：JPEG（.jpg或.jpeg）：一种广泛使用的有损压缩格式，适用于摄影图像和网页上的图片。PNG（.png）：一种无损压缩格式，支持透明度和更好的图像质量，常用于图标、图形和需要透明背景的图片。该图片是4通道的，外加一个透明通道。如截屏GIF（.gif）：一种支持动画和透明度的格式，常用于简单的动画和图标。BMP（.bmp）：一种无损格式，存储图像
  • 8 冰鈊夢
    transition动画transform.box{width:200px;height:200px;background-color:gold;margin:50pxauto0;transition:all1sease;}.box:hover{transform:translate(50px,50px);}.box2{width:200px;height:200px;background-col
  • 动画电影《心灵奇旅》教你怎么做人，皮克斯为全人类上了一课 韩漫小说
    皮克斯出品，必属精品。不知从什么时候，这句话成了中国影迷和动画迷对皮克斯的认可和肯定。作为八十年代的人，虽然现在已经迈入中年，但是从小就对动画片十分痴迷。从《奥特曼》到《高达》，从《黑猫警长》到《海贼王》。动画伴我成长，给了我很多快乐。接触皮克斯的动画，是《玩具总动员》，看了真的令人感动。这不仅是儿童的欢乐片，也是给八零九零后奉献的精美大作。然而这一次的《心灵奇旅》，更是让我对皮克斯刮目相看。这次
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • ArcGIS Pro SDK （十四）地图探索 5 时间与动画 WineMonk ArcGISProSDKarcgisarcgisprosdkgisc#
    ArcGISProSDK（十四）地图探索5时间与动画文章目录ArcGISProSDK（十四）地图探索5时间与动画1时间1.1时间提前1个月1.2禁用地图中的时间。2动画2.1设置动画长度2.2缩放动画2.3相机关键帧2.4插值相机2.5插值时间2.6插值范围2.7创建摄像机关键帧2.8创建时间关键帧2.9创建范围关键帧2.10创建图层关键帧环境：VisualStudio2022+.NET6+Arc
  • 免费像素画绘制软件 | Pixelorama v1.0.3 dntktop 软件运维windows
    Pixelorama是一款开源像素艺术多工具软件，旨在为用户提供一个强大且易于使用的平台来创作各种像素艺术作品，包括精灵、瓷砖和动画。这款软件以其丰富的工具箱、动画支持、像素完美模式、剪裁遮罩、预制及可导入的调色板等特色功能，满足了像素艺术家们的各种需求。用户可以享受到动态工具映射、洋葱皮效果、帧标签、播放动画时绘制等高级功能，以及非破坏性的、完全可定制的图层效果，如轮廓、渐变映射、阴影和调色板化
  • 开发游戏的学习规划 杰克逊的日记 游戏学习
    第一阶段：●C#语言快速系统地学习一遍（基础的语法、面向对象、基础的数据结构、基础的设计模式）●Unity的2D和3D部分及UI、动画、物理系统●阶段性测验：需要去用前面所学的这些基础知识来完成一个简单的2d或者3d的案例，将通过一个自制的《Flappybird》游戏案例讲解游戏开发的思想及方法，并将《Flappybird》这个游戏进一步改造成一个横版射击类游戏《Crazybird》以巩固并且升华
  • 【鸿蒙应用】总结一下ArkUI 读心悦 鸿蒙基础鸿蒙应用
    ArkUI是HarmonyOS应用界面的UI开发框架，提供了简洁的UI语法、UI组件、动画机制和事件交互等等UI开发基础，以此满足应用开发者对UI界面开发的需求。组件是界面搭建的最小单位，开发者通过多种组件的组合构成完整的界面。页面是ArkUI最小的调度分隔单位，开发者可以将应用设计为多个功能页面，每一个页面进行单独的文件管理，并且通过页面路由API完成页面之间的调度管理，以此来实现应用内功能的解
  • 前端three.js的Sprite模拟下雪动画效果 qq_35430208 three.js前端javascript三维场景中下雪效果threejs实现下雪效果
    一、效果如图所示：二、原理同下雨一样三、完整代码：index.jsimport*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js';importmodelfrom'./model.js';//模型对象//场景constscene=newTHREE.Scene();scene.add
  • 剪纸与折纸 a晟睿
    暑期第47天秋高气爽，温度适宜，一天宅在家里真幸福。睿睿做完作业，看动画片，给她规定好看多长时间，虽然到时间会耍赖多看一会，基本上还是能守信用关掉。下午的时间，我找出彩纸，对睿睿说咱们剪纸吧，睿睿马上找来小剪刀，我找来剪纸的书，睿睿铺好她的瑜伽垫，我俩就面对面席地而坐，各忙各的了。睿睿的小手很灵活，照着图纸一会就叠好剪出来了，自己觉得不过瘾，又拿来我的手机，搜了一个折纸教程，一步一步跟着折起来。剪
  • Three.js AnimationUtils 和 AnimationObjectGroup 灵魂清零 three前端web3javascript
    AnimationObjectGroup接收共享动画状态的一组对象。在使用手册的“下一步”章节中，“动画系统”一文对three.js动画系统中的不同元素作出了概述用法:将本来要作为根对象传入构造器或者动画混合器(AnimationMixer)的clipAction方法中的对象加入组中，并将这个组对象作为根对象传递。注意，这个类的实例作为混合器中的一个对象，因此，必须对组内的单个对象做缓存控制。限制
  • three.js AnimationClip 和 AnimationMixer 灵魂清零 threeweb3前端javascriptvue.js
    AnimationClip动画剪辑（AnimationClip）是一个可重用的关键帧轨道集，它代表动画。构造器AnimationClip(name:String,duration:Number,tracks:Array)name-此剪辑的名称duration-持续时间(单位秒).如果传入负数,持续时间将会从传入的数组中计算得到。tracks-一个由关键帧轨道（KeyframeTracks）组成的数
  • 地缚少年：源光被喊变态，八寻宁宁没有撩到源辉，却撩到了源光 ACGN安乐
    细想之下花子君和八寻宁宁之所以可以走到一起，主要还是因为花子君在未经过八寻宁宁允许就亲吻了八寻宁宁，虽说这是花子君给八寻宁宁的保护咒，但严格来讲这种kiss的结果确实在八寻宁宁的心中种下了爱情的种子。动画《地缚少年花子君》第五话，神秘女生出现，可能是花子君的女票，八寻宁宁这是吃醋了。神秘女生出现后与八寻宁宁进行了一番对话，声称花子君像猫咪不但可爱还喜欢撒娇，可花子君从未在八寻宁宁身边撒过娇，随后神
  • 坤燕亲子日记第1063之和孩子讲述妈妈小时候的故事 坤燕_634c
    坤燕亲子日记第1063之和孩子讲述妈妈小时候的故事亲子共读记录之小猪2101天共读时间：睡前共读时长：50分钟共读书目：中国历史5数字家园英文动画片猜猜我有多爱你亲子共读记录之阳阳12年+201天诗一首道德经第47章睡前聊天早上读诗，中午读史，晚上读经，我真是太幸福了，托两个孩子的福得以重新上一次学，读一读诗歌，讲一讲历史，还能读经。中午读史时，阳走开了会儿，我还是继续读，小猪说，先别读，等姐姐来
  • 应付的剧情，乏味的游戏 512song
    这周晚上电脑用的少，倒也影响不大，日常的浏览、邮件收发都可以用手机来实现。唯一有影响的就是游戏了。搬家之后，每天晚上儿子在他的房间灯下苦学，我就在另一房间内玩游戏。开始还觉得甚是惭愧，但玩了一个多月，也感觉和儿子一样，是在苦玩了。每天的炉石传说的日常还有点趣味，攒足了金币，儿子开箱子抽卡，颇具仪式感。但自《魔兽世界》的主任务线完成之后的日常，就过于无聊了。暴雪的动画水平是越来越高了，其实根本没有必
  • [Unity 3d] VertexPaint （Mesh 顶点画手） - GitHub 雨落随风
    一个Mesh顶点动画绘制工具。GitHub上的工程多如繁星，有些好的仓库，但凡不经意间错过了就很难找回，故稍作采撷，希望能帮助到有心人。简介：笔者今天推荐的仓库叫VertexPaint。-顶点画手ThispackageallowsyoutopaintinformationontotheverticesofameshintheUnityeditoraswellasmodifyanyattribute
  • TinyReplaySystem回放系统设计和开发 W8023Y2014 UnityUnity
    TinyReplaySystem回放系统设计和开发简单探讨和分析下游戏回放系统的设计和针对特定需求回放功能的TinyReplaySystem设计和具体实现需求分析在屏幕舞台中，玩家操控动画角色通过手势缩放，移动，修改角色颜色等属性，用户操控所需要的角色进行PlayAnimation，角色扮演。扮演结束，保存到本地，可以回放用户所扮演的动画。相当于录制屏幕指定区域，存储成视频，加载回放。记录用户通过
  • unity模块切换_Unity动画系统详解3：如何播放、切换动画？ weixin_39983912 unity模块切换
    摘要：【长文预警，建议先收藏】有了模型和多个动画以后，在Unity中如何控制它们的播放和切换呢？本文带你一站式解析Unity的Animator模块。洪流学堂，让你快人几步。你好，我是跟着大智学Unity的萌新，我叫小新，这几周一起来复(yu)习(xi)动画系统。大智：“小新，还记得Unity的动画来源有哪些么？”小新：“有Unity中制作和外部导入两种，哦对！还可以用代码写动画，不过我不会，嘿嘿”
  • unity3d怎么让模型动起来_Unity动画系统详解1：在Unity中如何制作动画？ DataDuchess unity3d怎么让模型动起来
    摘要：在场景中加入动态的物体，可以让整个场景更加生动、真实。Unity场景中的物体可以通过制作动画，让物体动起来。简单的动画如物体的移动、旋转(比如旋转的风扇、闪烁不定的灯泡等)，复杂的动画如游戏中角色的动作、面部表情等。洪流学堂，让你快人几步。你好，我是跟着大智学Unity的萌新，我叫小新，这几周一起来复(yu)习(xi)动画系统。包含动画的场景小新：“智哥，我想在场景里加上一个旋转的风扇怎么做
  • 在Unity中利用AnimationClip方便快捷的播放游戏动画 Defining the Future 游戏unity游戏开发经验分享程序人生
    在Unity中我们一般要通过要通Animator类调用类中相应的触发方法，这样做的前提是必须要在动画属性面板中把这动画设置相应的触发条件（比如设置动画的触发条件为布尔值触发、数值触发等等），可以说是有点麻烦！下面新的一种动画触发方法即将到来，也就是通过AnimationClip类进行动画的触发。（而且注意这种方法不用设置相应的动画触发条件，可以直接触发相应的动画)代码如下://通过Animatio
  • 【五十五，模型加载-2 模型文件格式】 Woodlouse
    Obj和mtl文件ObjObj文件是3D模型文件格式，由Alias|Wavefront公司为3D建模和动画软件AdvancedVisualizer开发的一种标准，用于3D软件模型互导。包含数据信息：顶点坐标信息顶点的纹理坐标信息顶点法向量信息mtlmtl文件定义材质信息，包含数据信息：纹理贴图环境光镜面光散射光Obj文件格式obj文件中的信息以行为单位表示一条数据，可以根据行开头的字符判断后续数据
  • Unreal Engine——AI生成高精度的虚拟人物和环境（虚拟世界构建、电影场景生成）（二）（技术分析） 爱研究的小牛 AIGC—虚拟现实人工智能虚幻游戏引擎AIGC
    UnrealEngine（虚幻引擎）是业界领先的3D实时渲染引擎，广泛应用于游戏开发、影视制作、建筑可视化和虚拟现实等领域。其核心技术实现涵盖了多项复杂的功能模块，包括图形渲染、物理引擎、动画系统、音效系统和网络系统等。1.图形渲染技术UnrealEngine的图形渲染系统非常强大，支持实时渲染复杂的3D场景，生成高品质的视觉效果。虚幻引擎使用先进的渲染管线，主要分为以下几个方面：1.1渲染管线虚
  • 国产十大动画片排行榜Top2：大圣落魄，无能为力。《西游记之大圣归来》 小川_d87b
    我的英雄何在？英雄何在！在漫威，DC超级英雄的接二连三的轰击之下，我们的英雄还在吗？不可否认，我自己也很喜欢漫威宇宙的金刚狼，钢铁侠，这些英雄。也喜欢DC宇宙的蝙蝠侠，闪电侠，超人这些英雄。但我却更喜欢一个中国原汁原味的英雄。很小的时候，我心中的英雄是齐天大圣，但现在，大圣安在？中国的动画产业有些急躁了。虽然中国没有日本那样完备的动画产业链，挡不住投资方的突然撤资，项目突然夭折：虽然中国的动画人才
  • 《大鱼海棠》：原罪之爱VS舍己之爱 钟毓文
    我呢，很少会看国产动画片，但是《大鱼海棠》的名字很响，最近又是觉得生活特别黯淡无聊，需要些美好慰藉下对赤裸裸的现实剖析得淋漓尽致的疲倦心灵。看完之后，并不像我期待中的会有一片明媚的灿烂流入心底，而是淡淡地哀婉中带着淡淡的感动。成年人的世界里，很难有纯粹得一干二净的情绪，喜总是伴着忧，绝望的眼泪偶尔会闪烁着希冀，玩乐时总是会夹杂着思索。如果让我用一句话来评论《大鱼海棠》，我觉得它是一首婉转清幽的真爱
  • 国产十大动画片排行榜Top5：一部就想让你开心的动画片：十万个冷笑话系列 小川_d87b
    大量经典动画乱入，但又不显得突兀。大量广告强行插入，但又不显得讨厌。大量槽点刚想骂娘，却发现这是笑点。大量笑点全程密集，腹肌没痛膀胱痛。总之，就是一句话：值得一看。虽然没有深度和意义，但这些超越脑洞制造出的笑点既能让人惊呼“卧槽什么鬼”，又会使宅男们乐不可支不管从片名还是预告来看，这部电影的主题就是：逗笑你。传说中最简单的事情也最复杂，因为大家在这个时代，看的太多接触的太多，段子什么的都习以为常了
  • python编程一个最简单游戏,python最简单的游戏代码 gpt886 pygamepython开发语言人工智能
    大家好，小编为大家解答python编程一个最简单游戏代码的问题。很多人还不知道python编程一个最简单游戏，现在让我们一起来看看吧！前言初识pygame：pie游戏pygame游戏库使得如下功能成为可能：绘制图形、获取用户输入、执行动画以及使用定时器让游戏按照稳定的帧速率运行。使用pygame库；以一定字体打印文本；使用循环来重复动作；绘制圆、矩形、线条和户型；创建pie游戏；【----帮助Py
  • 《哪吒》3天破6亿，却出现了和《流浪地球》类似情况，让人心寒 3c82e10d5511
    近段时间，中国内地电影市场貌似开始慢慢的发生了改变，由吴京《战狼》系列开始，内地的电影都是与稳步上升的状态，就连暑假档里面好莱坞大片排挡的时候，港片《扫毒2》更是“秒杀”《钢铁侠》，问鼎票房冠军。图片发自App同样的，外国动画《狮子王》也在近期上映，很多人都纷纷去贡献票房，而这将近一个星期里面，《哪吒》与《狮子王》仿佛开启了PK状态，引起了网友们的广泛认可，而且大多数看过网友都是给予一致的认可。毕
  • 《哪吒之魔童降世》：我命由我不由天 司马蓝衫
    文/宸宸三年级暑假2019.7.28今天我和爸爸去明星电影院观看《哪吒之魔童降世》。我一年级时曾经看过一部动画片叫《我是哪吒》，我原以为这部电影也差不多。然而进了电影院，我就被小哪吒吸引住了。因为申公豹的掉包，哪吒被魔丸附身，他一生下来就很坏，到处搞破坏。可是实际上小哪吒只是想要引起父母的注意，想要和朋友一起玩。让我记忆最深刻的是，尽管哪吒被大家冤枉成妖怪，但他还是不顾危险努力去拯救陈塘关，最后他
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他