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

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

 

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

直接看 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.

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

  • iOS 接口频繁请求导致流量激增？抓包分析定位与修复全流程 2501_91600747 httpudphttpswebsocket网络安全网络协议tcp/ip
    在一次版本更新后，我们的后端监控发现iOS端某接口QPS突然飙升数倍，甚至超过安卓端。没有异常崩溃、也没有大规模新增用户，唯一现象是服务端同一用户会在一分钟内多次重复请求该接口。这是最难排查的异常：既不像崩溃能看到日志堆栈，也没有用户主观反馈问题，只有冷冰冰的接口流量激增数据。我们依靠抓包和流量复现，完整地还原了问题触发链。背景：接口QPS大幅提升，无用户感知问题接口为首页刷新数据接口，按逻辑只需
  • Android Gantt View 安卓实现项目甘特图 netkiller-BG7NYT Android手札android甘特图
    需要做一个项目管理工具，其中使用到了甘特图。发现全网甘特图解决方案比较少，于是自动动手丰衣足食。前面我用Python和Node.js前端都做过，这次仅仅是移植到Android上面。其实甘特图非常简单，开发也不难，如果我专职去做，能做出一个非常棒产品。我写这个只是消遣，玩玩，闲的蛋痛，所以不怎么上心，就搞成下面这德行吧。仅仅供大家学习，参考。那天心情好了，完善一下。屏幕布局文件
  • 基于django+Spark+大数据+爬虫技术的国漫推荐与可视化平台设计和实现(源码+论文+部署讲解等) 阿勇学长 大数据项目实战案例Java精品毕业设计实例Python数据可视化项目案例大数据djangospark国漫推荐与可视化平台毕业设计Java
    博主介绍：✌全网粉丝50W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等
  • 安卓端某音乐类 APP 逆向分享（二）协议分析 泡泡以安 爬虫技术#安卓逆向安卓逆向爬虫安全
    以歌曲搜索协议为例，查看charles中歌曲搜索协议详情拷贝出搜索协议的Curl形式curl-H'Host:interface3.music.xxx.com'-H'Cookie:EVNSM=1.0.0;NMCID=oufhty.1667355455436.01.4;versioncode=8008050;buildver=221010200836;resolution=2392x1440;devi
  • 基于SpringBoot律师事务所案件管理系统的设计与实现 一点教程 Java项目springboot后端javaspring律师事务所案件管理系统
    博主主页：一点教程博主简介：专注Java技术领域和毕业设计项目实战、Java微信小程序、安卓等技术开发，远程调试部署、代码讲解、文档指导、ppt制作等技术指导。主要内容：毕业设计，SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Python、Nodejs、小程序、安卓app、大数据等设计与开发感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以和博主沟通，希
  • url_luacher适配指南 harmonyos
    ohos平台适配flutter三方库指导url_launcher1.准备工作下载待适配的三方插件：官方插件库本指导书，以适配url_launcher6.3.1为例2.插件目录lib：是对接dart端代码的入口，由此文件接收到参数后，通过channel将数据发送到原生端；android：安卓端代码实现目录；ios：ios原生端实现目录；example：一个依赖于该插件的Flutter应用程序，来说明
  • 安卓开发实现CoordinatorLayout+AppBarLayout+TabLayout+RecycleView 悬停效果 滑动列表tabLayout定位 鸿蒙小林 安卓开发java技术支持android安卓androidstudio
    在安卓中实现CoordinatorLayout+AppBarLayout+TabLayout+RecycleView悬停效果滑动rv列表tablayout定位效果效果图在开发中要用到写个demo记录一下，有这个需求的同志也可以做个参考XmlViewprivateListlist;privateMainAdapteradapter;privateRecyclerViewrecyclerView;pr
  • 小柿子影视安卓版，跨平台开发的技术挑战与解决方案 2501_92530989 音视频百度经验分享其他
    在移动应用开发的浪潮中，视频类App因其对性能、用户体验、跨平台兼容性要求高，成为开发者面临的重点技术难题之一。本文将结合实际案例，分析一个典型的视频类项目“小柿子”的跨平台开发过程中的关键技术点。一、背景介绍“小柿子影视”是一款轻量级视频播放App，专注于提供清爽的界面和流畅的播放体验。该项目同时支持小柿子安卓与小柿子iOS两个平台，目标用户覆盖广泛。因此，跨平台开发策略、播放器内核选择、缓存机
  • 在安卓设备上使用ADB Shell实现自动向微信好友发送消息的脚本 谢平康 androidadb微信
    安卓实现自动给微信好友发送消息的Shell脚本以下是一个简单的Shell脚本示例，用于通过ADB命令在安卓设备上自动打开微信，搜索指定好友，并发送消息。最后，通过截图来确认消息是否成功发送。脚本步骤1.打开微信adbshellamstart-ncom.tencent.mm/.ui.LauncherUI2.（可选）获取屏幕大小#如果需要基于屏幕大小进行坐标定位，可以使用以下命令#adbshellwm
  • Z-library数字图书馆镜像网址入口及客户端/app (持续更新) 黄豆匿zlib 学习
    Z-Library（简称z-lib，前身为BookFinder）是一个影子图书馆和开放获取文件分享计划，用户可在此网络下载期刊文章以及各种类型的书籍。截止2022年6月12日，该网站共收录了10,456,034本书和84,837,646篇文章。zlibrary电脑客户端/安卓appzlibrary（windows/mac/安卓/ipad）安装包下载：夸克网盘分享（随时失效，先保存）无需魔法正常使用
  • AndroidStudio 中虚拟机连接宿主机（本机）服务 崎岖Qiu 服务器运维androidstudioandroid网络ip
    如果后端服务在本电脑的localhost:8080的ip和端口上，那么直接将该url配置到安卓代码中，连上的是虚拟机的本地，而非宿主机，导致连接不上跑在本机上的服务解决方法打开cmd使用ipconfig查看本机的ip地址：C:\Users\lyh>ipconfigWindowsIP配置无线局域网适配器本地连接*1:媒体状态............:媒体已断开连接连接特定的DNS后缀.......:
  • 安卓App中调用升级接口并实现版本检查和升级功能的完整方案 胡子洲 Androidandroid
    以下是安卓App中调用升级接口并实现版本检查和升级功能的完整方案，包含网络请求、版本解析、下载安装等核心逻辑：一、定义数据实体类（解析接口返回）//CheckUpgradeResponse.javapublicclassCheckUpgradeResponse{privateintcode;privateStringmsg;privateUpgradeDatadata;privateMapmap;
  • 安卓多屏互动Presentation Code_onepage AndroidJavaandroidandroidstudio
    安卓多屏互动Presentation设备系统版本开发者模式拟辅助屏幕功能Presentation显示方式Presentation创建搭建Presentation显示环境绑定Presentation服务数据交互多屏显示性能分析CPU占用内存占用副屏不随主屏幕退出补充设备系统版本Android从4.2开始支持双屏显示，请确保minSdkVersion>=17开发者模式进入设备—设置—关于手机—版本号—
  • 微信小程序 / UNIAPP --- 阻止小程序返回（顶部导航栏返回、左 / 右滑手势、安卓物理返回键和调用 navigateBack 接口） 前端 贾公子 java前端javascript
    目录理解page-container的原理设置禁止点击遮盖层关闭？阻止左滑返回理解page-container的原理page-container组件的所有属性，最重要的是show值。在页面上引入这个组件后，若show值为true，页面上所有各种方式触发的返回操作都会被这个组件所拦截，然后自动将值置为false。当值为false后，这个组件就没有作用了，但是我们可以重新赋值，就能让它重新恢复拦截。在
  • 安卓开发 手动构建 .so XCZHONGS android
    手动构建.so（兼容废弃ABI）下载旧版NDK（推荐r16b）地址：https://developer.android.com/ndk/downloads/older_releases下载NDKr16b（最后支持armeabi、mips、mips64的版本）使用ndk-build手动构建（不使用Gradle）在源文件目录下执行D:\ideal\androidstudio\sdk\ndk\16.1.
  • 【开源项目】「安卓原生3D开源渲染引擎」：Sceneform‑EQR
    「安卓原生3D开源渲染引擎」：Sceneform‑EQR渲染引擎“那一夜凌晨3点，第一次提交PR的手在抖……”——我深刻体会这种忐忑与激动。仓库地址：(github.com)。一、前言：开源对我意味着什么DIY的自由Vs.工业化的束缚刚入Android原生开发时，我习惯自己在项目里嵌入各种3D渲染／AR／XR模块，结构臃肿、流程混乱。当我知道GoogleSceneformSDK被弃用，起初只是出于
  • uniappx 安卓app项目本地打包运行，腾讯地图报错：‘鉴权失败，请检查你的key‘ 夏木。。。 前端uniappx
    根目录下添加AndroidManifest.xml文件，manifest.json文件中添加："app":{"distribute":{"android":{"permissions":["",""],},"sdkConfigs":{"maps":{"qqmap":{"appkey_android":"腾讯地图key"}}}}},如此操作之后，重新自定义调试基座，运行模拟器，选择自定义基座：运行成
  • 微信小程序防录频截屏ios+android Yannnnnm ios微信小程序android
    ios截屏暂未解决安卓录频截屏代码可以写在onshow中//安卓防止截屏录屏if(/android/i.test(wx.getSystemInfoSync().system)&&wx.setVisualEffectOnCapture){wx.setVisualEffectOnCapture({visualEffect:'hidden',complete:function(res){//wx.sho
  • 【超详细】S905L3B机顶盒固件刷机包已root-adb-带影视桌面- yantaohk 嵌入式硬件云计算边缘计算
    本线刷包为S905L3B的通用版本，桌面友好，无流氓软件，纯净系统（自带一个应用管家，非系统应用，可以删除），系统已root，开adb，安卓9，遥控器正常使用，可以看电视电影，看是S905L3B的芯片，都可以刷既然机顶盒芯片为S905L3B的，，闲鱼10多20块一个，刷了到处卖，接通宽带就行。卖给用户看电视电影香得很！此文所有用到的软件，和底包、刷机工具，均在以下网盘内，可自行选择下载使用：通过网
  • Pytorch模型安卓部署 python&java pytorch人工智能python
    Pytorch是一种流行的深度学习框架，用于算法开发，而Android是一种广泛应用的操作系统，多应用于移动设备当中。目前多数的研究都是在于算法上，个人觉得把算法落地是一件很有意思的事情，因此本人准备分享一些模型落地的文章(后续可能分享微信小程序部署，PyQt部署以及exe打包，ncnn部署，tensorRT部署，MNN部署)。本篇文章主要分享Pytorch的Android端部署。看这篇文章的读者
  • GDPU移动应用开发（安卓）期末考试复习资料
    第一部分一、选择题应用的基本构建块是：A.ActivityB.FragmentC.ServiceD.Intent答案:A.Activity下列哪个不是AndroidManifest.xml文件的主要用途？A.声明应用权限B.声明应用组件C.定义应用的图标和名称D.编写应用的业务逻辑答案:D.编写应用的业务逻辑在Android中、用于存储持久化数据的SQLite数据库、默认存储在哪个目录下？A./s
  • 微信小程序适配 iPhone 底部导航区域（safe area）的完整指南 爱宇阳 微信小程序Vue微信小程序iphone小程序
    解决吸底按钮被遮挡、iOS“小黑条”兼容问题，基于env()与constant()的CSS安全区域适配。一、问题背景从iPhoneX开始，iOS引入了底部的“Home指示条”（俗称“小黑条”），这导致页面底部元素若处理不当，容易出现：吸底按钮被遮挡；用户点击操作困难；安卓正常，iOS异常。二、目标实现页面底部元素（如按钮、工具栏等）在iOS刘海屏下不被遮挡，且Android、普通iOS设备兼容良好
  • 医患协同在线诊疗解决方案 小程序
    智慧在线医疗APP微信小程序系统是基于微擎开源生态开发的医疗行业数字化工具，依托微擎系统的PHP开源架构，为医院、医生及患者提供从在线问诊、预约挂号到远程诊疗的全流程解决方案。系统采用双端架构（患者端+医生端），支持安卓与IOS平台，实现“线上咨询-视频诊疗-电子处方”的闭环医疗服务，适配综合医院、专科诊所及基层医疗场景。核心功能模块与技术特性患者端功能体系便捷注册与登录：支持手机号注册，填写姓名
  • Cuttlefish Android环境搭建 weixin_45670959 android
    如何使用Cuttlefish来启动安卓AAOS14Cuttlefish的介绍Cuttlefish是一种可配置的虚拟Android设备，既可以远程运行（使用第三方云产品，如GoogleCloudEngine），又可以在本地运行（在Linuxx86和ARM64计算机上）。Cuttlefish的用途使平台和应用开发者不再依赖于物理硬件来开发和验证代码更改。能够并发执行测试，实现高保真度且入门成本较低。提
  • 鸿蒙生态全景解析：华为如何打造万物互联的未来？ vvilkin的学习备忘 #HarmonyOS华为harmonyos
    在智能手机操作系统长期被iOS和安卓垄断的背景下，华为于2019年正式发布鸿蒙OS（HarmonyOS），并逐步构建起一个覆盖全场景的智能生态体系——鸿蒙生态。经过5年的发展，鸿蒙已成为全球第三大移动操作系统，并逐步从手机扩展至智能家居、汽车、工业等领域，展现出强大的分布式能力。本文将深入探讨鸿蒙生态的技术架构、核心场景、开发者生态、商业模式，并分析其面临的挑战与未来趋势，帮助读者全面理解华为如何
  • 自动化测试--App自动化之项目实战脚本编写及封装流程 您算哪块小饼干? 自动化运维
    1.App测试范围app自动化测试主要核心测试手机程序测试方面：功能测试安装卸载测试升级测试兼容性测试网络切换，中断测试横竖屏切换健壮性2.测试环境的搭建需要配置的环境javajdkJava的环境Androidsdk安卓环境python环境第三库：appium使用真机或者模拟器进行测试3.编写用例脚本通过连接模拟器进行环境的测试4.app自动化测试流程1.首先明确项目的核心模块注册登录阅读文章搜索
  • 微信小程序安卓手机上wx.getLocation定位失败,苹果手机可以,定位已打开 TO_WebNow 微信小程序小程序
    wx.getLocation({})用于定位获取经纬度的方法一.我先把我在安卓手机上调试微信小程序定位遇到的问题说下在安卓手机上开启了定位但是没反应,苹果手机上是正常的但在type的类型中选中了‘gcj02’,,然后在定位的时候直接走fail(){}方法了,也不知道为啥,然后我又换了回来换成了默认的‘wgs84’然后就又可以了,这个这个这个我也不知道为啥,不知道你们试试会是什么情况,如果有知道的希
  • 小橘子影视-安卓架构分析，最新版完美适配ios+安卓 2501_92516489 百度经验分享音视频其他
    近年来，移动视频播放工具在技术架构上逐渐趋向轻量、组件化与模块解耦，典型案例之一是近期版本的小橘子影视。本文将聚焦小橘子影视最新版的结构特征与核心技术逻辑，分析其在iOS平台下的功能布局、播放引擎、资源解析策略以及数据本地化设计，供开发者进行横向对比或技术借鉴。一、小橘子影视最新版概况小橘子影视最新版是一个基于资源聚合思路构建的视频播放应用，运行环境为iOS12及以上版本，界面采用SwiftUI与
  • Python 爬虫进阶必备 | 当 Js 逆向遇上 wasm（一） 咸鱼学 Python python爬虫javascript
    前言关注公众号【咸鱼学Python】获取更多关于Python爬虫、Js逆向、安卓逆向的文章Wasm是一种底层汇编语言，具有文本格式支持，其目标是可移植、安全和高效。Wasm的模块可以被导入的到一个网络app（或Node.js）中，并且暴露出供JavaScript使用的Wasm函数。Wasm与其他虚拟机的主要区别在于，它没有针对任何特定的编程语言进行优化，而只是抽象底层硬件，字节码直接对应于现代cp
  • 厂长资源官网 - 超清视频官方网站网页电脑版入口
    厂长资源是一个专注于提供高清影视资源的在线平台，涵盖了电影、电视剧、综艺、动漫等多种类型的影视内容。它以丰富的资源库、高清的画质和便捷的用户体验而受到用户的广泛好评。厂长资源不仅提供最新上映的国内外大片，还涵盖了经典老片、海外Netflix热门剧集以及日韩恐怖片等多种类型。此外，厂长资源还支持多种设备访问，包括安卓和iOS移动端，用户可以随时随地享受观影体验。一键访问：厂长资源官网入口功能特点高清
  • 插入表主键冲突做更新 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其他