Jeslie-He
Jeslie-He

Html移动端红包雨功能页面实现

实习的效果如下：
Html移动端红包雨功能页面实现_第1张图片
Html移动端红包雨功能页面实现_第2张图片
具体代码如下
html部分：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>红包雨title>
    <link rel="stylesheet" href="./css/demo.css">
    <link rel="stylesheet" href="./css/index.css">
head>
<body>
    
    <ul class="redPaper">
        
    ul>
    <div class="backward">
        <span>span>
    div>
    <script src="./js/jquery.min.js">script>
    <script src="./js/index.js">script>
    <script>
       
    script>
body>
html>

demo.css为初始化css,可以不加
index.css部分

body{
    width: 100%;
    height: 100%;
    background-image: url(../images/bj.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.redPaper{
    width: 100%;
    height: 100%;
    /* border: 1px solid black; */
    overflow: hidden;
}
.redPaper li {
    position: absolute;
    animation: all 3s linear;
    top:-100px;
    -webkit-tap-highlight-color:  rgba(0, 0, 0, 0);
}
.redPaper li a{
    display: block;
}
.backward{
    width: 100%;
    background:#ccc;
    opacity: 0.5;
    position: absolute;
    top: 0;
    
}
.backward span{
    display: inline-block;
    width: 100px;
    height: 100px;
    color: #000;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height: 100px;
    font-size: 1000%;
}

index.js部分：


$(document).ready(function () {
    var win = (parseInt($('.redPaper').css('width'))) - 60;
    console.log(win)
    $(".redPaper").css("height", $(document).height());
    $(".backward").css("height", $(document).height());
    $("li").css({});
    // 点击确认的时候关闭模态层
    // $(".sen a").click(function(){
    //   $(".mo").css("display", "none")
    // });

    var del = function () {
        nums++;
        //					console.info(nums);
        //					console.log($(".li" + nums).css("left"));
        $(".li" + nums).remove();
        setTimeout(del, 200)
    }

    var addRedPaper = function () {
        var hb = parseInt(Math.random() * (3 - 1) + 1);
        var randomW = parseInt(Math.random() * (70 - 30) + 20);
        var randomLeft = parseInt(Math.random() * win);
        var randomRotate = (parseInt(Math.random() * 45)) + 'deg';
        //				console.log(rot)
        num++;
        $(".redPaper").append("
    • "    );
        $(".li" + num).css({
            "left": randomLeft,
        });
        $(".li" + num + " a img").css({
            "width": randomW,
            "transform": "rotate(" + randomRotate + ")",
            "-webkit-transform": "rotate(" + randomRotate + ")",
            "-ms-transform": "rotate(" + randomRotate + ")", /* Internet Explorer */
            "-moz-transform": "rotate(" + randomRotate + ")", /* Firefox */
            "-webkit-transform": "rotate(" + randomRotate + ")",/* Safari 和 Chrome */
            "-o-transform": "rotate(" + randomRotate + ")" /* Opera */
        });
        $(".li" + num).animate({ 'top': $(window).height() + 20 }, 5000, function () {
            //删掉已经显示的红包
            this.remove()
        });
        //点击红包的时候弹出模态层
        $(".li" + num).click(function (e) {
            if (e.target.tagName == 'IMG') {
                console.log(e.target.dataset.num)
            }

        });
        setTimeout(addRedPaper, 200)
    }

    //增加红包
    var num = 0;
    setTimeout(addRedPaper, 3000);

    //倒数计时
    var backward = function () {
        numz--;
        if (numz > 0) {
            $(".backward span").html(numz);
        } else {
            $(".backward").remove();
        }
        setTimeout(backward, 1000)

    }

    var numz = 4;
    backward();

})

    你可能感兴趣的:(HTML5,JavaScript,红包雨)

    • 移动端城市区县二级联动选择功能实现包 good2know
      本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
    • 三件事—小白猫·雨天·八段锦 咸鱼月亮
      1.最近楼下出现一只非常漂亮的粘人小白猫，看着不像是流浪猫，非常亲人。眼睛比蓝球的还大，而且是绿色的，很漂亮。第一次遇到它，它就跟我到电梯口，如果我稍微招招手，肯定就跟我进电梯了。后来我喂过它几次，好可惜不能养它，一只蓝球就是我的极限了。2.下雨天就心烦，好奇怪。明明以前我超爱看窗外的雨和听雨声，看来近来的心情不够宁静了。3.最近在练八段锦，从第一次就爱上了这个运动，很轻松缓慢，但是却出汗。感觉可
    • 读书能沁润心灵 平等乡马回营小学方燕姣
      书，是一泓清澈的溪水，是一片充满生机的芳草地。读书能让孩子的心变得宁静、诗意、豁达。在美好年纪，美好的时光里，我们要创造一切可以创造的机会，让孩子去遨游浩瀚的书海，浸润美好的人生。每个早晨，一股花草的清香扑了个满怀，清脆的读书声响彻了整个校园，回荡在空中久久不能停息。自然界的清韵声音有：鸟鸣声、溪流声、松风声、雨打芭蕉声，而惟读书声最为动听。孩子们的读书声，混和着树上的鸟鸣声，还有微风吹动竹叶的声
    • 最新阿里四面面试真题46道：面试技巧+核心问题+面试心得 风平浪静如码
      前言做技术的有一种资历，叫做通过了阿里的面试。这些阿里Java相关问题，都是之前通过不断优秀人才的铺垫总结的，先自己弄懂了再去阿里面试，不然就是去丢脸，被虐。希望对大家帮助，祝面试成功，有个更好的职业规划。一，阿里常见技术面1、微信红包怎么实现。2、海量数据分析。3、测试职位问的线程安全和非线程安全。4、HTTP2.0、thrift。5、面试电话沟通可能先让自我介绍。6、分布式事务一致性。7、ni
    • 不能随便扔垃圾 小猪宝贝0905
      阴雨天的周五，看你生病在家窝了快一周，嚷嚷着要去游乐场，那就决定带你去四海书城；为了不让你被雨淋湿，妈妈准备推个自行车，刚把你放到自行车后座上，你一个喷嚏鼻涕出来了，随手拿出纸巾擦擦鼻涕，妈妈因为嫌把你从座位上抱下来扔纸巾到前面的垃圾桶麻烦，就将纸巾扔进了旁边的树丛里；你却批评了妈妈，“不可以把纸巾扔到地上，应该扔进垃圾桶”；妈妈顿时感觉很羞愧，将你抱下来，重新捡起纸巾，扔进了垃圾桶。
    • 2024微信红包封面序列号领取方法有哪些？（红包封面购买） 帮忙赚赏金
      2024微信红包封面序列号领取方法有哪些？（红包封面购买）红包封面领取微信搜索公众号：【艺间封面】千万红包封面等你领取2024微信红包封面免费序列号如何设置微信红包封面？1.打开微信，点击好友选择红包。2.单击红包封面。3.单击“添加红包封面”。4.输入接收序列号。来一波免费的微信红包封面序列号微信红包封面序列号红包封面领取微信搜索公众号：艺间封面千万红包封面等你领取微信红包封面序列号kGnkrb
    • 人生最美的遇见，是灵魂的相遇 柔情灬淺風
      紫陌红尘，行色匆匆，总有一些故事铭心刻骨，历久弥香；总有一份遇见来得恰好，芬芳着整个苍绿孤旅；总有所谓伊人在水一方，清扬婉兮。心中有美一人，如花开在眸里；心中有君一人，如月挂在窗前。最美的遇见，是两颗敏感的灵魂走到了一起，从而，你中有我，我中有你，山有木兮木有枝，吾悦君兮君悦吾。清晨，雨住，天晴，霞光漫天，风柔草青，清新沁心，轻盈舒适。一个人安静地漫步在风中，心旌摇曳，心湖轻漾，激起的点点涟漪，像
    • 今天的彭格列依然被世界游戏吓得瑟瑟发抖呢 云染舒倦
      前言有一天，有一个白兰的大魔王想要毁灭世界，创世者非常不高兴，于是，创始者用吞噬一切，包容一切的大空（泽田纲吉）、捉摸不定的雾（六道骸）、孤高的浮云（云雀恭弥）、愤怒的忠岚（狱寺隼人）、晕染一切的雨（山本武）、守护之雷（蓝波）、热血之晴（晴川了平）创造了七位拯救世界的勇士（用属性制造勇士），让他们跟白兰对抗。。。［白兰的力量是游戏，于是要打败他，只要同样在世界布置的游戏中，赢过白兰就行了~］图片发
    • 缘起缘灭一续 龙抬头0158
      新娘吴雨对钱程也熟悉，在这帮小兄弟眼里，钱程为又豪爽，绝对是大家宠儿，自然吴雨也不例外。阿兵哈哈大笑，侧过头，对钱程说道：“是的，打不过你，你去喝茶，下半夜我让你。”“我是回家了，你们通宵吧。”钱程说道，站起来要走。“不能走，建军，不要让他回去，今天难得。”坐床沿上打牌的卫东对建军说。阿兵、卫东、建军是这帮人中和钱程玩得最好的，自然不让钱程回，死活要拉着钱程。“不回家，我睡哪？去新床睡，哈哈哈。”
    • 用代码生成艺术字：设计个性化海报的秘密
      本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
    • 2024最新微信红包封面序列号大全+领取时间表(持续更新) 全网优惠分享
      微信红包封面序列号兑换码，每天，我们都在奔波于现实的雾霾里。工作、生活、压力、困扰，如同无尽的泥潭，让我们时刻感到疲惫不堪。然而，在这个被喧嚣包围的世界，我们是否还能保持内心的宁静和平淡？微.信搜索:「封面院」关注公众号可领取红包封面序列号。最新微信红包封面序列号：先到先得，抢完为止：1、pdiqgLsY1lR2、vC8tY0VRf3D3、j0kzzrfwl6Y4、dqRCUZ0lwmJ5、ldT
    • 时间看得见（第71天/3650天） 瓜小西呀
      【第71天/3650天】时间管理：2019.04.24今天雨竟然下了一整天，晚上计划好的搬家计划也被迫搁浅了，原来热闹的宿舍只剩下空荡荡的床位，如果不是大雨，这个房子今晚已经没有人了，没想到行动最早的我和玉米竟站了宿舍最后一班岗。想我的小伙伴们啊~虽然有时会觉得有点吵，但吵吵闹闹的不才是生活吗？这样一下子突然安安静静的，还真是一点都不习惯呢！不过还好我们都会保持联系:-)还没分开，我们就已经开始约
    • 今天我生日 给自己一个坚持的理由
      今天10月2日，是我生日。农历八月二十六，星期六。天气晴朗，阳光明媚。好日子，喜上加喜。昨天是普天同庆的国庆日，今天迎来自己的生日，感觉非常的幸运！尤其和小姨父是同一天生日，成了我们每年国庆假期必聚的一个时刻。今年乔迁新居，加上今天的生日，小姨给包了一个大红包。上午爸妈先到了，小姨一家接近中午时分到的。在新家看了看聊了聊，我就请一大家人去吃的火锅。席间畅聊工作，回忆往事，畅想未来……和家人欢聚的时
    • 雨中晨跑 林中的空气
      出门时天气阴沉，像往常一样就开始了慢跑热身（这是本人跑步的一个习惯），调整呼吸，调整步子，调整摆臂，慢慢进入一个舒适的状态，同时也就开启了美好的晨跑中…跑了20分钟左右，天空开始有雨点落下，起初不经意间打到脸上，还是有点惊讶，想要不要赶快回去，伴随回去的想法，加快了跑步的节奏，雨点调皮地调整着落点，一会儿打到脸上，一会儿落到肩上，手上也时不时给来几下，被迫感受着雨点的调皮，居然有点兴奋。雨还在下，
    • 秋菊 双奕桃花
      图片发自App经秋未起霜花雨，静静菊花捧小蕾。苍颜不似三春绿，默默炙热藏蕊内。图片发自App沙沙秋雨落九尘，无声润物点菊芳。幽幽菊瓣层叠层，雨落花娇似春光。图片发自App秋雨绵绵织女线，盛开娇菊粉浅浅。丝丝瓣瓣珠点点，犹若相思对秋言。
    • 2024最新微信红包封面序列号免费获取方法（烟花城堡，浪漫爱情系列） 帮忙赚赏金
      2024最新微信红包封面序列号免费获取方法（烟花城堡，浪漫爱情系列）微信红包，是如今社交网络中最潮流的传递祝福和喜庆的方式之一。作为社交媒体的巨头，微信每年都会为用户们推出各种各样的红包封面，让我们能够在与亲友交流的同时增添一份喜庆氛围。而在2024年，作为微信红包的最新封面，烟花城堡与浪漫爱情系列封面将成为当之无愧的热门选择。你可以关注微信公众号【艺间封面】领取微信红包封面序列号各式各样应有尽有
    • 为什么学习Web前端一定要掌握JavaScript？ web前端学习指南
      为什么学习Web前端一定要掌握JavaScript？在前端的世界里，没有什么是JavaScript实现不了的，关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript，JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。
    • 冠军 渔先生想吃鱼了
      1灯光璀璨，王博被队友簇拥着举起了象征冠军的奖杯，看着队友们紧捏着双拳振臂高呼，听着看台下观众山崩海啸般近乎疯狂地呐喊，之前种种的不真实感被击得粉碎。舞台灯光最终聚焦在五个年轻人身上，照出了他们无以复加的激动脸庞，漫天飞舞而下的金色纸雨折射着光芒，也让他们更加耀眼夺目。当主持人将话筒递给王博时，他才想起还要说获奖感言，揉了揉激动到僵硬的脸颊，大脑却是一片空白。在这之前，根本没有人看好他们能走到这一
    • Vue CSR 到 Nuxt 3 SSR 迁移：技术实现与问题解决实录 二倍速播放 前端vue.js
      1.迁移动机与技术选型1.1CSR架构的局限性基于Vue3和Vite构建的客户端渲染(CSR)单页应用(SPA)提供了良好的开发体验和用户交互流畅性。但是其核心局限在于：搜索引擎优化(SEO)：初始HTML响应仅包含一个根div元素，实际内容由JavaScript在浏览器端动态生成。虽然主流搜索引擎（如Google）能够执行部分JavaScript，但其抓取效率和稳定性不如直接获取完整HTML。非
    • 微信红包封面序列号520大全免费(附99个亲测可用的序列号及获取)2024序列号分享大全 e95cfad15310
      微信红包作为一种时尚、便捷的送礼方式，深受广大用户的喜爱。微信红包封面序列号520大全免费，只需要关注《天真妹集合》微信公众号就能获取微信红包序列号啦！而红包封面作为增添红包趣味性和个性化的重要元素，更是备受关注。其中，序列号520的红包封面因其寓意深刻（“520”在中文网络用语中常代表“我爱你”），成为了许多人争相抢购的热门选择。本文将为大家分享99个亲测可用的微信红包封面序列号520，并附上获
    • 我有个优点或亮点，总是能吸引来贵人在事业和人生平时和新台阶时，协助我一起打出一片天 海波谈吸引力法则实用
      我有一个优点或亮点就是总是能吸引到贵人相助，平时身边总有贵人帮我。在事业和人生每往上迈的时候，平时也总有贵人相助，我总是能吸引到厉害的人协助我一起打出一片天地，比如穆老师，太太，袁老师，余老师，霍老师，紫雨老师等。我有缺点毛病也无法掩盖否定我的这些优点亮点，因为两者不是对立的，谁都无法掩盖否定谁，并且只要是人都会有，也就是没有必要改掉所有的缺点毛病，直接扬长避短就好，也就是看你怎么聚焦，当你老是抗
    • 12. 什么是事件委托 yqcoder 前端面试-CSScss面试
      总结事件委托（EventDelegation）是JavaScript中一种重要的事件处理机制，它利用了事件冒泡的特性，将事件的处理程序绑定到父元素或祖先元素上，而不是直接绑定到具体的子元素上。什么是事件委托？事件冒泡：在DOM中，事件通常会从触发元素开始，然后逐级向上冒泡到其父元素、祖先元素，直到window对象。核心思想：事件委托的核心思想是利用事件冒泡机制，在父元素上监听事件，而不是在每个子元
    • 客旅 靖雯weny
      文/靖雯图片发自App空气中犹如一颗微粒子四处寻找归宿泥土中犹如一抹尘埃弥漫着诱人的阵阵清香久久不忘何时来又何时去真不知晓或春或冬，或喜或悲地球所有的房间里你我都是客旅四季的更替编织出五彩斑斓的梦走过人生的征程或雨或霜，或逆或顺细细翻阅履历原来脚踪丝毫不曾停留某处
    • 2022年拼多多618活动什么时候开始和结束 日常购物技巧呀
      马上就是618咯，小伙们准备好购物资金了吗？可不能将鸡蛋都放在一个篮子里，多去各个电商平台逛逛，享受多重618优惠服务。那么2022拼多多618活动什么时候开始呢？快和小编一起来了解一下吧。时间：5.29日20点—6.20日每天抽三次红包，最高可领28888r‼️参与方式很简单，直接去桃宝搜官方密令即可领取，现在分享给大家！密令：【天降红包61666】这是官方密令，中大包的概率更高，现在就可以去搜
    • 静谧的夜 姿一姿
      窗外雨淅淅沥沥地下着床上老公孩子都沉沉地睡下了卸下一天的疲惫脱去外套揉揉惺忪的眼睛摘下眼镜此刻间打开手机，翻开去找寻一如既往的愉悦感动动手指走进温暖的港湾敲打出简单的文字输出慵懒的幸福生活……岁月静好如此安然如此简单……
    • 民间故事：公公为难儿媳妇，让她下一场雨，儿媳妇：我能做到 月汐酱
      读民间故事，品百味人生，欢迎观看月汐酱讲故事。话说古时，在巨石镇有一个王财主，家中良田千顷，奴仆数百，而且还有三个儿子，两个女儿，按理来说是没有什么烦心事的，可是最近王财主却犯起了愁。大儿子今年27岁，早早的考中了功名，当了一个县令，取了城中刘员外家的女儿做妻子，过上了安稳的日子，王财主也不必牵挂。二儿子今年20岁，虽说之前，整天和一群狐朋狗友在一起不务正业，也不操心家里的生意，可自从去年给他娶了
    • 红 . 胜似火 燕子语呢喃
      （注：打卡第493天）－－燕子语呢喃图片发自App冬日的暖阳里有着你摇曳的身姿红胜似火的年华里你不低头不骄不傲不燥温润如你一般风吹雨打日夜轮动却依然笑对霜的侵袭露的抚摸你可曾累了吗日日总在枝头绕却不如花的娇艳也不如绿叶的清香你就是你你做你自己暗羡你的洒脱欣赏你的美
    • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
      一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
    • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
      总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
    • D020+3组鱼来与鱼往+《吉田医生哈佛求学记》读书笔记 筱麦
      今天读第四章时，看到一句话：只要不放弃，就能发现道路，即便是羊肠小道。这让我想起那年去集安玩的经历，那年夏天我们三口人自驾去集安玩，玩的几天特别开心，夏季多雨，返程的时候，就赶上了大雨，雨势迅猛，任凭雨刷器摆的再快，也看不清前方的路，而且有一段路是盘山路，特别陡特别窄，在这样的路况下，女儿有些害怕，我心里也很紧张，老公劝我们说没事的，虽然他这么说，但我还是很紧张，坐在副驾驶专心替他看路。开过了盘山
    • 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其他