baisou
baisou

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



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

 

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

直接看 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 ="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;}

OVER. 



本文网址： http://www.baisoujs.com/detail_137578458332861.html

你可能感兴趣的:(用网页模拟手机（安卓）通知列表中的「清除」)

  • Vue列表渲染与数据监测原理 tianzhiyi1989sq vue.jsjavascript前端
    一、v-for指令详解v-for是Vue中最常用的指令之一，用于遍历展示列表数据。它的基本语法是：v-for="(val,key)inxxx":key="key"，其中in也可以替换为of。1.1基本用法v-for可以遍历多种数据类型：人员列表{{index}}:{{p.name}}-{{p.age}}车辆信息{{key}}:{{val}}字符信息{{index}}:{{char}}数字{{ind
  • Luckysheet Excel xlsx 导入导出互相转换 HelloAldis Javaluckysheetxlsxexceljava
    LuckysheetExcelxlsx导入导出互相转换LuckysheetExcelxlsx的导入导出互相转换使用方法支持功能列表LuckysheetExcelxlsx的导入导出互相转换Luckysheet支持在线编辑表格，但官方不支持Luckysheet导出为Excelxlsx，也不支持Excelxlsx导入，也就是Luckysheetjson无法同xlsx格式互相转换，现在给大家介绍一个好用的
  • 【EI会议征稿】2025年第四届计算机视觉与模式分析国际学术大会（ICCPA 2025）
    重要信息2025年5月16-18日|中国·鞍山大会官网：www.iccpa.org会议主页：2025年第五届计算机视觉与模式分析国际学术大会（ICCPA2025）_艾思科蓝_学术一站式服务平台接收/拒稿通知：投稿后1周内收录检索：EICompendex，Scopus主办单位辽宁科技大学往届历史ICCPA前四届均已成功举办，并完成EI、Scopus检索（高录用，稳定检索）
  • 【EI会议征稿】东北大学主办第三届机器视觉、图像处理与影像技术国际会议（MVIPIT 2025） 诗远Yolanda 图像处理计算机视觉考研视频机器学习论文阅读
    一、会议信息大会官网：www.mvipit.org官方邮箱：[email protected]会议地点：辽宁沈阳主办单位：东北大学会议时间：2025年9月27日-9月29日二、征稿主题集中但不限于“机器视觉、图像处理与影像技术”等其他相关主题。机器视觉：视觉中的统计机器学习；立体视觉标定；几何建模与处理；人脸识别与手势识别；早期视觉和生物学启发的视觉；光流法和运动追踪；图像分割和图像分类；基于模型的视觉
  • mysql怎样区分「主表」与从表 跨越七海 DatabaseSystemDesignmysql数据库sql
    实体完整性是通过主键约束实现的，而参照完整性是通过外键约束实现的，两者都是为了保证数据的完整性和一致性。主键约束比较好理解，就是主键值不能为空且不重复，已经强调好多次，所以这里重点记录对外键约束的学习。主表与从表若同一个数据库中，B表的外键与A表的主键相对应，则A表为主表，B表为从表。假设学生表(学号，姓名，性别，专业号)，专业表(专业号，专业名称)，则学生表中的专业号为学生表的外键，其与专业表中
  • MCP模型上下文协议：AI人工智能模型训练的自动化调参 AI天才研究院 AI人工智能与大数据人工智能自动化运维ai
    MCP模型上下文协议：AI人工智能模型训练的自动化调参关键词：MCP模型、自动化调参、AI训练、超参数优化、上下文协议、机器学习、深度学习摘要：本文深入探讨MCP模型上下文协议在AI模型训练自动化调参中的应用。MCP(ModelContextProtocol)是一种创新的自动化调参框架，通过上下文感知和动态参数调整机制，显著提升模型训练效率和性能。文章将从理论基础、算法实现、数学原理到实际应用进行
  • MySQL的主从和分库分表 snow_7 MySQL
    主从分离：多读少些的场景MySQL1）主从复制使用的是binlog异步的方式MySQL的主从复制是依赖于binlog的，也就是记录MySQL上的所有变化并以二进制形式保存在磁盘上二进制日志文件。主从复制就是将binlog中的数据从主库传输到从库上，一般这个过程是异步的，即主库上的操作不会等待binlog同步的完成。主从复制的过程是这样的：首先从库在连接到主节点时会创建一个IO线程，用以请求主库更新
  • AI--提升效率、驱动创新的核心引擎 保持学习ing AI编程自动化低代码
    自动化代码生成、低代码/无代码开发、算法优化实践等新兴技术在软件开发领域正逐渐崭露头角。这些技术为开发者提供了更高效、更便捷的开发方式，大大提升了软件开发的效率和质量。本文重点探讨的是这些技术在实际应用中的价值和优势。1、自动化代码生成1.1优势自动化代码生成是利用机器学习和人工智能技术，通过分析需求和已有代码，生成可用的代码片段或完整的程序。这种技术可以极大地减少开发人员的工作量，提高开发效率。
  • 使用API有效率地管理Dynadot域名，出售账户中的域名 Dynadot域名注册 Dynadotdynadot域名域名销售API域名交易域名市场
    关于DynadotDynadot是通过ICANN认证的域名注册商，自2002年成立以来，服务于全球108个国家和地区的客户，为数以万计的客户提供简洁，优惠，安全的域名注册以及管理服务。Dynadot平台操作教程索引（包括域名邮箱，解析，建站，优惠长期更新）Dynadot.com提供的API是专为效率而构建的高级域名管理和获取工具包。在Dynadot平台上，我们提供了50多个命令来设置，管理，注册和
  • MySQL——表添加索引多种方式 1加1等于 MySQLmysql数据库
    在不同的数据库管理系统中，添加索引的基本思路类似，但语法会稍有不同，下面以常见的MySQL数据库为例，介绍三种在表中添加索引的方式。本文目录方式一：创建表时添加索引语法示例实际例子方式二：使用ALTERTABLE语句添加索引语法示例实际例子方式三：使用CREATEINDEX语句添加索引语法示例实际例子方式一：创建表时添加索引在使用CREATETABLE语句创建表的同时，可以为表中的列添加索引。这种
  • [Python] -基础篇6-Python中的字符串处理技巧合集 踏雪无痕老爷子 Pythonpython开发语言
    Python中的字符串类型是非常常用的基础类型。不管是处理文本、数据分析，还是系统管理等场景，都不能离开字符串的操作。本文将分类整理Python字符串的常用技巧和方法，帮助你接地气地接触字符串处理的本质。1.基础操作1.1字符串切片s="Hello,Python!"print(s[0:5])#Helloprint(s[-7:])#Python!1.2字符串连接和处理name="Alice"gree
  • [Python] -基础篇5-玩转Python内置数据结构：列表、元组、字典与集合 踏雪无痕老爷子 Pythonpython开发语言
    Python是一门以简洁优雅著称的编程语言，其中内置的数据结构为日常编程提供了强大支持。本文将系统介绍Python中四大核心数据结构：列表（list）、元组（tuple）、字典（dict）与集合（set），并配以实用示例，帮助读者全面掌握其用法及适用场景。一、列表（List）：可变序列的代表列表是最常用的Python数据结构之一，支持动态增删改查。1.1基本操作fruits=['apple','b
  • linux替换war包中的文件,Linux zip与unzip命令：替换war包中的某个文件 祝峰 linux替换war包中的文件
    原本，想用jar命令来快速替换war包的文件的，可是，发现Ubuntu中没有装Java，懒癌发做，遂使用zip与unzip命令代替。appzip：压缩命令ide格式：zip[-选项]*.war要压缩的文件例子：zip-mapp.war/WEB-INF/classes/com/app/business/service/platform/impl/abc.classspa选项：orm-m:不检查而替换
  • Vue 列表渲染&数据更新 爱菜鸟高高飞 vue每日一更前端vue.jselementuijavascript
    一.基本使用基本列表人员列表（遍历数组）{{p.name}}-{{p.age}}汽车信息（遍历对象）{{k}}-{{value}}测试遍历字符串（用得少）{{char}}-{{index}}测试遍历指定次数（用得少）{{index}}-{{number}}Vue.config.productionTip=falsenewVue({el:'#root',data:{persons:[{id:'001
  • 代理模式 - Flutter中的智能替身，掌控对象访问的每一道关卡！ 明似水 flutter代理模式flutter
    痛点场景：直接加载高清大图假设你的应用需要显示用户相册：NetworkImage('https://example.com/high-res-photo.jpg')面临的问题：网络差时长时间白屏重复下载相同图片浪费流量敏感图片无权限验证内存占用过高导致崩溃代理模式解决方案核心思想：为其他对象提供一种代理以控制对这个对象的访问。三种常见代理类型：虚拟代理：延迟加载大资源（如占位图→高清图）保护代理：
  • 外观模式 - Flutter中的一键操作大师，复杂功能的极简入口！ 明似水 flutter外观模式flutterjavascript
    痛点场景：多步骤的用户注册流程假设你的应用需要处理以下注册步骤：验证邮箱格式检查密码强度调用注册API保存用户Token初始化用户配置同步基础数据发送欢迎邮件传统实现方式：FutureregisterUser(Stringemail,Stringpassword)async{//1.验证邮箱if(!EmailValidator.validate(email)){throwInvalidEmailE
  • 详细介绍python中的模块、包、库之间的区别和联系 ‎Melody. python开发语言
    在Python中，模块（Module）、包（Package）和库（Library）是三个重要的概念，它们用于组织代码和实现代码复用。下面详细解释这三个概念：1.模块（Module）定义：一个模块就是一个以.py为后缀的Python文件。这个文件可以包含函数、类、变量以及可执行的代码。作用：模块用于将相关的代码组织在一个文件中，便于管理和重用。使用：通过import语句导入模块，然后使用模块名加点操
  • RK3288解码视频时遇到的奇葩问题 melonbo 百问-音视频音视频
    1、亮线问题用rk3288做视频显示，qt界面是1024x768，在切换视频源时，屏幕偶尔会出现亮线，位置在屏幕的正中间。解决方法是将qt的界面设置为1023x767，完美解决。2、亮点rk3288在解码显示h264视频时，界面的图像会出现斑驳的亮点，不仔细看还看不出来，出现的亮点有的在视频图像上，有的在qt界面上。解决方法是在现实图像界面前，先用ffplay播放一个全屏的画面，然后再显示程序的界
  • Vue - 监测数据的原理、Vue.set、vm.$set 企鹅d vue.js前端javascript
    监测数据的原理目录监测数据的原理一、更新时的问题二、Vue检测对象三、Vue检测数组3.1push添加3.2shift删除3.3splice替换3.4原理四、Vue.set4.1追加属性4.2案例五、总结5.1代码练习5.2总结一、更新时的问题为什么我们要研究一下Vue监测数据的原理？以防我们后续在给data赋值或者修改data中数据时导致修改不成功比如下面这个例子：初识vue人员列表<bu
  • Vue条件渲染与列表渲染 io无心 web前端Vuevue
    条件渲染v-if写法：v-if="表达式"v-else-if="表达式"v-else="表达式"适用于：切换频率较低的场景。特点：不展示的DOM元素直接删除。注意：v-if可以与：v-else-if、v-else一起使用，但要求结构不能被打断。v-show写法：v-show='表达式'。适用于：切换频率较高的场景。特点：不展示的DOM元素会被隐藏。备注：使用v-if时，元素可能无法获取到，二使用v
  • LangGraph 多智能体系统深度解析：从监督式到群体式架构实战 佑瞻 LangGraphLangChainlanggraph
    在智能体开发过程中，我们常常会遇到这样的困境：当单个智能体需要同时处理多个领域的任务（如同时管理航班预订和酒店预订）时，其处理效率和专业性会大幅下降。是让单个智能体强行兼容多领域？还是寻找更合理的架构方案？今天我们就来聊聊LangGraph中的多智能体系统，看看如何通过分解任务到独立智能体，再组合成高效协作的系统，解决这一现实挑战。一、多智能体系统的核心概念与优势1.1为什么需要多智能体系统想象一
  • 什么是Alpha测试和Beta测试？ 海姐软件测试 软件测试基础概念-面试通关面试
    1.本质差异（测试阶段定位）Alpha测试≈可控环境下的"压力体检"在受控实验室环境中执行（通常是开发方场地），我们曾对某银行系统进行Alpha测试时，用Mock服务模拟了2000个ATM终端同时吐钞的场景。Beta测试≈真实世界的"路测实验"交给真实用户在实际环境中使用，比如某知名手游的Beta测试期间，我们发现了iOS14.3特定版本下的GPU内存泄漏问题，这种问题在模拟器上根本无法复现。2.
  • http相关网络问题面试怎么答 weixin_42339193 计算机网络前端http
    一、先明确HTTP的核心定义（基础层）首先用一句话概括HTTP的本质，让面试官快速了解你对核心概念的认知：“HTTP（HyperTextTransferProtocol，超文本传输协议）是一种用于在客户端（如浏览器）和服务器之间传输数据的应用层协议，它基于请求-响应模式，是互联网数据交互的基础（比如网页加载、API调用等都依赖HTTP）。”二、深入讲解HTTP的关键特性（知识深度）围绕HTTP的核
  • 如何在宝塔面板中配置SSL证书？ 奔跑吧邓邓子 高效运维ssl服务器网络协议
    提示：“奔跑吧邓邓子”的高效运维专栏聚焦于各类运维场景中的实际操作与问题解决。内容涵盖服务器硬件（如IBMSystem3650M5）、云服务平台（如腾讯云、华为云）、服务器软件（如Nginx、Apache、GitLab、Redis、Elasticsearch、Kubernetes、Docker等）、开发工具（如Git、HBuilder）以及网络安全（如挖矿病毒排查、SSL证书配置）等多个方面。无论
  • SpringBoot RabbitMQ 配置参数 闲走天涯 mqjava-rabbitmqspringbootrabbitmq
    SpringBootRabbitMQ配置参数参数值表示spring.rabbitmq.addresses以逗号分隔的客户端应连接的地址列表。spring.rabbitmq.cache.channel.checkout-timeout如果已达到缓存大小，则等待获取通道的毫秒数。spring.rabbitmq.cache.channel.size要保留在缓存中的通道数。spring.rabbitmq.
  • HTML之常用基础标签 AA-代码批发V哥 HTMLhtml前端
    HTML之常用基础标签一、HTML文档基本结构标签1.``标签2.``标签3.``标签二、文本相关基础标签1.标题标签（``-``）2.段落标签（``）3.换行标签（``）4.强调标签（``和``）5.代码标签（``、``等）三、链接相关基础标签1.超链接标签（``）2.图像标签（``）四、列表相关基础标签1.无序列表（``和``）2.有序列表（``和``）3.自定义列表（``、``和``）五、表
  • iOS 接口频繁请求导致流量激增？抓包分析定位与修复全流程 2501_91600747 httpudphttpswebsocket网络安全网络协议tcp/ip
    在一次版本更新后，我们的后端监控发现iOS端某接口QPS突然飙升数倍，甚至超过安卓端。没有异常崩溃、也没有大规模新增用户，唯一现象是服务端同一用户会在一分钟内多次重复请求该接口。这是最难排查的异常：既不像崩溃能看到日志堆栈，也没有用户主观反馈问题，只有冷冰冰的接口流量激增数据。我们依靠抓包和流量复现，完整地还原了问题触发链。背景：接口QPS大幅提升，无用户感知问题接口为首页刷新数据接口，按逻辑只需
  • 【HarmonyOS NEXT】滑动选中放大卡片效果
    【HarmonyOSNEXT】滑动选中放大卡片效果鸿蒙开发能力##HarmonyOSSDK应用服务##鸿蒙金融类应用（金融理财一、功能效果：1.横向滚动列表，手势左右滑动，居中选中会放大。2.左边滑动到首部，在居中位置。同理，尾部也在居中位置。3.放大选中和滑动滚动效果丝滑。二、开发思路:【完整代码请参考章节三】1.使用list实现横向滚动列表的效果@BuilderListView(){List(
  • 仅77K好用到爆！后悔没早发现 Mbblovey 服务器pdf网络linuxphp
    手机不离手，眼睛受不了！现在大家每天盯着手机的时间越来越长，眼睛干涩、疲劳、视力下降...各种问题都找上门！今天给大家带来一款超级良心的护眼App——纤云护眼软件介绍软件大小竟然只有77KB，而且完全免费，无任何联网权限！简直是护眼神器中的一股清流！提供四种专业的滤色模式，可以根据不同环境和需求自由切换，有效过滤蓝光，缓解眼部疲劳更多功能自行体验。小编亲测，开启纤云护眼后，手机屏幕看起来明显柔和了
  • 深度解析基于贝叶斯的垃圾邮件分类 大千AI助手 人工智能Python#OTHER分类数据挖掘人工智能机器学习算法贝叶斯Bayes
    贝叶斯垃圾邮件分类的核心逻辑是基于贝叶斯定理，利用邮件中的特征（通常是单词）来计算该邮件属于“垃圾邮件”或“非垃圾邮件”的概率，并根据概率大小进行分类。它是一种朴素贝叶斯分类器，因其假设特征（单词）之间相互独立而得名（虽然这在现实中不完全成立，但效果通常很好）。本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的
  • 对股票分析时要注意哪些主要因素？ 会飞的奇葩猪 股票 分析 云掌股吧
    　　众所周知，对散户投资者来说，股票技术分析是应战股市的核心武器，想学好股票的技术分析一定要知道哪些是重点学习的，其实非常简单，我们只要记住三个要素：成交量、价格趋势、振荡指标。     一、成交量 　　大盘的成交量状态。成交量大说明市场的获利机会较多，成交量小说明市场的获利机会较少。当沪市的成交量超过150亿时是强市市场状态，运用技术找综合买点较准；
  • 【Scala十八】视图界定与上下文界定 bit1129 scala
    Context Bound，上下文界定，是Scala为隐式参数引入的一种语法糖，使得隐式转换的编码更加简洁。   隐式参数 首先引入一个泛型函数max，用于取a和b的最大值 def max[T](a: T, b: T) = { if (a > b) a else b }  因为T是未知类型，只有运行时才会代入真正的类型，因此调用a >
  • C语言的分支——Object-C程序设计阅读有感 darkblue086 applec框架cocoa
    自从1972年贝尔实验室Dennis Ritchie开发了C语言，C语言已经有了很多版本和实现，从Borland到microsoft还是GNU、Apple都提供了不同时代的多种选择，我们知道C语言是基于Thompson开发的B语言的，Object-C是以SmallTalk-80为基础的。和C++不同的是，Object C并不是C的超集，因为有很多特性与C是不同的。 Object-C程序设计这本书
  • 去除浏览器对表单值的记忆 周凡杨 html记忆autocompleteform浏览
                                       &n
  • java的树形通讯录 g21121 java
    最近用到企业通讯录，虽然以前也开发过，但是用的是jsf，拼成的树形，及其笨重和难维护。后来就想到直接生成json格式字符串，页面上也好展现。 // 首先取出每个部门的联系人 for (int i = 0; i < depList.size(); i++) { List<Contacts> list = getContactList(depList.get(i
  • Nginx安装部署 510888780 nginxlinux
    Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源
  • java servelet异步处理请求 墙头上一根草 ｊａｖａ异步返回ｓｅｒｖｌｅｔ
    servlet3.0以后支持异步处理请求，具体是使用AsyncContext ，包装httpservletRequest以及httpservletResponse具有异步的功能，        final AsyncContext ac = request.startAsync(request, response);   ac.s
  • 我的spring学习笔记8-Spring中Bean的实例化 aijuans Spring 3
    在Spring中要实例化一个Bean有几种方法： 1、最常用的（普通方法） <bean id="myBean" class="www.6e6.org.MyBean" /> 使用这样方法，按Spring就会使用Bean的默认构造方法，也就是把没有参数的构造方法来建立Bean实例。 （有构造方法的下个文细说） 2、还
  • 为Mysql创建最优的索引 annan211 mysql索引
    索引对于良好的性能非常关键，尤其是当数据规模越来越大的时候，索引的对性能的影响越发重要。 索引经常会被误解甚至忽略，而且经常被糟糕的设计。 索引优化应该是对查询性能优化最有效的手段了，索引能够轻易将查询性能提高几个数量级，最优的索引会比 较好的索引性能要好2个数量级。 1 索引的类型 (1) B-Tree 不出意外，这里提到的索引都是指 B-
  • 日期函数 百合不是茶 oraclesql日期函数查询
      ORACLE日期时间函数大全 TO_DATE格式(以时间:2007-11-02 13:45:25为例) Year: yy two digits 两位年 显示值:07 yyy three digits 三位年 显示值:007
  • 线程优先级 bijian1013 javathread多线程java多线程
    多线程运行时需要定义线程运行的先后顺序。 线程优先级是用数字表示，数字越大线程优先级越高，取值在1到10，默认优先级为5。 实例： package com.bijian.study; /** * 因为在代码段当中把线程B的优先级设置高于线程A,所以运行结果先执行线程B的run()方法后再执行线程A的run()方法 * 但在实际中，JAVA的优先级不准，强烈不建议用此方法来控制执
  • 适配器模式和代理模式的区别 bijian1013 java设计模式
    一.简介        适配器模式：适配器模式（英语：adapter pattern）有时候也称包装样式或者包装。将一个类的接口转接成用户所期待的。一个适配使得因接口不兼容而不能在一起工作的类工作在一起，做法是将类别自己的接口包裹在一个已存在的类中。      &nbs
  • 【持久化框架MyBatis3三】MyBatis3 SQL映射配置文件 bit1129 Mybatis3
     SQL映射配置文件一方面类似于Hibernate的映射配置文件，通过定义实体与关系表的列之间的对应关系。另一方面使用<select>,<insert>,<delete>，<update>元素定义增删改查的SQL语句， 这些元素包含三方面内容 1. 要执行的SQL语句 2. SQL语句的入参，比如查询条件 3. SQL语句的返回结果
  • oracle大数据表复制备份个人经验 bitcarter oracle大表备份大表数据复制
    前提：    数据库仓库A（就拿oracle11g为例）中有两个用户user1和user2,现在有user1中有表ldm_table1,且表ldm_table1有数据5千万以上，ldm_table1中的数据是从其他库B（数据源）中抽取过来的，前期业务理解不够或者需求有变，数据有变动需要重新从B中抽取数据到A库表ldm_table1中。    
  • HTTP加速器varnish安装小记 ronin47 http varnish 加速
    上午共享的那个varnish安装手册，个人看了下，有点不知所云，好吧~看来还是先安装玩玩！ 苦逼公司服务器没法连外网，不能用什么wget或yum命令直接下载安装，每每看到别人博客贴出的在线安装代码时，总有一股羡慕嫉妒“恨”冒了出来。。。好吧，既然没法上外网，那只能麻烦点通过下载源码来编译安装了！ Varnish 3.0.4下载地址： http://repo.varnish-cache.org/
  • java-73-输入一个字符串，输出该字符串中对称的子字符串的最大长度 bylijinnan java
    public class LongestSymmtricalLength { /* * Q75题目：输入一个字符串，输出该字符串中对称的子字符串的最大长度。 * 比如输入字符串“google”，由于该字符串里最长的对称子字符串是“goog”，因此输出4。 */ public static void main(String[] args) { Str
  • 学习编程的一点感想 Cb123456 编程感想Gis
           写点感想，总结一些，也顺便激励一些自己.现在就是复习阶段，也做做项目.      本专业是GIS专业，当初觉得本专业太水，靠这个会活不下去的，所以就报了培训班。学习的时候，进入状态很慢，而且当初进去的时候，已经上到Java高级阶段了，所以.....，呵呵，之后有点感觉了，不过，还是不好好写代码，还眼高手低的，有
  • [能源与安全]美国与中国 comsci 能源
         现在有一个局面：地球上的石油只剩下N桶，这些油只够让中国和美国这两个国家中的一个顺利过渡到宇宙时代，但是如果这两个国家为争夺这些石油而发生战争，其结果是两个国家都无法平稳过渡到宇宙时代。。。。而且在战争中，剩下的石油也会被快速消耗在战争中，结果是两败俱伤。。。       在这个大
  • SEMI-JOIN执行计划突然变成HASH JOIN了 的原因分析 cwqcwqmax9 oracle
    甲说： A B两个表总数据量都很大，在百万以上。 idx1  idx2字段表示是索引字段 A B 两表上都有 col1字段表示普通字段 select xxx from A where A.idx1 between mmm and nnn      and exists (select 1 from B where B.idx2 =
  • SpringMVC-ajax返回值乱码解决方案 dashuaifu AjaxspringMVCresponse中文乱码
      SpringMVC-ajax返回值乱码解决方案   一：（自己总结，测试过可行） ajax返回如果含有中文汉字，则使用：（如下例：） @RequestMapping(value="/xxx.do")       public @ResponseBody void getPunishReasonB
  • Linux系统中查看日志的常用命令 dcj3sjt126com OS
    因为在日常的工作中，出问题的时候查看日志是每个管理员的习惯，作为初学者，为了以后的需要，我今天将下面这些查看命令共享给各位 cat tail -f 日 志 文 件 说 明 /var/log/message 系统启动后的信息和错误日志，是Red Hat Linux中最常用的日志之一 /var/log/secure 与安全相关的日志信息 /var/log/maillog 与邮件相关的日志信
  • [应用结构]应用 dcj3sjt126com PHPyii2
    应用主体 应用主体是管理 Yii 应用系统整体结构和生命周期的对象。 每个Yii应用系统只能包含一个应用主体，应用主体在 入口脚本中创建并能通过表达式 \Yii::$app 全局范围内访问。 补充: 当我们说"一个应用"，它可能是一个应用主体对象，也可能是一个应用系统，是根据上下文来决定[译：中文为避免歧义，Application翻译为应
  • assertThat用法 eksliang JUnitassertThat
    junit4.0  assertThat用法 一般匹配符1、assertThat( testedNumber, allOf( greaterThan(8), lessThan(16) ) ); 注释： allOf匹配符表明如果接下来的所有条件必须都成立测试才通过，相当于“与”（&&） 2、assertThat( testedNumber, anyOf( g
  • android点滴2 gundumw100 应用服务器android网络应用OSHTC
    如何让Drawable绕着中心旋转？ Animation a = new RotateAnimation(0.0f, 360.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f); a.setRepeatCount(-1); a.setDuration(1000); 如何控制Andro
  • 超简洁的CSS下拉菜单 ini htmlWeb工作html5css
    效果体验：http://hovertree.com/texiao/css/3.htmHTML文件： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>简洁的HTML+CSS下拉菜单-HoverTree</title>
  • kafka consumer防止数据丢失 kane_xie kafkaoffset commit
    kafka最初是被LinkedIn设计用来处理log的分布式消息系统，因此它的着眼点不在数据的安全性（log偶尔丢几条无所谓），换句话说kafka并不能完全保证数据不丢失。   尽管kafka官网声称能够保证at-least-once，但如果consumer进程数小于partition_num，这个结论不一定成立。   考虑这样一个case，partiton_num=2
  • @Repository、@Service、@Controller 和 @Component mhtbbx DAOspringbeanprototype
    @Repository、@Service、@Controller 和 @Component 将类标识为Bean Spring 自 2.0 版本开始，陆续引入了一些注解用于简化 Spring 的开发。@Repository注解便属于最先引入的一批，它用于将数据访问层 (DAO 层 ) 的类标识为 Spring Bean。具体只需将该注解标注在 DAO类上即可。同时，为了让 Spring 能够扫描类
  • java 多线程高并发读写控制 误区 qifeifei java thread
    先看一下下面的错误代码，对写加了synchronized控制，保证了写的安全，但是问题在哪里呢？ public class testTh7 { private String data; public String read(){ System.out.println(Thread.currentThread().getName() + "read data "
  • mongodb replica set(副本集)设置步骤 tcrct javamongodb
    网上已经有一大堆的设置步骤的了，根据我遇到的问题，整理一下，如下： 首先先去下载一个mongodb最新版，目前最新版应该是2.6 cd /usr/local/bin wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.6.0.tgz tar -zxvf mongodb-linux-x86_64-2.6.0.t
  • rust学习笔记 wudixiaotie 学习笔记
    1.rust里绑定变量是let，默认绑定了的变量是不可更改的，所以如果想让变量可变就要加上mut。 let x = 1; let mut y = 2; 2.match 相当于erlang中的case，但是case的每一项后都是分号，但是rust的match却是逗号。 3.match 的每一项最后都要加逗号，但是最后一项不加也不会报错，所有结尾加逗号的用法都是类似。 4.每个语句结尾都要加分
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他