cobish
cobish

js之打字效果

1、打字的效果原理：利用定时器对某个标签里的文字进行更换，看起来就像是在打字一样，比如：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>js打字效果</title>
</head>
<body>
    <h1 id="typeMsg"></h1>
    <script type="text/javascript">
    var msg1 = "我";
    var msg2 = "我正";
    var msg3 = "我正在";
    var msg4 = "我正在打";
    var msg5 = "我正在打字";
    var underline = "_";
    var typeMsg = document.getElementById('typeMsg');

    var txt = msg1 + underline;
    setTimeout(function() {
        typeMsg.innerHTML = txt;
    }, 200);

    setTimeout(function() {
        txt = msg2 + underline;
        typeMsg.innerHTML = txt;
    }, 400);

    setTimeout(function() {
        txt = msg3 + underline;
        typeMsg.innerHTML = txt;
    }, 600);

    setTimeout(function() {
        txt = msg4 + underline;
        typeMsg.innerHTML = txt;
    }, 800);

    setTimeout(function() {
        txt = msg5;
        typeMsg.innerHTML = txt;
    }, 1000);

    </script>
</body>
</html>


2、可以看到我们实现的效果了吧，但是，上面的代码太多的重复了，于是我们把js代码修改一下：

var msg5 = "我正在打字";  // 将要打印出的文字
var txt;                  // 显示在标签上的文字 
var i = 0;                // 索引，记录已输出多少字符 
var len = msg5.length;    // 打印的文字长度
var timer = null;         // 定时器

function type() {
    txt = msg5.substr(0, i) + underline;    // 本次输出的字符
    typeMsg.innerHTML = txt;                // 标签对象显示文字
    timer = setTimeout("type()", 200);      // 设置定时器，递归调用自己方法
    if (i == len - 1) { underline = ""; }   // 去掉下划线
    if (i == len) { clearTimeout(timer); }  // 去除定时器
    i++;                                    // 索引+1
}


3、是不是简单了点，但我觉得不够面向对象，于是试了下用定义类的方式去实现

  • js定义一个类：http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html

  • 开始我用了 Object.create() 方法，后来发现它不支持低版本的ie浏览器，就选用了第三种的极简主义法

  • html代码跟上面的还是一致，只是js代码修改了而已

// onload
window.onload = function(){
	var type = Type.createNew();                       // 初始化一个type类
    var typeMsg = document.getElementById('typeMsg');  // 取得一个html标签对象
	type.tag = typeMsg;                                // 标签对象赋值
	type.typing();                                     // 打字
};

// 打字类
var Type = {　　　　
    createNew: function() {　　　　　　
        var type = {};                 // 定义一个类

        // 成员变量
        type.message   = '我正在打字'; // 将要打印出的文字
        type.underline = '_';          // 下划线，显示在文字后面
        type.indexs    = 0;            // 索引，记录已输出多少字符
        type.tag       = null;         // 显示文字的html标签对象
        type.timer     = null;         // 定时器
        type.speed     = 200           // 定时器时间

        // 成员方法　　
        type.length    = function(){   // 获取打印的文字长度
        	return type.message.length;
        };　　　
        type.typing    = function(){                                                    // 打字
        	type.timer = setTimeout(function(){type.typing();}, type.speed);            // 设置定时器，递归调用自己方法
        	type.tag.innerHTML = type.message.substr(0, type.indexs) + type.underline;  // 标签对象显示文字
        	if (type.indexs == type.length()-1) { type.underline = ""; };               // 去掉下划线
        	if (type.indexs == type.length()) { clearTimeout(type.timer); };            // 去除定时器
        	type.indexs++;                                                              // 索引+1
        };

        return type;　　　　　　       // 返回一个类
    }　　
};




你可能感兴趣的:(js之打字效果)

  • 约克VRF中央空调制冷制热效果怎么样，值得买吗 S17682825411 智能家居
    约克VRF中央空调制冷制热速度特别快，90秒快速冷暖，可以说这边开启那边立刻就能感受到舒适了，而且制冷的时候是全屋均匀送风，不直吹，比较健康，凉而不冷
  • uniapp中生成视频的第一帧图片 进阶的巨人001 uni-app音视频mp4第一帧封面
    需求页面显示这个视频，封面要求是视频里面的内容，然后点击出现弹窗，视频在弹窗里面播放constvideo_url='.mp4'一.最好用的办法是，直接用背景图二.就是用renderjs了(因为app没有dom)，通过创建video标签，然后通过canvas绘制图片的方式设置链接-->设置链接exportdefault{data(){return{vsrc:{},//用于renderjs通信imgS
  • 如何编写vscode的配置文件c_cpp_properties.json 小秋slam实战 从零开始学SLAMvscode
    文章目录配置`c_cpp_properties.json`文件改变VScode中空格长度VSCode中C/C++无法跳转到定义c_cpp_properties.json安装插件配置c_cpp_properties.json文件假设你已经安装了GCC和G++编译器，{"configurations":[{"name":"Linux","includePath":
  • ThreeJs中使用lil-gui无法改变其所属父元素 一只程序熊 前端3d
    项目场景：之前一直在研究Threejs，遇到一个很头疼的问题！就是我自己使用了Vite+V3创建了一个项目框架，用来记录自己学习Three的一个过程，但是里面就存在了一个问题，我们在newGUI()后不能改变其父级元素，就像默认父级元素在body上一样问题描述GUI父级元素无法被改变letgui=newGUI()原因分析：正好这段时间有空，本主就疯狂去找了lil-gui的官方文档，还好作者是个好人
  • JS实现省份地级市的选择 星星不打輰 JavaScriptjavascript前端
    JS实现省份地级市的选择效果展示：代码实现多级联动functionchangeCity(obj){//获取这个省份的idvarpid=obj.value;console.log(pid);//获取市信息(pid);varcityData=getArea(pid);console.log(cityData);varcity=document.getElementById("area");//清空市信
  • 软件测试之测试用例详细解读 隐居人家的炊烟 测试用例软件测试自动化测试
    一、通用测试用例八要素1、用例编号；2、测试项目；3、测试标题；4、重要级别；5、预置条件；6、测试输入；7、操作步骤；8、预期输出二、具体分析通用测试用例八要素1、用例编号一般是数字和字符组合成的字符串，可以包括（下划线、单词缩写、数字等等），但是需要注意的是，尽量不要写汉语拼音，因为拼音的意义可能有好几种，有可能会导致乱码；用例编号具有唯一性和易识别性。（比如说我们唯一标识一个人：中国-上海市
  • CSS3实现的波浪线条动画效果 KkvlCapture css3前端css动画
    在这篇文章中，我们将学习如何使用CSS3创建一个令人惊叹的波浪线条动画效果。通过一些简单的CSS代码，我们可以为网页添加流动的波浪线条，为用户带来视觉上的吸引力。首先，让我们来看一下实现这个效果所需的HTML结构。我们将使用一个元素作为容器，并在其中创建一个带有波浪线条的元素。以下是示例HTML代码：<span
  • Three.js 阴影 (Shadow) 知识点整理 泫凝 javascriptthree.jsnpm前端
    阴影主要由castShadow和receiveShadow控制，并通过不同类型的光源(DirectionalLight、SpotLight、PointLight)生成。我们将系统地整理与阴影相关的知识点。1️⃣基础概念castShadow：物体是否投射阴影。receiveShadow️：物体是否接收阴影。renderer.shadowMap.enabled=true✅：全局开启阴影渲染。rende
  • JavawebJavaServer Pages Standard Tag Library知识点 一朵忧伤的蔷薇 pythonjava开发语言
    JavaWeb开发中，JSTL（JavaServerPagesStandardTagLibrary）、EL（ExpressionLanguage）、Cookie和Session是非常重要的组件。以下是这些知识点的总结：1.JSTL标签库JSTL是JavaServerPages的一种标准标签库，旨在简化JSP页面的开发。它通过提供预定义的标签，来实现常见任务，如条件判断、循环处理、国际化等。使用标签
  • java set遍历删除元素_Java 集合（List、Set）遍历、判断、删除元素时的小陷阱 疯狂的Java说书酱 javaset遍历删除元素
    开发中，常有场景：遍历集合，依次判断是否符合条件，如符合条件则删除当前元素。不知不觉中，有些陷阱，不知你有没有犯。1.一、漏网之鱼-for循环递增下标方式遍历集合，并删除元素如果你用for循环递增下标方式遍历集合，在遍历过程中删除元素，你可能会遗漏了某些元素。说那么说可能也说不清楚，看以下示例：importjava.util.ArrayList;importjava.util.List;publi
  • 鸿蒙特效教程03-水波纹动画效果实现教程 苏杰豪 鸿蒙特效教程HarmonyOSharmonyos华为
    鸿蒙特效教程03-水波纹动画效果实现教程本教程适合HarmonyOS初学者，通过简单到复杂的步骤，一步步实现漂亮的水波纹动画效果。最终效果预览我们将实现以下功能：点击屏幕任意位置，在点击处生成一个水波纹触摸并滑动屏幕，波纹会实时跟随手指位置生成波纹从小到大扩散，同时逐渐消失波纹颜色随机变化，增加视觉多样性一、创建基础布局首先，我们需要创建一个基础页面布局。这个布局包含一个占满屏幕的区域，用于展示水
  • Python数据可视化 Pyecharts 制作 Grid 组合组件 Mr数据杨 Python数据可视化数据可视化python数据分析pyecharts组合组件
    在数据可视化中，常常需要将多个不同类型的图表放置在同一个页面中，以便综合展示多个维度的数据。pyecharts库中的Grid类正是为此设计的，它允许用户将多个图表组合在一起，实现复杂的数据展示需求。通过灵活的布局配置，Grid类不仅能够帮助用户创建具有多图组合的复杂布局，还能通过精细的网格和坐标轴设置，提升图表的整体视觉效果和交互体验。本文将介绍如何使用Grid类创建并行多图，并通过多种图表组合的
  • JavaScript性能优化实战：从8s到0.8s的极致提升 小诸葛IT课堂 前端
    ‌摘要‌：页面卡顿、内存泄漏、CPU爆满？本文通过‌6个真实场景‌+‌可运行代码示例‌，手把手教你掌握JS性能优化核心技术！涵盖‌防抖节流、虚拟滚动、WebWorkers、内存泄漏排查‌等高频痛点解决方案，最后提供Chrome性能分析工具实战指南，助你打造丝滑的Web应用！一、性能优化核心指标（先量化再优化）1.1关键性能指标‌FPS‌：帧率≥60为合格（开发者工具Performance面板）‌内
  • 物联网设备数据流转之搭建环境：开源高性能分布式支持SQL的时序数据库TDengine Heartsuit 时序数据库物联网分布式TDengine涛思数据
    背景我们的项目涉及物联网相关业务，由于一开始的年少无知，传感器数据采用了MySQL进行存储，经过近两年的数据累积，目前几个核心表，单表数据已过亿，虽然通过索引优化、SQL优化以及读写分离等措施，勉强满足基本的查询，能在秒级给出数据；但是一方面当前MySQL数据表索引的大小甚至超过了数据大小，这样下去肯定不行；另一方面来自于前端感知设备的数据量还在持续增加，当面对用户多维度的统计需求，在实现上、效率
  • 谷歌Chrome或微软Edge浏览器修改网页任意内容 驯龙高手_追风 杂文集chromeedge前端
    在谷歌或微软浏览器按F12，打开开发者工具，切换到console选项卡：在下面的输入行输入下面的命令回车：document.body.contentEditable="true"效果如下：
  • HarmonyOS开发之组件通信 张帅涛_666 HarmonyOS开发harmonyos深度学习
    文章目录一、使用@State和@Prop（单向绑定）二、使用@State和@Link（双向绑定）三、@Provide装饰器和@Consume装饰器（跨层级通信）一、使用@State和@Prop（单向绑定）@Prop装饰器：父子单向同步限制条件@Prop装饰器不能在@Entry装饰的自定义组件中使用@Prop变量允许在本地修改，但修改后的变化不会同步回父组件当父组件中数据改变时，与之相关的@Prop
  • 大模型工程师学习日记（十四）：检索增强生成（RAG） MMMMMMMay Love Code 学习langchain深度学习人工智能开发语言
    如何递归分割文本递归分割(recursively)，这个文本分割器是用于通用文本的推荐工具。它接受一个字符列表作为参数。它会按顺序尝试在这些字符上进行分割，直到块足够小。默认的字符列表是["\n\n","\n","",""]。这样做的效果是尽可能保持所有段落（然后是句子，再然后是单词）在一起，因为这些通常看起来是语义上相关的文本块。文本如何分割：根据字符列表。块大小如何衡量：根据字符数量。下面我们
  • WebSocket JAVA客户端和服务端 传送文件DEMO 易天法地 JAVAwebsocketjava网络
    Server端WebSocketServer.java用于启动Server服务importcn.hutool.core.bean.BeanUtil;importcn.hutool.json.JSONUtil;importorg.slf4j.Logger;importorg.slf4j.LoggerFactory;importorg.springframework.stereotype.Compon
  • uniCloud 外部系统联登 注册功能 C# 完整示例 易天法地 c#开发语言uniappunicloud
    APP端this.$http.post(`/uniCloudRegister`,{clientInfo:JSON.stringify(uni.getSystemInfoSync())}).then(res=>{uni.stopPullDownRefresh()uni.hideNavigationBarLoading()console.info(res)}).catch(err=>{console.
  • DeepSeek：中国大模型 “破壁者” 引发的四大产业地震 赵同学爱学习 人工智能chatgptDeepSeek语言模型大模型开源
    导语：当全球AI产业还在为GPT-4的1750亿参数惊叹时，中国团队DeepSeek以颠覆性创新撕开了大模型领域的“铁幕”。这款首个引发国际学术界集体关注的中文大模型，正从技术底层重构产业规则，其冲击波已蔓延至硬件、软件、商业模式的每个角落。一、算力霸权瓦解：低成本训推技术改写游戏规则1.1训练成本“悬崖式下降”DeepSeek通过混合专家架构（MoE）动态路由算法，在同等效果下将模型激活参数压缩
  • Php关于切换版本 道系女孩~ phpandroidjava
    composer.json文件中"config":{"optimize-autoloader":true,"preferred-install":"dist","sort-packages":true,"secure-http":false,"allow-plugins":{"pestphp/pest-plugin":true},"platform-check":false},中添加"platfo
  • LLM之Colossal-LLaMA-2：源码解读(init_tokenizer.py文件)实现基于源词表的扩展、(init_model.py文件)实现过计算均值扩展模型、(prepare_pretr 一个处女座的程序猿 CaseCodeNLP/LLMs精选(人工智能)-中级ColossalLLaMA-2自然语言处理
    LLM之Colossal-LLaMA-2：源码解读(init_tokenizer.py文件)实现基于jsonl文件中读取新词列表(新中文词汇)→for循环去重实现词表的扩展(中文标记的新词汇)→保存新的分词模型、(init_model.py文件)实现过计算均值来扩展模型的嵌入层以适应新的词汇表，然后保存扩展后的模型、(prepare_pretrain_dataset.py文件)将原始数据集进行处理
  • LLMs之Colossal-LLaMA-2：源码解读(train.py文件)基于给定数据集实现持续预训练LLaMA-2—解析命令行参数→初始化配置(分布式训练环境colossalai+训练日志+加速插 一个处女座的程序猿 NLP/LLMs精选(人工智能)-中级Colossal-AILLaMA-2大语言模型自然语言处理
    LLMs之Colossal-LLaMA-2：源码解读(train.py文件)基于给定数据集实现持续预训练LLaMA-2—解析命令行参数→初始化配置(分布式训练环境colossalai+训练日志+加速插件)→数据预处理(初始化分词器+数据处理器+数据加载器)→模型训练(初始化模型/优化器/学习率调度器/梯度检查点/Flash-Attention/设置数据类型/是否加载预训练模型/从上一次训练点继续训
  • 【守望绿色田园】揭秘基本农田保护的“五不准”制度 GeoSaaS 自然资源人工智能gis3d大数据数据库
    在这个快速发展与变革的时代，守护脚下的每一寸耕地，保障国家粮食安全显得尤为重要。今天，就让我们一起深入了解一个至关重要的农业政策——“基本农田保护实行‘五不准’制度”。这不仅是农民朋友需要了解的法律常识，也是每位关心中国粮食安全与可持续发展人士的必修课。前言：基本农田，国之命脉基本农田，是指按照一定时期人口和社会经济发展对农产品的需求，依据土地利用总体规划确定不得占用的耕地。它是确保国家粮食安全的
  • flutter 跑马灯+渐变透明度背景 烟花下的孤独 flutterdartflutter
    之前也是记录了很多小组件的实现，这次把所有代码都给放到这里吧这是效果：数据（后台数据，不过我这是没的，不要在意这些小细节，忽略吧）Http().post(url,pathParams:params,data:params,success:(json){studyModel=FindStudyModel.fromJson(json);},errorCallback:(error){print('er
  • springMvc36-JavaEE-JSP基础-EL表达式和JSTL标签库(Taglibs) 前端歌谣 javajava-eeservlet
    EL表达式和JSTL标签库:在JSP页面代替java代码,便于编写一.EL表达式作用:${}简化脚本表达式j2ee1.4以前版本需指定j2ee1.4以后版本默认支持EL表达式1.EL内置对象EL内置11个对象,不需定义可直接使用pageScope获取page域属性组成的MaprequestScope获取reqeust域属性组成的MapsessionScope获取session域属性组成的Mapap
  • javaEE---JSTL代码示例 司天宏
    2.jspusers=newArrayList();Useruser1=newUser(1,"令狐冲","男");Useruser2=newUser(2,"岳不群","男");Useruser3=newUser(3,"岳灵珊","女");Useruser4=newUser(4,"左冷禅","男");Useruser5=newUser(5,"东风不败","女");users.add(user1);u
  • 13、JavaEE核心技术 - Servlet与JSP 跟着汪老师学编程 javajava-eeservlet
    二、JavaEE核心技术-Servlet与JSP一、ServletServlet（服务器端小程序）是JavaEE中用于处理HTTP请求的核心组件。它是一个Java类，运行在Web服务器上，负责接收和响应HTTP请求。1.Servlet的生命周期Servlet的生命周期由以下几个阶段组成：初始化阶段（Initialization）：触发：当Servlet容器（如Tomcat）启动时，或者当第一次请求
  • VsCode运行Ts文件 26:28 vscode算法数据结构
    1.生成package.json文件npminit2.生成tsconfig.json文件tsc--init3.Vscode运行ts文件在ts文件点击右键执行RunCode,执行ts文件
  • flutter 专题 七十九 Flutter使用JsBridge方式处理Webview与H5通信 leluckys Flutter面试与实战flutter
    目前，移动跨平台开发作为移动开发的重要组成部分，是移动开发者必须掌握的技能，也是自我提升的重要手段。作为Google推出的跨平台技术方案，Flutter具有诸多的优势，已经或正在被广大开发者应用在移动应用开发中。在过去的2019年，我看到越来越多的公司和个人开始使用Flutter来开发跨平台应用，对于移动应用开发来说，Flutter能够满足几乎所有的业务开发需求，所以，学习Flutter正当时。众
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他