用网页模拟手机（安卓）通知列表中的「清除」效果

用网页模拟手机（安卓）通知列表中的「清除」效果

 

是的，要模拟的就是上图这种效果。这个效果主要出现在安卓，尤其是三星的手机上。前两天受同事的「邀请」，让我用网页实现这样的效果，今天周末，起床后趁着还有点睡意，就把它搞定了。粗制滥造的几行代码，没有传说中的语义化，没有管是否适合用在实际项目中，纯粹就为了好玩。

直接看 DEMO 吧：http://demo.abo.hk/notify-list/ 在手机上效果更像哦！

然后是代码，请不要纠结写的是否合理，是否可以再优化，这纯粹是为了效果，为了好玩。

先是 HTML 代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>仿手机通知列表清除效果 - 作者：ABEL</title>

        <link type="text/css" rel="stylesheet" href="style.css" />

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

    </head>

    <body>

        <div id="notify">

            <div class="header">

                <span>仿手机通知列表</span>

                <a class="empty" href="javascript:;">清 除</a>

            </div>

            <ol class="list">

                <li style="background-position:5px 10px;">

                    <p>作者：<a href="http://weibo.com/ABELYAO" target="_blank">阿博ABEL</a></p>

                    <span><a href="http://abel.cnblogs.com/" target="_blank">abel.cnblogs.com</a></span>

                </li>

                <li style="background-position:5px -190px;">

                    <p>新浪微博</p>

                    <span>您有 10 条新微博，2 条私信</span>

                </li>

                <li style="background-position:5px -40px;">

                    <p>cnBeta.com</p>

                    <span>您有 10 条未读新闻</span>

                </li>

                <li style="background-position:5px -90px;">

                    <p>Adobe Update</p>

                    <span>3 Updates</span>

                </li>

                <li style="background-position:5px -140px;">

                    <p>iTunes</p>

                    <span>正在播放音乐…</span>

                </li>

            </ol>

        </div>

        <script type="text/javascript" src="jquery-1.10.2.min.js"></script>

        <script type="text/javascript">

        $(function()

        {

            $("#notify .empty").bind("click", function()

            {

                var w = $("#notify").width();

                

                // 将列表中的对象，反序放到一个新的数组中

                var list = [];

                $("#notify .list li").each(function() 

                {

                    list.unshift($(this));

                });

                

                // 循环对象数组

                for(var i in list)

                {

                    // 每个对象延迟i*100毫秒再开始动画效果，完事后移除节点

                    list[i].delay(i*100).animate({'margin-left': w + 'px'}, 300, function()

                    {

                        $(this).remove();

                    })

                }

            });

        });

        </script>

    </body>

</html>

然后是 CSS 代码：

@charset "utf-8";



*

{

    margin: 0;

    padding: 0;

    border: 0;

    list-style: outside none;

}



body

{

    background: url(bg.jpg);

    font: 14px/1.0 'Microsoft YaHei';

}



a

{

    text-decoration: none;

}



#notify

{

    margin: 30px 0 0 50px;

    background: url(list-bg.png);

    width: 300px;

    height: 450px;

}



@media screen and (max-device-width: 650px)

{

    #notify

    {

        margin: 0;

        width: 100%;

    }

}



#notify .header

{

    background: #212729;

    color: #FFF;

    line-height: 30px;

    font-weight: bold;

    padding-left: 10px;

}



#notify .header .empty

{

    float: right;

    background: #53840F;

    width: 80px;

    text-align: center;

    color: #FFF;

    border-radius: 7px 0 0 7px;

}



#notify .list

{

    overflow: hidden;

    width: 100%;

}



#notify .list li

{

    background: #464B4B url(icon.png) no-repeat;

    border-bottom: 1px solid #212729;

    height: 50px;

    overflow: hidden;

}



#notify .list li p

{

    font-size: 16px;

    color: #FFF;

    padding-left: 55px;

    padding-top: 8px;

    line-height: 20px;

    width: 200px;

}



#notify .list li span

{

    display: block;

    color: #CCC;

    font-size: 12px;

    padding-left: 55px;

    width: 200px;    

}



#notify .list li a

{

    color: #9CC;

}

that's all.

你可能感兴趣的:(安卓)

  • mac 备份android 手机通讯录导入iphone,iphone如何导出通讯录（轻松教你iPhone备份通讯录的方法）... weixin_39762838 mac备份android手机通讯录导入iphone
    在日新月异的手机更替中，换手机已经成为一个非常稀松平常的事情，但将旧手机上面的通讯录导入到新手机还是让不少小伙伴为难，本篇将给大家详细讲解这方面的知识：“苹果手机通讯录怎么导入到新手机”及“安卓手机通讯录导入到新手机”的方法。一、苹果手机通讯录导入到新手机常用方法(SIM卡导入)在苹果手机主频幕上找到“设置”，单击进入设置菜单，下拉菜单列表，点击“邮件、通讯录、日历”，然后找到“导入SIM卡通讯录
  • HBuilderX真机运行安卓APP hello_world_Q android
    前提：1.安卓设备进入开发者模式（设置-系统-关于本机-点击版本号直至出现已进入开发者模式提醒）2.找到开发者选项-打开USB调试3.下图4.下图
  • 安卓玩机搞机技巧综合资源----安卓机型使用ADB指令 无需root 卸载 禁用当前机型各种软件app 安卓机器 安卓玩机搞机技巧综合资源android
    在前面的博文我有分享过如何使用adb来卸载禁用有些系统自带的软件。今天将详细的步骤来讲解。在操作前需要注意。不要禁用或者卸载有些系统应用如应用商店和系统更新等。否则系统严重会导致不开机。在做未有把握操作之前，最好先备份数据。如果遇到卡logo问题，极端情况下可能要在Recovery界面清除数据才能启动系统或者线刷来救砖。前期工作1----下载adb环境工具｛https://dl.google.co
  • ⭐Unity 安卓环境中正确地读取和处理 XML 文件 惊鸿醉 Unityunityandroidxml
    写了一个选择题Demo，电脑包和编辑器内无问题，但是打包安卓手机之后题目无法正常使用，想到的是安卓环境中正确地读取文件的问题改进方案：1.由于XmlDocument.Load方法在Android上的路径问题（由于文件位于APK内部，无法像在文件系统中那样直接访问），需要先使用UnityWebRequest来异步加载文件内容，然后再解析XML。2.异步处理：修改你的代码，以支持异步文件加载和处理，这
  • Unity 热更 之 【HybirdCLR】+【YooAsset】 [安卓 Android端] [代码 + 资源热更] 功能的 简单实现演示 仙魁XAN Unity进阶unityHybirdCLRYooAssetHotUpdate热更新
    Unity热更之【HybirdCLR】+【YooAsset】[安卓Android端][代码+资源热更]功能的简单实现演示目录Unity热更之【HybirdCLR】+【YooAsset】[安卓Android端][代码+资源热更]功能的简单实现演示一、简单介绍二、HybridCLR三、YooAsset四、HybirdCLR引入工程五、YooAsset引入工程六、Python服务器简单构建七、Hybir
  • 简化安卓操作：利用ADB命令返回主页、首页等操作 开心呆哥 androidadb
    介绍：在日常使用安卓设备时，经常需要返回到主页或者首页。虽然通过手动点击设备上的按钮可以轻松实现，但对于一些需要频繁进行此操作的场景，这种方式可能显得有些繁琐。幸运的是，利用ADB（AndroidDebugBridge）命令，我们可以在不触摸设备的情况下轻松地返回到主页、首页等操作，从而提高操作效率。本文将介绍如何利用ADB命令来实现这些操作，让您的安卓设备操作更加便捷。正文：1.返回主页：要通过
  • 安卓手机怎么安装国外应用 印随2018
    怎么解决国内无法使用GooglePlay商店我一直使用的是安卓手机，但是想安装国外应用的话，非常麻烦。今天发现一种最简单的方式，无比高兴，啊哈哈打开https://www.apkmonk.com/，类似于安卓应用商店，好在可以直接下载apk文件想办法发送到手机上在手机上点击安装
  • 基于nodejs+vue的美妆彩妆网站的设计与实现(源码+LW+调试文档+讲解等) 程序员gelei nodejs毕业设计项目vue.js前端javascript
    目录：博主介绍：完整视频演示：系统技术介绍：后端Java介绍前端框架Vue介绍具体功能截图：部分代码参考：Mysql表设计参考：项目测试：项目论文：为什么选择我：源码获取：博主介绍：博主：程序员gelei：全网拥有20W+粉丝、CSDN作者、博客专家、全栈领域优质创作者、平台优质Java创作者、专注于Java、小程序、python、安卓技术领域和毕业项目实战✌Java精品实战案例《1000套》20
  • 2K价位的手机还有这些神仙功能，绿厂ColorOS系统yyds 机测女孩
    有一个有趣的现象，即使到了2021年，苹果手机在硬件技术上已经被安卓阵营大幅领先，但依然有大批的粉丝为了体验iOS趋之若鹜，可见用户对于手机系统的看重并不亚于参数配置。近年来，不少国产品牌的手机明显意识到了这一点，在堆砌参数的同时也非常重视系统的构建与优化，诸如华为、OPPO等手机品牌在整体系统体验大幅上升。就拿我手上的2k价位的OPPOA96来说，作为一款价格相当亲民的中端机型，其系统体验上却完
  • 安卓将本地日志上传到服务器 胡子洲 Androidandroid服务器
    在安卓开发中，将本地日志上传到服务器是一个常见的需求，特别是在开发需要远程监控或调试的应用时。以下是一个基本的步骤和示例，说明如何实现这一功能：1本地日志上传到服务器1.1准备服务器首先，你需要在服务器上设置一个接口，用于接收上传的日志文件。这个接口可以是RESTfulAPI，使用HTTPPOST方法接收文件。你可以使用各种后端技术栈来实现这个接口，如Node.js、Python（Flask或Dj
  • 计算机毕业设计选题推荐-基于Python框架项目推荐（中） 计算机毕设大佬 Java毕设实战项目Python毕设实战项目爬虫+大数据毕设实战项目python计算机毕业设计django计算机毕业设计如何选题25届计算机毕业设计如何选题计算机毕业设计选题推荐24届计算机毕设选题推荐
    博主介绍：✌十余年IT大项目实战经验、在某机构培训学员上千名、专注于本行业领域✌技术范围：Java实战项目、Python实战项目、微信小程序/安卓实战项目、爬虫+大数据实战项目、Nodejs实战项目、PHP实战项目、.NET实战项目、Golang实战项目。主要内容：系统功能设计、开题报告、任务书、系统功能实现、功能代码讲解、答辩PPT、文档编写、文档修改、文档降重、一对一辅导答辩。获取源码可以联系
  • Gemini实时语音模式对安卓用户免费——现在你就可以试用 AI小智慧 语音识别人工智能
    Gemini，这是谷歌快速崛起的AI驱动应用，现在已经开始向Android用户免费推出其实时语音模式。这将使用户能够与Gemini进行实时的交互式语音对话，这是我们与AI互动方式的一大进步。之前，用户只能通过传统的文字输入和响应来与Gemini互动，而现在借助Gemini实时语音模式，用户可以免提地实时探索想法、头脑风暴和讨论各种话题。这种创新互动体验与光年AI的灵活工作流不谋而合，进一步增强了用
  • 新版本flutter混编安卓没有flutter类 絮语时光 flutterflutterandroid
    Flutter升级到1.12后遇到的问题添加链接描述前些日子评论区里wangwhatlh同学反馈遇到了程序包io.flutter.facade不存在问题，起初我运行了一下之前的项目，发现可以正常运行，加上我自己有一段时间没有用过Flutter了，也就没太重视这个问题。说来也是惭愧，最近又陆续有多位小伙伴反馈了这个问题，我才终于意识到这是一个普遍性问题，简单查了一下了解到这个错误是Flutter1.
  • 安卓实现微信聊天气泡 温正实 android微信
    一搜没一个能用的，我来：布局文件：-->左边气泡drawable文件：右边气泡drawable文件：
  • Unity 插件 UniWebView，可以内嵌网页/浏览器到应用中 Jinx Boy unity游戏引擎android
    给大家推荐一个非常好用的unity内嵌网页插件：UniWebView最近在做安卓pad应用开发，需要用到内嵌网页的功能，发现这个最好用。一拖一改就可以了就是遇到了两个问题：一个是没有定位权限有些网页会打不开，解决方案可以看这篇：UnityAndroid内嵌网页，网页不开，没有定位权限另一个是加密的网页内容不允许加载，解决方案可以看这篇：Android开发，嵌入网页，网页打不开报错ERR_CLEAR
  • 零基础安卓开发起步（二） zhyuzh3d
    本文介绍从零开始进行安卓APP的开发，MaterialDesign的使用。记录学习过程，仅供新手参考。引入MaterialDesignMaterialDesign是谷歌发布的一套安卓界面元素模板。首先我们把它引入到项目里面。首先从项目列表中打开【GradleScripts-Build.gradle(module:app)】文件。如果没有这个文件，不要着急，注意AndroidStudio底部的文字，
  • 直返APP省钱靠谱吗 亲身经历告诉你答案 氧惠好项目
    直返APP可以在各大应用商店或官方网站下载。例如，在苹果应用商店、安卓应用商店、微信小程序等平台上都可以搜索到直返APP。氧惠APP（带货领导者）——是与以往完全不同的抖客+淘客app！2023全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（每天出单带货几十万单）。注册即可享受高补贴+0撸+捡漏等带货新体验。送万元推广大礼包，教你如何1年做到百万团队。对于直返APP的可
  • React-native 桥接Android原生开发 一天清晨
    在开发RN的漫漫长河中,早晚有那么一天要接触到安卓的原生开发,笔者来介绍一下其中的酸甜苦辣.对于一个不懂android的小白来说,刚开始有点难,不过都是万事开头难.语言是想通的,原理也是大径若一.1.png开发过程中是要集成高德的导航功能,没有找到好的轮子的,只要写原生代码,然后在用JS去调用原生的导航模块.首先注册模块其意义在与将类注册到RN中,才能用JS去调用publicclassAnExam
  • Android视频开发进阶-关于视频的那些术语，android软件开发计算器 wa32saa 程序员架构移动开发android
    原文出处：jianshu正文说到安卓的视频开发，大多数朋友们都是用着开源的播放器，或者安卓自带的nativemediaplayer，拿来主义居多，我曾经也是。。。最近这半年因为开始着手重构公司的播放器,也开始学习了很多视频音频开发的相关知识，抱着独乐乐不如众乐乐的想法，开始写一些值得分享的东西。这次的连载和之前的RxJava分享一样，会分开不容的章节。第一次我打算分享一下视频开发中常见的一些知识点
  • 2020年是做安卓开发人员的绝佳时机，android开发面试自我介绍 m0_66144765 程序员架构移动开发android
    你这样做仅仅是准备好一个开发环境去构建安卓App,但是你还得去准备好基础和基本知识来理解安卓开发和大多数教程使用的通用术语你现在也可以在安卓系统上构建基本的App，并且可以开发一些功能。随意使用空白画布，用你的想象力填充它。当你玩完创意后，2020年你的下一个目标是加快游戏进度，推动自己成为一名为数十亿人构建应用的开发者。我们现在去第二层！提升自己-作为一个安卓开发者Level2这个列表将作为你学
  • 【安卓面试】 木啊木啊木 android面试职场和发展
    百度-APP相关安卓开发数组排序view流程和surfaceViewrecycleViewview绘制流程停止一个线程停止线程的场景输入一个url观察者模式观察者模式的基本流程：安卓内存共享JNISQLkotlin与java混用的问题Linux命令及原理app启动流程小程序原理加密算法对称加密非对称加密安卓持久化存储方式启动模式和场景ANR以及如何避免数组排序八大排序-及复杂度viewView是用
  • 【教程】如何使用 MYScrcpy，一行Python代码获取Android设备 屏幕/摄像头 H264/H265 原始视频流 Me2sY MYScrcpypythonandroid开发语言智能手机扩展屏应用开发开源测试工具
    MYScrcpy1.5.8Github/Gitee1.5.8版本新增获取原始视频流（H264/H265）方法，供小伙伴们在需要原生H264/H265串流时使用要求MYScrcpy>1.5.8pipinstall-Umysc安卓设备开启调试模式，安卓版本>5（摄像头需>11）H265需安卓设备支持H265编码步骤MYScrcpy从设计之初，就是想为小伙伴们打造一款好用易上手的工具包，所以使用起来也非
  • 【Sceneform-EQR】使用EQ-Renderer实现手势交互 EQ-雪梨蛋花汤 #Sceneform-EQR移动端开发arjava
    title:使用EQ-Renderer实现手势交互date:2024-01-31description:EQ-Renderer是基于sceneform（filament）扩展的一个用于安卓端的三维AR渲染器。本文档记录如何创建一个简单的手势交互示例。Sceneform-EQR简介EQ-Renderer是EQ基于sceneform（filament）扩展的一个用于安卓端的三维AR渲染器。主要功能它包
  • 2024年Android开发60条技术经验总结，2024年最新面试安卓系统架构 2301_82243733 程序员android面试学习
    总结【Android详细知识点思维脑图（技能树）】我个人是做Android开发，已经有十来年了，目前在某创业公司任职CTO兼系统架构师。虽然Android没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明Android中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。这里
  • 2025毕业设计指南：如何用Hadoop构建超市进货推荐系统？大数据分析助力精准采购 计算机编程指导师 Java实战集Python实战集大数据实战集课程设计hadoop数据分析springbootjava进货python
    ✍✍计算机编程指导师⭐⭐个人介绍：自己非常喜欢研究技术问题！专业做Java、Python、小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。⛽⛽实战项目：有源码或者技术上的问题欢迎在评论区一起讨论交流！⚡⚡Java实战|SpringBoot/SSMPython实战项目|Django微信小程序/安卓实战项目大数据实战项目⚡⚡文末获取源码文章目录⚡⚡文末获取源码基于hadoop的超市进货推荐系
  • 无水印下载TikTok视频的方法分享 exploration-earth 学习
    现在做出海电商的都会往tiktok方面发展，TikTok作为全球超火的短视频平台，视频资源很多，你可能会看中一段超赞的TikTok视频，想要保存到手机里，如果能去水印下载更好！给你推荐一个超简单的APP，让你毫不费力地下载tiktokk视频，还能去除水印！三步搞定tiktok视频下载：①打开tiktok，找到喜欢的视频，点复制链接②打开【大神水印】（ios安卓商店都有），点首页的【提取视频/图片】
  • 使用 macOS 为安卓刷机 粒子二面角 macOS下的解决方案mac安卓
    简介相较于window端各种版本层出不穷的安卓刷机教程，在OSX上刷机的教程不仅资源较少，而且多数都年代久远。本帖整合了最新（2020-2），较简单的macOS刷机教程，希望可以帮助到各位。本帖所有操作都基于最新的macOS10.15.3。macOS端准备工作1.终端配置首先将macOS更新到最新的Catalina(10.15)版本，因为在该版本下才能较为简单的将默认终端设置为zsh，具体操作过程
  • 调研App里的WebDAV功能@FE File Explorer 文件管理器（二） jaminezhong
    今天我又淘到一款特容易链接WebDAV的软件：FEFileExplorer我觉得它最大好处是在Mac版电脑、Android、iOS上，一个全功能的文件上管理app。而且还可以在您的iOS、安卓和Mac电脑上使用流媒体方式播放网络共享、NAS里面的视频和音乐。FEFileExplorerPro+穿越派=个人私有云需要穿越派的，在这里下：https://www.huluer.com/usercente
  • Android电源管理基础知识整理 轻口味 android
    DozeMode模式由于Android的开放特性，加上国内app开发者的觉悟普遍不高的情况下，越来越多的app开始利用安卓的系统特性甚至可以称为漏洞，故意让app退出后仍然占用大量的硬件资源。越来越多的应用会在后台运行时“假死”，即不进入真正的Sleep，而是不断在后台轮询搜集用户行为或者保持某些长链接来保障数据的实时性。而Android系统自身并未出台对应的策略来约束或者限制这类应用行为，当这类
  • 程式语言区分 白总Server htmlpythonjavac++开发语言
    程序语言有很多种，每种都有其特定的用途和特点。以下是一些广泛使用的编程语言：1.Python：易于学习，广泛用于数据科学、机器学习、网络开发、自动化等领域。2.Java：广泛应用于企业级应用、安卓开发、大型系统开发等。3.C：一种基础语言，广泛用于系统编程、嵌入式开发、操作系统等领域。4.C++：C语言的扩展，支持面向对象编程，用于游戏开发、高性能应用等。5.JavaScript：主要用于网页前端
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他