给你的移动网站加点料：时间轴的实现方案

　　我们经常在一些网站上看到一些关于公司大事记、网站更新记录之类的页面，尤其现在的一些电子商务网站，来一个以时间线为轴，来标记一些重要日子进行一些大促之类的活动，有了这样一个直观的时间轴的东东，可以让来浏览网页的用户能很快捕捉到一些有用的信息。

　　那么我们可不可以把这个时间轴做的动感一点？然后我们可不可以把PC上这么好玩的时间轴移植到移动网页上呢？答案当然是可以的。稍后我把代码送出来。

　　先来看一张截图吧，这是我最终实现之后的页面样式，因为不会截图，也没有专业的视觉设计师，所以页面的视觉风格是借鉴了别人的：

　　给你的移动网站加点料：时间轴的实现方案

　　线上演示地址：http://sandbox.runjs.cn/show/phvofu0c

　　你也可以拿出你的手机扫描下面的二维码访问示例页面：

　　给你的移动网站加点料：时间轴的实现方案

　　如果看到以上在PC和手机上的演示之后，你有兴趣的话，就可以接下来看看我的代码了，老规矩，代码全部奉送！

　　timeline.html　　

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <title>TimeLine</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <link href="timeline.css" rel="stylesheet">
      <script language="javascript">
          $(function(){
              $(".timeline").eq(0).animate({
                  height:'600px'
              },1500);
          });
      </script>
</head>
<body>
    <div class="timeline">
        <div class="timeline-date">
            <ul>
                <h2 class="second" style="position: relative;">
                    <span>2013年</span>
                </h2>
                <li>
                    <h3>09.03<span>2013</span></h3>
                    <dl class="right">
                        <span>时间轴就要成功了！</span>
                      </dl>
                </li>
                <li>
                    <h3>08.15<span>2013</span></h3>
                    <dl class="right">
                        <span>为了时间轴奋斗吧！</span>
                      </dl>
                </li>
              </ul>
        </div>
        <div class="timeline-date">
            <ul>
                <h2 class="second" style="position: relative;">
                    <span>2012年</span>
                </h2>
                <li>
                    <h3>09.03<span>2012</span></h3>
                    <dl class="right">
                        <span>那一年的今天！</span>
                      </dl>
                </li>
                <li>
                    <h3>08.15<span>2012</span></h3>
                    <dl class="right">
                        <span>前端之路慢慢修远！</span>
                      </dl>
                </li>
              </ul>
        </div>
    </div>
</body>
</html>

　　timeline.css

body,h2,ul,h3 {padding: 0;margin: 0;}

ul {list-style: none outside none;}

.timeline {
    background: url("images/line4.png") repeat-y 50px 0;
    overflow: hidden;
    position: relative;
    height:100px;
    margin: 20px 10px;
}

.timeline-date {
    overflow: hidden;
    position: relative;
}

.timeline-date h2 {
    background:url("images/icon9.png") no-repeat 10px 0;
    height: 87px;
    margin-bottom: 20px;
}

.timeline-date h2 span {
    color: #999999;
    display: inline-block;
    font-size: 22px;
    margin: 30px 0px 0 110px;
}

.timeline-date ul li {
    background: url("images/icon7.png") no-repeat 42px 5px;
    zoom: 1;
    height:70px;
}

.timeline-date ul li h3 {
    float: left;
    text-align: right;
    font-size: 14px;
    color: #878787;
    display: block;
}
        
.timeline-date ul li h3 span {
    display: block;
    color: #ADADAD;
    font-size: 12px;
    padding-left:15px;
}
        
.timeline-date ul li dl {
    margin-top: -5px;
}

.timeline-date ul li dl.right {
    background: url("images/left_arrow.png") no-repeat 0 0;
    float: left;
    margin-left: 35px;
    margin-top: -5px;
    display: block;
    background-color:#FFBB42;
    height:40px;
    width:216px;
}
        
.timeline-date ul li dl span{
    display: block;
    font-size:16px;
    padding: 0px 10px 0px 30px;
    color:#fff;
    line-height: 40px;

}

　　欢迎批评指正！

你可能感兴趣的:(时间)

  • Redis 分布式锁 DebugDiver代码深处潜水员 三方件redis分布式数据库
    Redis分布式锁是一种在分布式系统中实现互斥访问共享资源的机制。它利用Redis的高性能和原子性操作来确保在多个节点之间安全地获取和释放锁。下面是对Redis分布式锁的原理讲解和源码剖析。原理讲解1.基本概念锁：在分布式系统中，锁用于确保在同一时间只有一个节点能够访问共享资源。分布式锁：分布式锁是一种在多个节点之间共享的锁，通常通过一个共享的存储系统（如Redis）来实现。2.Redis实现分布
  • 浅述WinForm 和 WPF 的前景 ^@^lemon tea^@^ WPF浅述WinForm和WPF前景
    在.NET开发领域，WinForm和WPF都是用于创建桌面应用程序的技术框架，但它们在很多方面存在差异，对于开发者来说，也常常会思考哪个更有前途。一、WinForm1.成熟/稳定度：WinForms是较早的桌面应用程序框架，自.NET1.0以来就存在，到2025年已经存在了很长的时间。它已经经过了长时间的使用和优化，拥有成熟的开发模式和大量的可用资源（大量的文档和社区支持）。许多企业级应用在过去都
  • YashanDB UNDO表空间管理 数据库
    UNDO表空间用于YashanDB创建和管理回滚（撤销数据库更改）信息，这种信息包括交易行为的记录，且主要是在交易提交之前，统称为undo。undo记录用于：执行ROLLBACK语句回滚事务恢复数据库提供读取一致性使用闪回查询分析较早时间点的数据使用闪回功能从逻辑损坏中恢复设置最短撤销保留期YashanDB提供一种自动化的机制，称为自动撤销管理，用于管理undo信息和空间。当启用自动撤销管理时，始
  • Unity 封装一个依赖于MonoBehaviour的计时器(下) 链式调用 咩咩-哈基米版 Unity案例实战全解析Unity框架学习unity游戏引擎
    [Unity]封装一个依赖于MonoBehaviour的计时器(上)-CSDN博客目录1.加入等待间隔时间"永远'执行方法2.修改为支持链式调用实现链式调用管理"链式"调度顺序3.测试即时方法编辑"永久"方法链式调用4.总结1.加入等待间隔时间"永远'执行方法我将这个计时器修改为了支持链式调用,不过我还是发现了一个问题,有些地方的计时器要求是这样子的usingUnityEngine;publicc
  • 浅显易懂——连接池、分布式系统、微服务等概念 十五春会 分布式微服务
    文章目录连接池比喻技术层面关键参数实际应用示例分布式系统概念实现方式实际应用场景关键概念分布式会话管理分布式计数器分布式锁分布式事务（DistributedTransaction）分布式追踪集群环境比喻优缺微服务架构比喻优缺实际场景服务间通信负载均衡服务发现连接池比喻想象你是一家餐厅的顾客，你想点餐。每次点餐时，服务员需要去厨房取一个厨师来为你准备食物。如果每次点餐都重新找一个新厨师，不仅浪费时间
  • @JsonFormat @DateTimeFormat 注解 徐寿春 待整理文档java
    @JsonFormat(shape=JsonFormat.Shape.STRING,pattern="yyyy-MM-ddHH:mm:ss",timezone="GMT+8")@DateTimeFormat(pattern="yyyy-MM-ddHH:mm:ss")@JsonFormat注解用于在Java对象与JSON数据之间进行序列化和反序列化操作序列化过程时，转化为对应属性的日期时间格式。○s
  • spring event发布及监听实例 weixin_33924220 java测试
    序本文主要介绍下如何在spring中进行发布时间以及接收事件定义事件publicclassDemoEventextendsApplicationEvent{privateStringmessage;publicDemoEvent(Objectsource,Stringmessage){super(source);this.message=message;}publicStringgetMessag
  • 用Vue实现海报排版设计功能 powerx_yc javascriptViewUI
    一、前言本来想做个微信小程序，实现一键生成海报图片（可替换文字、图片，不需要用户排版），所以后台管理系统上需要实现一个制作海报模板的功能（“简单版ps”），写了挺长时间的，逻辑太多了，现在写得差不多了，但是由于各种事情项目一直没有进展，估计是没能做完了，所以把这个“简单版ps”开源出来。二、界面三、动态效果图四、github源码地址（欢迎star，谢谢~）github.com/CB-ysx/pag
  • python进程与线程_python进程和线程 weixin_39543758 python进程与线程
    python进程和线程概念GIL:全局解释锁，解决了不同线程同时访问统一资源时，数据保护问题。python虽然是多线程，但是因为GIL,实际上是是单线程，由CPU轮询，假线程。(一个线程运行一段时间后会释放GIL,另一个线程获取GIL便会执行，然后再释放)进程：是具有一定独立功能的程序关于某个数据集合上的一次运行活动。进程是系统进行资源分配和调度的一个独立单位。(进程间通信方式：套接字，信号，管道
  • python任务调度平台 界面_分布式任务调度平台XXL-JOB weixin_39572764 python任务调度平台界面
    以前带我的人说过，最好的学习就是看官方文档，个人也有4个T的学习视频，但是会发现讲的都是入门，有的也比较浅。官方文档比较官方，也比较权威，打开xxl-job的官网，写的贼详细，有些人喜欢收博客，不喜欢看官网，因此就直接复制过来了，过段时间会参考文档，自己来一遍。一、简介1.1概述XXL-JOB是一个分布式任务调度平台，其核心设计目标是开发迅速、学习简单、轻量级、易扩展。现已开放源代码并接入多家公司
  • 使用工厂加策略模式实现操作日志记录 小灰灰是码农... 策略模式javaspringboot
    需求：1.培训班管理；2.报名列表管理；3.申请信息变更；4.申请发布；5.申请审批以上是本次需求中的5个功能菜单，根据客户需求，要求在上述功能操作中的每一步都要进行日志的记录，分别记录登录人信息，IP地址，操作时间，如果是修改要求记录为“修改姓名：张三→张小三”共有8中日志操作类型。日志实现的方案：方案一、使用切面类思路:切面类适合在不改变原有业务逻辑的基础上，对特定的方法进行增强。在这个场景中
  • 双软企业认定干货大放送：条件、流程、时间全知晓 卧涛西安17391873147 大数据经验分享
    在科技飞速发展的当下，双软企业认定成为众多软件企业关注的焦点。那么，究竟什么是双软企业？认定双软企业又需要满足哪些条件、经历怎样的流程、耗费多长时间呢？今天，就为大家带来满满的干货，一文讲透双软企业认定那些事儿，要是看完还有疑问，欢迎找小编咨询哦！一、什么是双软企业双软企业，简单来说，是指软件企业和软件产品经过相关部门的认定，符合特定标准的企业。软件企业认定侧重于企业的整体研发、生产经营等情况，而
  • 华为鸿蒙实现重大突破，超4000个应用程式加入 ggtdfgfdg 华为harmonyos
    华为开发者学堂自从华为Mate60系列携自研麒麟9000S5G处理器强势回归后，美西方就已经陷入了深深的自我怀疑，拜登对华为的重拳打压，难道都是“摆设”吗？芯片没有被阻拦，就连操作系统也迎来了重大突破，美国最不愿意看到的事情还是发生了！近日，华为鸿蒙传来重磅消息，在华为开启“原生鸿蒙应用”计划之后，短短2个月的时间，鸿蒙系统的应用程序就已经超过了4000个，激增20倍之多。除了主流的应用程序之外，
  • CSDN每日一练 文盲老顾 算法每日一练
    每日一练不会做的题目n边形划分K树盗版解锁密码小豚鼠搬家清理磁盘空间待更新未能完全通过case的题目拯救爱情环形单向链表硬币的面值（CSDN已修改用例数据，2023-2-14）小计不会做的题目n边形划分练习题地址https://edu.csdn.net/skill/program/28790?practiceId=19348927题目名称：n边形划分时间限制：1000ms内存限制：256M题目描述
  • DeepSeek选择方向的优势 AIWritePaper官方账号 DeepSeekAIWritePaperChatGPT人工智能deepseekAIWritePaper机器学习大数据
    DeepSeek选择方向的优势在学术研究与论文发表的征程中，DeepSeek凭借其独特的优势，正逐渐成为研究者们不可或缺的得力助手。以下将从多个维度深入剖析DeepSeek选择方向的卓越之处。一、高效的数据处理能力DeepSeek能够迅速处理海量数据，自动识别数据模式，精准定位关键趋势与关联。这一能力使研究者无需耗费大量时间在数据的海洋中苦苦搜寻，从而为论文研究节省宝贵时间，显著提升研究效率。二、
  • 7-3 谁先倒 小竹子14 算法c++图论
    输入样例：1168109125105103851212181134161215151116输出样例：A1这题很恶心，当时纯纯是没看清楚题目，没理解透，他是说如果两个人同时输了或者赢了，都不喝酒，这个小破题浪费哥们快半小时时间（太拉了还是）#include"bits/stdc++.h"usingnamespacestd;intmain(){inta,b,p=0,q=0;intk;cin>>a>>b>
  • MySQL 技术浅析（聚簇索引、UndoLog、RedoLog、MVCC） 代码没写完哪有脸睡觉 mysql数据库
    MySQL核心技术深度解析一、聚簇索引与非聚簇索引1.聚簇索引结构存储方式InnoDB中，聚簇索引的叶子节点直接存储完整数据行，数据按主键值物理排序存储。主键索引即数据文件，非叶子节点存储主键范围和子节点指针数据行与主键索引绑定，主键顺序决定磁盘存储顺序示例存储结构B+树结构：根节点→[id20;--索引设计为(name,age)2.事务控制建议控制事务粒度：单个事务执行时间<1秒批量操作分批次提
  • 场景题：100G的文件里有很多id，用1G内存的机器排序，怎么做？
    海量数据排序思路核心方案：外排序（分治+多路归并）MapReduce外排序是指数据量太大，无法全部加载到内存中，需要将数据分成多个小块进行排序，然后将排序后的小块合并成一个大的有序块1.分块排序（Map阶段）分块策略按1G内存容量限制，将100G文件拆分为200个500MB分块（保留内存用于排序计算和系统开销）内存排序每个分块加载至内存后：①使用快速排序（时间复杂度O(nlogn)）②去重优化：若
  • kubernetes集群证书过期问题解决 后端java
    证书过期问题查看证书过期时间kubeadmalphacertscheck-expiration证书过期升级命令kubeadmalphacertsrenewall日志查看命令journalctl-xefukubelet发现更新证书后，日志还是报错未发现/etc/kubernetes/bootstrap-kubelet.conf，则继续执行如下操作重新生成证书cd/etc/kubernetes/pki
  • 搞定leetcode面试经典150题之哈希算法 醒了就刷牙 LeetCode刷题哈希算法leetcode面试算法
    系列博客目录搞定leetcode面试经典150题之哈希算法搞定leetcode面试经典150题之双指针搞定leetcode面试经典150题之滑动窗口文章目录系列博客目录理论知识1.哈希函数（HashFunction）2.哈希表（HashTable）通过HashMap实现3.哈希算法的应用4.哈希算法的时间复杂度编程理论1.HashSet的工作原理2.HashMap(哈希表)的工作原理3.哈希表中的
  • 极致出海友好，融云 IM 支持消息免打扰设置时区 im融云社交
    归纳来看，业务全球化难题，其实是无数细微本地化挑战的叠加。时区差异就是应用出海的关键本地化挑战之一，需要在产品设计中充分考虑时间显示、通知推送、内容时效、用户互动、数据分析和团队协作等方面。在应用的社交模块，时区差异更是全球化产品必须考虑的核心要素。比如，若产品支持消息免打扰设置时段，就要针对不同时区进行相应的计算和实现。大多通信服务商提供的解决方案以UTC（世界标准时间）为准，需要业务根据目标市
  • PC版微信占满硬盘？这款清理神器一键搞定！ zyw05120113 个人开发智能手机djangoocrpdf
    嘿，朋友们！微信现在几乎是咱们生活中离不开的聊天工具了，不管是手机还是电脑，基本都得装上它。但是，用的时间长了，PC版微信就会占用越来越多的硬盘空间。要是不清理，不仅电脑会变慢，隐私也可能不安全。今天，我就给大家分享一款我超喜欢的微信清理小工具——CleanWeChatX。CleanWeChatX这款工具是吾爱大神开发的，特别专业。它不用安装，下载后直接双击就能用。别看它只有4.05MB，功能可一
  • Kafka、RocketMQ、RabbitMQ三款消息中间件的原理 家常凉菜 kafkarocketmqrabbitmq
    最近学习了Kafka、RocketMQ、RabbitMQ三款消息中间件的原理，本文主要是记录一下Kafka、RabbitMQ、RocketMQ三款中间件之间的区别。下面先对各自的架构进行简单的介绍，然后详细对比一下他们之间的关键不同点。由于学习时间和个人水平有限，文中错误之处在所难免,敬请指正。一、Kafka简介Producer：生产者，向Kafka集群（Broker）中发送消息Consumer：
  • 进销存软件怎么选？9款平价好用的系统供你选择！ 数据库
    ——市场上的进销存软件一大堆，选来选去又找不到适合自己的，选个软件怎么这么麻烦！别急，我特地花时间找了国内外的9款进销存系统，把功能、特点、适用企业、使用场景都整理好了，直接对比，一目了然，省得大家踩坑！无论你是个体户、小微企业，还是做批发、制造、电商，这里都有合适的选择，快来看看哪款最适合你。根据个人经验，已整理好了进销存系统模板，自取>>https://s.fanruan.com/s5fpp1
  • ComfyUI之“注入间隔”（Injection Interval）对生成过程进行控制 AI-AIGC-7744423 计算机视觉人工智能架构
    含义“注入间隔”通常指的是在生成图像的过程中，某些特定的控制信号或者参数被注入到生成流程中的时间间隔或者步数间隔。在ComfyUI的图像生成流程里，尤其是使用扩散模型生成图像时，整个过程会被拆分成多个步骤逐步迭代，每一步都会对图像进行一些细微的调整和更新。“注入间隔”决定了在这些步骤中，额外的控制信息（如提示词、控制网等带来的影响）在哪些步骤起作用。具体作用1.控制网（ControlNet）应用当
  • L3-1 夺宝大赛 小竹子14 算法图论数据结构
    输入样例1：5711111011111100110211111001111111111715711155313514输出样例1：76样例1说明：七支队伍到达大本营的时间顺次为：7、不可能、5、3、3、5、6，其中队伍4和5火拼了，队伍3和6火拼了，队伍7比队伍1早到，所以获胜。输入样例2：5711111011111100110211111001111111111775137111553135输出样
  • 面试基础---面试刷题推荐 二分查找算法：搜索旋转排序数组 WeiLai1112 leetcode刷题算法面试数据结构架构分布式职场和发展java
    二分查找算法：搜索旋转排序数组引言：二分查找的核心思想二分查找是一种高效的搜索算法，适用于有序数组。它的核心思想是通过不断缩小搜索范围，将时间复杂度从O(n)降低到O(logn)。本文将以“搜索旋转排序数组”为例，详细讲解二分查找的实现，并提供易于记忆的代码模板。一、问题描述1.1题目假设一个按升序排列的数组在某个未知的点上进行了旋转（例如，[0,1,2,4,5,6,7]可能变为[4,5,6,7,
  • Vim忍者速成秘卷：让你的键盘冒出残影の奥义 ivwdcwso 操作系统与云原生vim编辑器程序员忍道终端美学效率革命linux
    核心原理通过超低延迟配置+肌肉记忆优化+视觉欺骗技术，达成行云流水的操作体验。就像《火影忍者》结印般流畅！⚡残影生成术（基础篇）"️贴地飞行模式（.vimrc极速配置）settimeoutlen=300"快捷键响应时间压缩至300ms（武士刀级响应）setttyfast"激活终端极速传输模式setlazyredraw"执行宏时暂停界面刷新（性能提升50%）"手里剑光标追踪术autocmdCurso
  • c语言utc时间转换北京时间_STM32开发 -- UTC、UNIX时间戳、北京时间之间的转换 weixin_39628180 c语言utc时间转换北京时间
    我碰到的问题，GPS上UTC时间转北京时间和STM32上UNIX时间戳转北京时间。这部分之前讲RTC和GPS的时候有涉及到一部分。具体的RTC如何得到UNIX时间戳，和GNRMC如何解析得到UTC时间可以参看一下。参看：STM32开发–RTC详解参看：STM32开发–GPS模块开发详解扩展：C语言再学习–时间函数这里主要看三者转换方法：一、UTC时间转换为北京时间参看:UTC时间转换为北京时间时间
  • C# WPF学习总结 战族狼魂 WPFC#c#wpf学习
    经过一段时间的学习和实践，我对C#WPF（WindowsPresentationFoundation）有了更深入的理解。WPF作为一个强大的桌面应用程序开发框架，为开发者提供了丰富的UI控件、强大的数据绑定和灵活的布局系统。以下是我对C#WPF学习的一些总结：目录1.基础知识2.UI设计3.数据绑定4.动画和特效5.命令和路由事件6.自定义控件和扩展性7.性能优化和内存管理8.实战项目经验9.学习
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他