dyllove98
dyllove98

一个不陌生的JS效果

关于marquee，就不多说了，可以戳这里。

毕竟他是一个很古老的元素，现在的标准里头也不推荐使用这个标签了。但平时一些项目中会经常碰到这样的效果，每次都是重新写一遍，麻烦！

 

JS类实现marquee

今天倒弄了一个类，还不全，打个草稿吧~ 下次就凑合着用吧。

DEMO在这里，戳我

/**
* @author 靖鸣君
* @email jingmingjun92@163.com
* @description 滚动
* @class Marquee
* @param {Object}
*/
var Marquee = function(){
    this.direction = "top";
    this.speed = 30;
};

Marquee.prototype = {
    //initial
    init: function(obj, setttings){
        this.obj = obj;
        this._createBox();
        this.scroll();
        if(settings){
            settings.direction && (this.direction = settings.direction);
            settings.speed && (this.speed = settings.speed);
        }
    },
    _createBox: function(){
        //create inner box A
        this.iBox = document.createElement("div");
        var iBox = this.iBox;
        with(iBox.style){
            width = "100%";
            height = "100%";
            overflow = "hidden";
        }
        iBox.setAttribute("id", "marqueeBoxA");
        iBox.innerHTML = obj.innerHTML;

        //clone inner box B
        var iBox2 = iBox.cloneNode(true);
        iBox2.setAttribute("id", "marqueeBoxB");

        //append to obj Box
        this.obj.innerHTML = "";
        this.obj.appendChild(iBox);
        this.obj.appendChild(iBox2);
    },
    //animation
    scroll: function() {
        var _self = this;
        this.timer = setInterval(function(){
            _self._ani();
        }, this.speed);
    },
    //setInterval function
    _ani: function() {
        if(obj.clientHeight - obj.scrollTop <= 0){
            obj.scrollTop = obj.offsetHeight - obj.scrollTop + 1;
        } else {
            obj.scrollTop++;
            console.log(obj.offsetHeight, obj.scrollTop);
        }
    },
    stop: function(){
        clearInterval(this.timer);
    },
    start: function(){
        this.scroll();
    }
};
Javascript Marquee Class

代码写的比较粗糙，下面说说这个思路：

一个不陌生的JS效果_第1张图片

BoxA和BoxB内容相同，当BoxA滚动离开外层盒子时，把scrollTop设置成，当前的scrollTop - BoxA的高度，记得再加上一个1.

思路很简单，操作也很方便，我比较习惯用scrollTop来控制移动，有的人也喜欢用绝对定位和相对定位配合，但是这样写出来的插件兼容性不是很好，有些页面定位元素太多，可能会造成插件的样式乱套。

 

这个插件（楼主比较懒，还没有写完）的使用方式：

var marquee = new Marquee(),
    obj = document.getElementById("box");

marquee.init(obj);

对应的html代码：

<!DOCTYPE HTML>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>Demo</title>
    <style type="text/css">
        #box { 
            width: 150px;
            height: 200px;
            border:1px solid #EFEFEF;
            background: #F8F8F8;
            padding:0 20px;
            line-height:22px;
            overflow:hidden;
        }
    </style>
</head>

<body>
    <div id="box">
        我是靖鸣君1<br /> 我是靖鸣君2<br /> 我是靖鸣君3<br /> 我是靖鸣君4<br /> 我是靖鸣君5<br />
        我是靖鸣君1<br /> 我是靖鸣君2<br /> 我是靖鸣君3<br /> 我是靖鸣君4<br /> 我是靖鸣君5<br />
    </div>
</body>
</html>

当然，给了几个接口：

marquee.init(obj, {
     direction: "xx",  //这个还没写，一般就是top和left吧~
     speed: 30
});

 

 补充一个css3下marquee的知识点

overflow:-webkit-marquee;//指定溢出时滚动。

-webkit-marquee-style:scroll | slide | alternate; //跑马灯样式，分三种。

scroll，从一端滚动到另一端，内容完全滚入（消失）时重新开始。

slide，从一端滚到另一端，内容接触到另一端后，立马重新开始。

alternate，内容不跑到显示区域外，在里面来回碰壁反弹。这里主要用第一种。

-webkit-marquee-repetition:infinite | number;// 跑马灯跑的次数，infinite 为

无限多次，不结束。或者可以用正整数设置滚动的次数。

-webkit-marquee-direction:up | down | left | right; //跑动的方向，这个要注

意结合实际情况，即实际你操作的标签文本流溢出在哪个方向溢出。

-webkit-marquee-speed:slow | normal | fast;//跑动的速度设置。

实例：

<!DOCTYPE HTML>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>Demo</title>
    <style type="text/css">
        h1 {
            color:rgba(250,100,100,0.7);
            height:40px;
            line-height:40px;
            width:400px;
            overflow: -webkit-marquee;
            -webkit-marquee-style: scroll;
            -webkit-marquee-repetition: infinite;
            -webkit-marquee-direction: right;
            -webkit-marquee-speed:normal;
            border:1px #ccc solid;
            margin-top: 30px;
        }
        h1.left {
            -webkit-marquee-direction: left;
        }
        h1.up {
            -webkit-marquee-direction: up;
        }
        h1.down {
            -webkit-marquee-direction: down;
        }
</style>
</head>

<body>
<h1>我是靖鸣君，靖鸣君，我是靖鸣君，靖鸣君，我是靖鸣君</h1>
<h1 class="up">我是靖鸣君，靖鸣君，我是靖鸣君，靖鸣君，我是靖鸣君</h1>
<h1 class="left">我是靖鸣君，靖鸣君，我是靖鸣君，靖鸣君，我是靖鸣君</h1>
<h1 class="down">我是靖鸣君，靖鸣君，我是靖鸣君，靖鸣君，我是靖鸣君</h1>
</body>
</html>

DEMO地址：http://qianduannotes.sinaapp.com/marquee/css3marquee.html

这个还是蛮实用的~做下兼容性处理，我觉得，可以直接拿过来用：)

 


你可能感兴趣的:(一个不陌生的JS效果)

  • 深入探秘 Redis：Java 达摩院教程带你突破技术瓶颈 七七知享 Javaredisjava数据库开发语言eclipse程序人生学习方法
    深入探秘Redis：Java达摩院教程带你突破技术瓶颈在当今大数据和高并发盛行的互联网时代，Redis作为一款高性能的键值对存储数据库，已然成为后端开发工程师们手中的“神兵利器”。无论是缓存数据、处理消息队列，还是实现分布式锁，Redis都展现出了卓越的性能和灵活性。今天，我们就跟随Java达摩院的脚步，一同深入理解Redis，揭开它神秘的面纱。在实际项目中，Redis有着广泛的应用。比如在电商系
  • 【力扣算法】【python】矩阵置零 啤酒炖鸡 数据结构pythonleetcode算法
    题目描述编写一种算法，若M×N矩阵中某个元素为0，则将其所在的行与列清零。示例1：输入：[[1,1,1],[1,0,1],[1,1,1]]输出：[[1,0,1],[0,0,0],[1,0,1]]示例2：输入：[[0,1,2,0],[3,4,5,2],[1,3,1,5]]输出：[[0,0,0,0],[0,4,5,0],[0,3,1,0]]来源：力扣（LeetCode）链接：htt
  • HarmonyOS NEXT AI基础视觉服务-人脸对比 harmonyos-next
    案例描述这是一个基于AI基础视觉服务实现的人脸对比案例，通过调用设备相册选择两张图片进行人脸特征比对，并展示相似度计算结果。实现步骤：1.模块导入//导入功能模块import{photoAccessHelper}from'@kit.MediaLibraryKit';import{fileIo}from'@kit.CoreFileKit';import{image}from'@kit.ImageKi
  • HarmonyOS NEXT AI基础视觉服务-人脸识别 harmonyos-next
    案例描述这是一个基于AI基础视觉服务实现的人脸识别案例，通过调用设备相册选择图片后检测图像中的人脸信息并展示结构化识别结果。实现步骤：1.模块导入//导入功能模块import{photoAccessHelper}from'@kit.MediaLibraryKit';import{fileIo}from'@kit.CoreFileKit';import{image}from'@kit.ImageKi
  • HarmonyOS NEXT AI基础语音服务-文章播报 harmonyos-next
    案例描述这是一个基于AI基础语音服务实现的文字语音播报案例实现步骤：###1.引入必要的模块引入textToSpeech和promptAction模块，分别用于文字转语音和提示信息展示。import{textToSpeech}from'@kit.CoreSpeechKit'import{promptAction}from'@kit.ArkUI'说明：textToSpeech模块提供了文字转语音的功
  • HarmonyOS NEXT AI基础视觉服务-文字识别 harmonyos-next
    案例描述这是一个基于AI基础视觉服务实现的文字识别案例，通过调用设备相机拍摄照片后识别图片中的文字内容。实现步骤：1.模块导入//导入功能模块import{camera,cameraPicker}from'@kit.CameraKit';import{fileIo}from'@kit.CoreFileKit';importimagefrom'@ohos.multimedia.image';impo
  • 鸿蒙开发：如何实现文本跑马灯效果
    前言本文基于Api13跑马灯的场景非常常见，在日常的开发中常见于消息、广告及公告通知，内容从左到右或者从右到左进行滚动播出，在鸿蒙开发中，实现起来可以说是非常简单，一个属性便可以搞定。比如给定一段内容，让它从右往左进行滚动播出，效果如下：鸿蒙当中，直接给文本组件，设置textOverflow属性，让overflow的值为TextOverflow.MARQUEE即可：Text(this.messag
  • 【赵渝强老师】Oracle数据库的闪回表 数据库oracle
    Oracle的闪回表（FlashbackTable）实际上是将表中的数据快速回退到过去的一个是时间点或者系统改变号SCN上，从而达到恢复数据的目的。视频讲解如下：https://www.bilibili.com/video/BV18iDoYVErE/?aid=113447081742...一、闪回表简介闪回表可以将一张或多张表恢复到特定的时间点，并且整个恢复的过程是不需要有备份的。使用闪回表的时候
  • go etcd分布式锁的方案代码 leijmdas golangetcd分布式
    以下是一个基于etcd的分布式锁的完整Go代码实现，包含锁的获取、自动续租、释放锁等核心功能，并附有详细注释和注意事项。完整代码实现go复制packagemainimport("context""fmt""log""time""go.etcd.io/etcd/client/v3")//EtcdLock基于etcd的分布式锁typeEtcdLockstruct{client*clientv3.Cli
  • uniapp实现小票打印 兼容微信小程序安卓 diygwcom uni-app
    在uni-app中实现蓝牙打印需要分平台处理，因为不同平台（App/小程序/H5）的蓝牙API和权限机制不同。以下是分步骤实现方案：核心实现思路平台适配：主要适配App和小程序（H5因浏览器限制通常无法直接连接蓝牙硬件）设备发现：扫描附近的蓝牙打印机连接管理：建立并维护蓝牙连接数据发送：将打印内容转换为ESC打印机指令集异常处理：处理连接中断、设备不兼容等问题小程序蓝牙API核心代码调用//初始化
  • uniapp uni-swipe-action滑动内容排版改造 lyz246859 uni-app
    在uniapp开发中默认的uni-swipe-action滑动组件按钮里的文字都是横排的不能换行的如果是在一些小屏设备比如PDA这种，同时按钮文字又都是4个字多按钮的情况就会发现滑动一下都直接满屏了观看体验都不好但默认的官方组件又没有样式的设置，下面就告诉大家怎么简单改造：如图所示，只需要在css中对按钮的宽做换行处理，就能轻松实现指定的宽度横排
  • python自动化：批量自动将PPT中的内容复制到word中(附完整源码) 源代码大师 Python实战教程python自动化powerpoint
    python自动化：批量自动将PPT中的内容复制到word中下面是一个示例Python脚本，可以用来批量将PPT中的内容复制到Word文档中：importosfrompptximportPresentationfromdocximportDocumentdefcopy_ppt_to_word(ppt_file,word_file):"""将PPT中的内容复制到Word中"""#创建一个新的Word
  • uni-app前端处理瀑布流V2写法 HWT? uni-app
    如果后端返回的数据是:[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…}]这个形式一次性返回的话,前端要怎么处理分页并持续加载更多,下面将一步一步展开本文用到了uniapp提供的scro
  • [特殊字符]设计模式行为模式全解析：10大模式助你掌控代码逻辑！ PGFA 设计模式java
    设计模式行为模式全解析：10大模式助你掌控代码逻辑！一、行为模式总览行为模式聚焦对象间的交互与职责分配，通过封装算法和流程，让代码更灵活、易维护。本文带你快速掌握10种核心行为模式的要点与应用场景，助你告别冗余代码！二、10大行为模式简明介绍️策略模式：代码界的“百变星君”，让算法选择更灵活！（点击标题连接可以看到该模式的代码实例、应用场景等详细的介绍哦）核心要点：定义一系列算法，将每个算法封装成
  • 制智权理论初探 人机与认知实验室
    参考制海权和制空权理论构建制智权，可以从以下几个方面展开：一、理论基础1、制海权马汉提出的制海权理论强调对海洋的控制能力，依赖于技术手段（如蒸汽舰）和战略航道的掌控，确保海上力量的自由行动和对敌方的压制。2、制空权杜黑的制空权理论强调空中力量的自由性和对地面目标的覆盖能力，通过空中优势实现对战场的控制。3、制智权与制海权、制空权强调物理域不同，制智权的核心在于对认知与信息空间的控制，通过技术手段（
  • Java 与 AI 结合的实际操作规程案例 小徐博客 java
    Java与AI结合的实际操作规程案例涵盖了从基础算法实现到工程化协作的多个层面。以下是基于最新实践的几个典型场景及操作规范：一、自然语言处理（NLP）与文本分类案例：使用ApacheOpenNLP实现新闻分类操作流程：数据准备：收集新闻文本数据并标注类别（如科技、体育等）。模型训练：利用OpenNLP的DocumentCategorizerME类加载训练数据，通过train()方法生成分类模型。分
  • uniapp 获取dom信息（封装获取元素信息工具函数） 冰凉小脚 uniappuni-appjavascript前端
    在uniapp开发中，需要获取到dom的信息，需要用到uniapp的指定方式uni.createSelectorQuery()，但是每次需要用到的时候都需要很长一段的繁琐代码，本篇文章将呈现获取dom信息方法封装，话不多说，上菜：getDomInfo(id,that){returnnewPromise((resolve,reject)=>{if(!id)returnreject('id/类名不能为
  • 中控屏设备联网架构 莫道桑榆晚-为霞尚满天 网络信息与通信网络协议
    一、协调器协调器（Coordinator）：常见于低功耗无线网络（如Zigbee、Thread），负责组建并管理单一网络内的设备（如终端节点、路由器）。功能：分配网络地址、维护设备列表、路由数据包。中控屏如果协调器没有烧写成功会怎样？1.功能异常系统无法启动：中控屏可能无法正常启动，停留在黑屏、卡LOGO或报错界面。控制失效：触摸操作、按键响应、外设（如空调、灯光、音响）控制等功能可能无法使用。显
  • Linux：GDB 我真不会起名字啊 c++
    在软件开发的漫漫长路上，Bug就像隐藏在黑暗中的“小怪兽”，时不时跳出来给开发者们制造麻烦。曾经，欧洲航天局（ESA）首次发射阿丽亚娜5号火箭，这本是太空探索史上的重要时刻，却因一行代码导致灾难性故障，价值近5亿欧元的火箭在发射37秒后爆炸。经过调查，原来是制导系统存在软件缺陷，一段源于阿丽亚娜4号的死代码中，64位浮点变量转换为16位带符号整数时出现整数溢出问题，最终导致火箭自毁。这样的故事告诉
  • 今日黄金市场：投资分析与报告 北城笑笑 AI
    目录一、黄金的金融属性二、黄金的价格趋势三、黄金价格驱动力四、金价跌落的历史五、后市展望与注意事项六、本文总结前言黄金，作为跨越千年文明史的特殊资产，其价值始终与人类社会的动荡与繁荣紧密交织。俗语“盛世珠宝，乱世黄金”精准概括了其双重属性：在和平繁荣时期，黄金的商品属性（首饰、工业用途）更为凸显；而在战争、通胀或经济危机中，其金融属性（避险、保值）则成为市场焦点。黄金的主要市场如伦敦金（XAU/U
  • 大数据技术框架 熙客 大数据技术体系
    一、大数据应用场景1、互联网领域：搜索引擎、推荐系统、广告系统2、电信领域：网络管理和优化、市场与精准营销、客户关系管理、企业运营管理、数据商业化3、医疗领域：临床数据对比、药品研发、临床决策支持、实时统计分析、基本药物临床应用分析、远程病人数据分析、人口统计学分析、新农合基金数据分析、就诊行为分析、新的服务模式等。4、金融领域：客户画像应用、精准营销、风险管控、运营优化、二、企业级大数据技术框架
  • 2022年P气瓶充装上岗证题库模拟考试平台操作 女王219 安全生产一点通题库安全生产模拟考试一点通p2p网络协议网络
    题库来源：安全生产模拟考试一点通公众号小程序2022年P气瓶充装判断题为P气瓶充装操作考试题新版教材大纲题库！2022年P气瓶充装上岗证题库模拟考试平台操作依据P气瓶充装考试教材。P气瓶充装模拟考试题库通过安全生产模拟考试一点通上练习全部题库。1、【多选题】气瓶瓶阀的出口螺纹型式是：可燃气体用的瓶阀，其出口螺纹应是（）旋的；非可燃气体用的瓶阀，其出口螺纹应是（）旋的。（AB）A、左B、右C、无规定
  • 对学习Python语言初学者的建议必会的3款代码编辑器 Liu-HangYu pythonpython编程语言爬虫大数据
    我们在使用Python来编程的时候，也需要一个厉害的武器帮助我们提升编程效率，编辑器就是一个非常实用的工具。其实对于Python初学者来说，如何选择编辑器就是首先面对的难题，今天我就以Python常用的3款编辑器为例，帮助大家快速入门。1.初学阶段—Python自带编辑器IDLEPython编程学习可以从这个IDLE编辑器开始，可以在交互环境中输入语句练习，查看执行结果，也可以调试和执行一些简单的
  • 【c++】使用FFmpeg库进行视频流处理的 四维碎片 c++ffmpeg开发语言
    使用FFmpeg库进行视频流处理的C++代码。主要功能是拉取RTSP流，解码视频帧，并将解码后的帧转换成Qt中的QImage，最后通过信号发射将图像传递给界面。下面是对代码的详细解释：初始化FFmpeg库和网络库：cppCopycodeavformat_network_init();av_register_all();这两行代码用于初始化FFmpeg库和网络库，确保在使用解封装（flv，mp4，r
  • 三极管放大信号的秘密：连直流都能放大？90%的人不知道的电子奇迹 【云轩】 STM32百万控制外设合集笔记嵌入式硬件
    点击下面图片带您领略全新的嵌入式学习路线爆款热榜88万+阅读1.6万+收藏文章目录一、三极管的“电流控制术”：小信号撬动大能量1.**载流子的“定向迁移”**二、直流信号能被放大吗？颠覆认知的真相1.**交流vs直流：信号的本质差异**2.**关键：让三极管“活”在放大区**三、实战案例：直流放大器的设计奥秘1.**直接耦合放大器**2.**挑战：温度漂移与稳定性**四、为什么教科书总说“放大交流
  • 杨辉三角--python五种实现方式 孙忠昊 python习题杨辉三角
    杨辉三角-----基本实现num=10#标记打印多少行YHtriangle=[]#创建一个空列表foriinrange(num):#打印的行数YHtriangle.append([1]*(i+1))#根据杨辉三角性质，先开括出行内的个数，填充1.forjinrange(1,i):#分别计算每个元素的数值，头尾不包括YHtriangle[i][j]=YHtriangle[i-1][j-1]+YHtr
  • HTMl5-------新增属性 孙忠昊 前端
    (一)HTMLHTML5新增标签整理HTML5增加了主要增加了一些结构标签,媒体标签,表单标签以及一些功能性标签1,结构标签section定义文档中的节,如章节,页眉页脚等,可与和,h2等标签结合使用,表示文章结构article定义页面独立的内容区域,如一篇文章aside定义文档的头部区域header定义文档的头部区域hgroup对页面中一个内容区块的标题进行整合;标题组footer定义也叫,如作
  • js实现屏幕滚动 孙忠昊 前端屏幕滚动
    全屏滚动的原理是什么?,用到了css的哪些属性.使用position设置成relative,基于浏览器窗口定位.浏览器显示的只有这个模块.再它里面有三个全屏的子标签,通过鼠标中键的滚动监听事件,设置三个标签top值.来设置显示哪个模块.再设置延时操作,防止多次滚动Documenthtml,body{margin:0;padding:0;overflow:hidden;}#pageContainer
  • 思科、华为、华三交换机配置端口聚合 请叫我常总裁 网络交换机端口聚合链路聚合
    华为-配置LACP模式的链路聚合[HUAWEI]interfaceeth-trunk1[HUAWEI-Eth-Trunk1]modelacp[HUAWEI-Eth-Trunk1]trunkportgigabitethernet1/0/1to1/0/3[HUAWEI-Eth-Trunk1]portlink-typetrunk[HUAWEI-Eth-Trunk1]porttrunkallow-pass
  • Python Playwright库全面详解 老胖闲聊 Pythonpython开发语言
    Playwright是Microsoft开发的一个现代化的端到端测试和浏览器自动化库，支持Chromium、WebKit和Firefox浏览器。它提供了跨浏览器、跨平台的自动化能力，且具有高性能和可靠性。一、核心特性多浏览器支持：Chromium(Chrome,Edge)WebKit(Safari)Firefox跨平台支持：WindowsmacOSLinux多语言支持：JavaScript/Typ
  • 项目中 枚举与注解的结合使用 飞翔的马甲 javaenumannotation
    前言：版本兼容，一直是迭代开发头疼的事，最近新版本加上了支持新题型，如果新创建一份问卷包含了新题型，那旧版本客户端就不支持，如果新创建的问卷不包含新题型，那么新旧客户端都支持。这里面我们通过给问卷类型枚举增加自定义注解的方式完成。顺便巩固下枚举与注解。 一、枚举 1.在创建枚举类的时候，该类已继承java.lang.Enum类，所以自定义枚举类无法继承别的类，但可以实现接口。
  • 【Scala十七】Scala核心十一：下划线_的用法 bit1129 scala
    下划线_在Scala中广泛应用，_的基本含义是作为占位符使用。_在使用时是出问题非常多的地方，本文将不断完善_的使用场景以及所表达的含义   1. 在高阶函数中使用 scala> val list = List(-3,8,7,9) list: List[Int] = List(-3, 8, 7, 9) scala> list.filter(_ > 7) r
  • web缓存基础：术语、http报头和缓存策略 dalan_123 Web
    对于很多人来说，去访问某一个站点，若是该站点能够提供智能化的内容缓存来提高用户体验，那么最终该站点的访问者将络绎不绝。缓存或者对之前的请求临时存储，是http协议实现中最核心的内容分发策略之一。分发路径中的组件均可以缓存内容来加速后续的请求，这是受控于对该内容所声明的缓存策略。接下来将讨web内容缓存策略的基本概念，具体包括如如何选择缓存策略以保证互联网范围内的缓存能够正确处理的您的内容，并谈论下
  • crontab 问题 周凡杨 linuxcrontabunix
      一： 0481-079   Reached   a   symbol   that   is   not   expected.   背景： */5   *   *   *   *  /usr/IBMIHS/rsync.sh 
  • 让tomcat支持2级域名共享session g21121 session
    tomcat默认情况下是不支持2级域名共享session的，所有有些情况下登陆后从主域名跳转到子域名会发生链接session不相同的情况，但是只需修改几处配置就可以了。 打开tomcat下conf下context.xml文件 找到Context标签,修改为如下内容 如果你的域名是www.test.com <Context sessionCookiePath="/path&q
  • web报表工具FineReport常用函数的用法总结（数学和三角函数） 老A不折腾 Webfinereport总结
      ABS ABS(number):返回指定数字的绝对值。绝对值是指没有正负符号的数值。 Number:需要求出绝对值的任意实数。 示例: ABS(-1.5)等于1.5。 ABS(0)等于0。 ABS(2.5)等于2.5。   ACOS ACOS(number):返回指定数值的反余弦值。反余弦值为一个角度，返回角度以弧度形式表示。 Number:需要返回角
  • linux 启动java进程 sh文件 墙头上一根草 linuxshelljar
    #!/bin/bash #初始化服务器的进程PId变量 user_pid=0; robot_pid=0; loadlort_pid=0; gateway_pid=0; ######### #检查相关服务器是否启动成功 #说明： #使用JDK自带的JPS命令及grep命令组合，准确查找pid #jps 加 l 参数，表示显示java的完整包路径 #使用awk，分割出pid
  • 我的spring学习笔记5-如何使用ApplicationContext替换BeanFactory aijuans Spring 3 系列
    如何使用ApplicationContext替换BeanFactory？ package onlyfun.caterpillar.device; import org.springframework.beans.factory.BeanFactory; import org.springframework.beans.factory.xml.XmlBeanFactory; import
  • Linux 内存使用方法详细解析 annan211 linux内存Linux内存解析
    来源 http://blog.jobbole.com/45748/ 我是一名程序员，那么我在这里以一个程序员的角度来讲解Linux内存的使用。 一提到内存管理，我们头脑中闪出的两个概念，就是虚拟内存，与物理内存。这两个概念主要来自于linux内核的支持。 Linux在内存管理上份为两级，一级是线性区，类似于00c73000-00c88000，对应于虚拟内存，它实际上不占用
  • 数据库的单表查询常用命令及使用方法(-) 百合不是茶 oracle函数单表查询
        创建数据库;       --建表 create table bloguser(username varchar2(20),userage number(10),usersex char(2));       创建bloguser表,里面有三个字段     &nbs
  • 多线程基础知识 bijian1013 java多线程threadjava多线程
    一．进程和线程 进程就是一个在内存中独立运行的程序，有自己的地址空间。如正在运行的写字板程序就是一个进程。 “多任务”：指操作系统能同时运行多个进程（程序）。如WINDOWS系统可以同时运行写字板程序、画图程序、WORD、Eclipse等。 线程：是进程内部单一的一个顺序控制流。 线程和进程 a.       每个进程都有独立的
  • fastjson简单使用实例 bijian1013 fastjson
    一.简介         阿里巴巴fastjson是一个Java语言编写的高性能功能完善的JSON库。它采用一种“假定有序快速匹配”的算法，把JSON Parse的性能提升到极致，是目前Java语言中最快的JSON库；包括“序列化”和“反序列化”两部分，它具备如下特征：     
  • 【RPC框架Burlap】Spring集成Burlap bit1129 spring
    Burlap和Hessian同属于codehaus的RPC调用框架，但是Burlap已经几年不更新，所以Spring在4.0里已经将Burlap的支持置为Deprecated,所以在选择RPC框架时，不应该考虑Burlap了。 这篇文章还是记录下Burlap的用法吧，主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成  
  • 【Mahout一】基于Mahout 命令参数含义 bit1129 Mahout
    1. mahout seqdirectory   $ mahout seqdirectory --input (-i) input Path to job input directory(原始文本文件). --output (-o) output The directory pathna
  • linux使用flock文件锁解决脚本重复执行问题 ronin47 linux lock　重复执行
    linux的crontab命令，可以定时执行操作，最小周期是每分钟执行一次。关于crontab实现每秒执行可参考我之前的文章《linux crontab 实现每秒执行》现在有个问题，如果设定了任务每分钟执行一次，但有可能一分钟内任务并没有执行完成，这时系统会再执行任务。导致两个相同的任务在执行。 例如： <? //  test .php
  • java-74-数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 bylijinnan java
    public class OcuppyMoreThanHalf { /** * Q74 数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 * two solutions: * 1.O(n) * see <beauty of coding>--每次删除两个不同的数字，不改变数组的特性 * 2.O(nlogn) * 排序。中间
  • linux 系统相关命令 candiio linux
    系统参数 cat /proc/cpuinfo  cpu相关参数 cat /proc/meminfo 内存相关参数 cat /proc/loadavg 负载情况 性能参数 1）top M：按内存使用排序 P：按CPU占用排序 1：显示各CPU的使用情况 k：kill进程 o：更多排序规则 回车：刷新数据 2）ulimit ulimit -a：显示本用户的系统限制参
  • [经营与资产]保持独立性和稳定性对于软件开发的重要意义 comsci 软件开发
         一个软件的架构从诞生到成熟，中间要经过很多次的修正和改造       如果在这个过程中，外界的其它行业的资本不断的介入这种软件架构的升级过程中           那么软件开发者原有的设计思想和开发路线
  • 在CentOS5.5上编译OpenJDK6 Cwind linuxOpenJDK
    几番周折终于在自己的CentOS5.5上编译成功了OpenJDK6，将编译过程和遇到的问题作一简要记录，备查。 0. OpenJDK介绍 OpenJDK是Sun（现Oracle）公司发布的基于GPL许可的Java平台的实现。其优点： 1、它的核心代码与同时期Sun（-> Oracle）的产品版基本上是一样的，血统纯正，不用担心性能问题，也基本上没什么兼容性问题；（代码上最主要的差异是
  • java乱码问题 dashuaifu java乱码问题js中文乱码
    swfupload上传文件参数值为中文传递到后台接收中文乱码     在js中用setPostParams（{"tag" : encodeURI( document.getElementByIdx_x("filetag").value，"utf-8")}）; 然后在servlet中String t
  • cygwin很多命令显示command not found的解决办法 dcj3sjt126com cygwin
    cygwin很多命令显示command not found的解决办法   修改cygwin.BAT文件如下 @echo off D: set CYGWIN=tty notitle glob set PATH=%PATH%;d:\cygwin\bin;d:\cygwin\sbin;d:\cygwin\usr\bin;d:\cygwin\usr\sbin;d:\cygwin\us
  • [介绍]从 Yii 1.1 升级 dcj3sjt126com PHPyii2
    2.0 版框架是完全重写的，在 1.1 和 2.0 两个版本之间存在相当多差异。因此从 1.1 版升级并不像小版本间的跨越那么简单，通过本指南你将会了解两个版本间主要的不同之处。 如果你之前没有用过 Yii 1.1，可以跳过本章，直接从"入门篇"开始读起。 请注意，Yii 2.0 引入了很多本章并没有涉及到的新功能。强烈建议你通读整部权威指南来了解所有新特性。这样有可能会发
  • Linux SSH免登录配置总结 eksliang ssh-keygenLinux SSH免登录认证Linux SSH互信
    转载请出自出处：http://eksliang.iteye.com/blog/2187265 一、原理      我们使用ssh-keygen在ServerA上生成私钥跟公钥，将生成的公钥拷贝到远程机器ServerB上后,就可以使用ssh命令无需密码登录到另外一台机器ServerB上。      生成公钥与私钥有两种加密方式，第一种是
  • 手势滑动销毁Activity gundumw100 android
    老是效仿ios，做android的真悲催！ 有需求：需要手势滑动销毁一个Activity 怎么办尼？自己写？ 不用~，网上先问一下百度。 结果： http://blog.csdn.net/xiaanming/article/details/20934541 首先将你需要的Activity继承SwipeBackActivity，它会在你的布局根目录新增一层SwipeBackLay
  • JavaScript变换表格边框颜色 ini JavaScripthtmlWebhtml5css
    效果查看：http://hovertree.com/texiao/js/2.htm代码如下，保存到HTML文件也可以查看效果： <html> <head> <meta charset="utf-8"> <title>表格边框变换颜色代码-何问起</title> </head> <body&
  • Kafka Rest : Confluent kane_xie kafkaRESTconfluent
    最近拿到一个kafka rest的需求，但kafka暂时还没有提供rest api（应该是有在开发中，毕竟rest这么火），上网搜了一下，找到一个Confluent Platform，本文简单介绍一下安装。 这里插一句，给大家推荐一个九尾搜索，原名叫谷粉SOSO，不想fanqiang谷歌的可以用这个。以前在外企用谷歌用习惯了，出来之后用度娘搜技术问题，那匹配度简直感人。 环境声明：Ubu
  • Calender不是单例 men4661273 单例Calender
             在我们使用Calender的时候，使用过Calendar.getInstance()来获取一个日期类的对象，这种方式跟单例的获取方式一样，那么它到底是不是单例呢，如果是单例的话，一个对象修改内容之后，另外一个线程中的数据不久乱套了吗？从试验以及源码中可以得出，Calendar不是单例。 测试： Calendar c1 =
  • 线程内存和主内存之间联系 qifeifei java thread
    1， java多线程共享主内存中变量的时候，一共会经过几个阶段，    lock:将主内存中的变量锁定，为一个线程所独占。   unclock:将lock加的锁定解除，此时其它的线程可以有机会访问此变量。   read:将主内存中的变量值读到工作内存当中。   load:将read读取的值保存到工作内存中的变量副本中。  
  • schedule和scheduleAtFixedRate tangqi609567707 javatimerschedule
    原文地址：http://blog.csdn.net/weidan1121/article/details/527307 import java.util.Timer;import java.util.TimerTask;import java.util.Date; /** * @author vincent */public class TimerTest {  
  • erlang 部署 wudixiaotie erlang
    1.如果在启动节点的时候报这个错 ： {"init terminating in do_boot",{'cannot load',elf_format,get_files}} 则需要在reltool.config中加入 {app, hipe, [{incl_cond, exclude}]},     2.当generate时，遇到： ERROR
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他