2222345345
2222345345

[JavaScript] 计时器

这是MDN教程上的一道练习题，
我的code：


<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>Simple setInterval clocktitle>
    <style>
      p {
        font-family: sans-serif;
      }
    style>
  head>
  <body>
    <button class="start" id='start'>Startbutton>
    <br><br><br>
    <button class="stop" id='stop'>Pause/Stopbutton>
    <br><br><br>
    <button class="reset" id='reset'>Resetbutton>
    <br><br><br>
    <p class="stopwatch">p>

    <script>
      let watch;
      let bStartedOnce = false;
      let StartDate;
      let StopDate;
      let totalSeconds;
      let tempSeconds;

      function reset() {
        document.querySelector('.stopwatch').textContent = "00h : 00m : 00s";
        document.getElementById("start").disabled = false;
        bStartedOnce = false;
        document.getElementById("stop").disabled = true;
        document.getElementById("reset").disabled = true;
      }

      reset();

      let myStart = document.querySelector('.start');
      let myStop = document.querySelector('.stop');
      let myReset = document.querySelector('.reset');

      function showStopWatch(start) {
        let date = Date.now();
          totalSeconds = Math.floor((date-start)/1000);
        console.log(bStartedOnce);
        if (bStartedOnce)
          totalSeconds += tempSeconds;
        let hours = Math.floor(totalSeconds/3600);
        let minutes = Math.floor((totalSeconds-hours*3600)/60);
        let seconds = totalSeconds - minutes*60 - hours*3600;
        
        if (hours < 10)
          hours = "0" + hours;
        if (minutes < 10)
          minutes = "0" + minutes;
        if (seconds < 10)
          seconds = "0" + seconds;  

        document.querySelector('.stopwatch').textContent 
          = hours + "h : " + minutes + "m : " + seconds + "s";
      }

      function startStopWatch() {
        startDate = Date.now();
        watch = setInterval(showStopWatch, 1000, startDate);
        document.getElementById("start").disabled = true;
        document.getElementById("reset").disabled = true;
        document.getElementById("stop").disabled = false;
      }
 
      function stopStopWatch() {
        clearInterval(watch);
        document.getElementById("start").disabled = false;
        document.getElementById("reset").disabled = false;
        tempSeconds = totalSeconds;
        bStartedOnce = true;
        document.getElementById("stop").disabled = true;
      }

      myStart.addEventListener('click', startStopWatch);
      myStop.addEventListener('click', stopStopWatch);
      myReset.addEventListener('click', reset);

    script>
  body>
html>

运行示意图：
[JavaScript] 计时器_第1张图片
下面是MDN答案：


<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>setInterval stopwatchtitle>
    <style>
      p {
        font-family: sans-serif;
      }
    style>
  head>
  <body>
    <p class="clock">p>
    <p><button class="start">Startbutton><button class="stop">Stopbutton><button class="reset">Resetbutton>p>
    <script>
      // Define a counter variable for the number of seconds and set it to zero.
      let secondCount = 0;
      // Define a global to store the interval when it is active.
      let stopWatch;
      // Store a reference to the display paragraph in a variable
      const displayPara = document.querySelector('.clock');

      // Function to calculate the current hours, minutes, and seconds, and display the count
      function displayCount() {
        // Calculate current hours, minutes, and seconds
        let hours = Math.floor(secondCount/3600);
        let minutes = Math.floor((secondCount % 3600)/60);
        let seconds = Math.floor(secondCount % 60)

        // Display a leading zero if the values are less than ten
        let displayHours = (hours < 10) ? '0' + hours : hours;
        let displayMinutes = (minutes < 10) ? '0' + minutes : minutes;
        let displaySeconds = (seconds < 10) ? '0' + seconds : seconds;

        // Write the current stopwatch display time into the display paragraph
        displayPara.textContent = displayHours + ':' + displayMinutes + ':' + displaySeconds;

        // Increment the second counter by one
        secondCount++;
      }

      // Store references to the buttons in constants
      const startBtn = document.querySelector('.start');
      const stopBtn = document.querySelector('.stop');
      const resetBtn = document.querySelector('.reset');

      // When the start button is pressed, start running displayCount() once per second using displayInterval()
      startBtn.addEventListener('click', () => {
        stopWatch = setInterval(displayCount, 1000);
        startBtn.disabled = true;
      });

      // When the stop button is pressed, clear the interval to stop the count.
      stopBtn.addEventListener('click', () => {
        clearInterval(stopWatch);
        startBtn.disabled = false;
      });

      // When the reset button is pressed, set the counter back to zero, then immediately update the display
      resetBtn.addEventListener('click', () => {
        clearInterval(stopWatch);
        startBtn.disabled = false;
        secondCount = 0;
        displayCount();
      });

      // Run displayCount() once as soon as the page loads so the clock is displayed
      displayCount();
    script>
  body>
html>

对应的UI如下：

在这里插入图片描述

Cooperative asynchronous JavaScript: Timeouts and intervals

你可能感兴趣的:(Other)

  • 【JsDoc】JsDoc用法 | 巧妙用法 视觉CG javascriptjsdoc
    typetype{other}other接收表达式或字符1、数组代码提示1、效果图1、码/***@type{Array.}*/letmusic=[]2、字符串提示2、效果图2、码/***@type{'a'|'b'|'c'}*/letstr=''
  • 【c++图论】洛谷P2872 [USACO07DEC]Building Roads S 贤鱼不闲 c++刷题篇
    题目描述FarmerJohnhadjustacquiredseveralnewfarms!Hewantstoconnectthefarmswithroadssothathecantravelfromanyfarmtoanyotherfarmviaasequenceofroads;roadsalreadyconnectsomeofthefarms.EachoftheN(1≤N≤1,000)farms
  • K8S大白话(●二●) Jodie大白话 云计算大数据
    目录什么是yaml文件yaml字段说明如何编写yaml文件这里是CS大白话专场，让枯燥的学习变得有趣！没有对象不要怕，我们new一个出来，每天对ta说不尽情话！好记性不如烂键盘，自己总结不如收藏别人！什么是yaml文件二话不说先翻译：YAML（YAMLAin'taMarkupLanguage/YetAnotherMarkupLanguage）中文名：%&#…标记语言。就是跟json、xml类似的配
  • 在IAR及MDK里生成hex及bin文件的标准方法 ygz20036 hexoutput工具includeuserexe
    在IAR及MDK里生成hex及bin文件的标准方法在IAR及MDK中生成bin及hex文件的设置方法：IAR里面--->生成bin文件：（1）在options->linker->output->other选中->output里选择raw-binary，module-local里选择Includeall，其余默认；（2）options->linker->ExtraOutput->generateou
  • Github 2025-02-19C开源项目日报 Top9 老孙正经胡说 github开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2025-02-19统计)共有9个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量C项目9OpenWrt项目：针对嵌入式设备的定制Linux操作系统创建周期：3215天开发语言：C协议类型：OtherStar数量：19413个Fork数量：10174次关注人数：19413人贡献人数：387人OpenIssues数量：2829个Git
  • 面试常见问题：python中异常处理，try-except-finally的使用 老谢不老 软件测试-面试常见问题python开发语言
    在Python中，异常处理机制是通过try-except-finally结构来实现的。它允许程序在运行时捕获和处理错误，从而避免程序崩溃，并提供更友好的错误提示或恢复机制。一、异常处理的基本语法try:#可能引发异常的代码块risky_code()exceptSomeExceptionase:#捕获特定异常并处理handle_exception(e)exceptAnotherExceptionas
  • Mybatis 9种动态 sql 标签使用 《小书生》 Mybatismybatissqljava
    MyBatis提供了9种动态SQL标签：trim、where、set、foreach、if、choose、when、otherwise、bind；1.if标签select*fromUserandage>#{age}andnamelikeconcat(#{name},'%')2.choose标签、when标签、otherwise标签select*fromUserandage>#{age}andnam
  • 《Operating System Concepts》阅读笔记：p41-p49 操作系统
    《OperatingSystemConcepts》学习第8天，p41-p49总结，总计9页。一、技术总结1.peer-to-peer(P2P)(1)定义P2PisAmodeofdistributedcomputinginwhichallnodesactasbothclientsofothernodesandserverstoothernodes.(2)示例Napster、Gnutella、Skyp
  • CS 189/289A Machine Learning 后端
    CS189/289AIntroductiontoMachineLearningDue:Wednesday,February26at11:59pm•Homework3consistsofcodingassignmentsandmathproblems.•WepreferthatyoutypesetyouranswersusingLATEXorotherwordprocessingsoftware.I
  • 【Mysql】Schema directory ‘.\reggie‘ already exists. This must be resolved manually 逆风退后 mysql数据库
    完整报错信息如下：ERROR3678(HY000):Schemadirectory'.\reggie'alreadyexists.Thismustberesolvedmanually(e.g.bymovingtheschemadirectorytoanotherlocation).原因：由于某种未知的错误，导致这个数据库损坏了，所以就这样了解决方法找到Mysql的数据库存放目录将损坏的数据库文件夹
  • python ffmpeg直播_FFmpeg+Nginx+Rtmp+HLS+Videojs搭建直播网站（理论与实战） weixin_39565300 pythonffmpeg直播
    第1章直播原理与架构28分钟2节1-1直播原理与架构直播原理与架构「仅限付费用户」点击下载“直播原理与架构.pdf”[14:53]开始学习1-2甜点：福优学苑--简历包装与面试技巧甜点：福优学苑--简历包装与面试技巧「仅限付费用户」点击下载“福优学苑--简历包装与面试技巧--51other.pdf”[13:36]开始学习第2章亲手搭建FFmpeg+Nginx直播网站1小时48分钟11节2-1直播引
  • Ollama部署大模型并安装WebUi m0_74823611 java
    Ollama用于在本地运行和部署大型语言模型（LLMs）的工具，可以非常方便的部署本地大模型安装Linuxcurl-fsSLhttps://ollama.com/install.sh|sh我是ubuntu系统安装，其他系统可以看项目的开源地址有写GitHub-ollama/ollama:GetupandrunningwithLlama3,Mistral,Gemma,andotherlargelan
  • 【Pandas】pandas Series isin liuweidong0802 PandasSeriespandaspython
    Pandas2.2SeriesComputationsdescriptivestats方法描述Series.align(other[,join,axis,level,…])用于将两个Series对齐，使其具有相同的索引Series.case_when(caselist)用于根据条件列表对Series中的元素进行条件判断并返回相应的值Series.drop([labels,axis,index,co
  • 《Operating System Concepts》阅读笔记：p41-p49 codists 读书笔记操作系统OSpython
    《OperatingSystemConcepts》学习第8天，p41-p49总结，总计9页。一、技术总结1.peer-to-peer(P2P)(1)定义P2PisAmodeofdistributedcomputinginwhichallnodesactasbothclientsofothernodesandserverstoothernodes.(2)示例Napster、Gnutella、Skyp
  • 2025 民营企业座谈会重要讲话：为民营经济发展注入强劲动力 莱歌数字 #数智科学研究#职场经验职场经验产品经理智能制造经验分享人工智能
    作者简介：科技自媒体优质创作者个人主页：莱歌数字-CSDN博客公众号：莱歌数字个人微信：yanshanYH211、985硕士，职场15年+从事结构设计、热设计、售前、产品设计、项目管理等工作，涉足消费电子、新能源、医疗设备、制药信息化、核工业等领域涵盖新能源车载与非车载系统、医疗设备软硬件、智能工厂等业务，带领团队进行多个0-1的产品开发，并推广到多个企业客户现场落地实施。专题课程Flotherm
  • 在 CentOS 中不能直接采用yum安装 OLama ，需要如何解决？ gzgenius centoslinux运维人工智能
    在CentOS中直接通过yum（YetAnotherMetaPackage）安装OLama可能不太常见，因为OLama并不是一个官方的CentOS包。然而，你仍然可以尝试通过以下步骤尝试安装OLama：步骤1：安装依赖项在安装OLama之前，需要先安装一些必要的依赖项。这些依赖项可能包括：sudoapt-getupdate&&sudoapt-getinstall-y\build-essential
  • poi 3.2 SecurityException HPSFException signer information does not match signer information of othe... weixin_30360497
    SecurityException:class"org.apache.poi.hpsf.HPSFException"'ssignerinformationdoesnotmatchsignerinformationofotherclassesinthesamepackage运行以下代码：try{FileInputStreamfis=newFileInputStream("e:\\test.doc")
  • lua和unity如何交互_(XLua)C#与Lua中的交互 三脚猫功夫猴 lua和unity如何交互
    Paste_Image.png下载后接下来就是导入XLua到unity里了，解析出来的XLua有下面几个文件夹Paste_Image.png我们只需要将Assests:主目录里面的东西全部导入到Unity里面就OK了，导入后再XLua的文件夹下有这么几个。里面都有学习的文档，也可自行去学。Paste_Image.pnghotfix的环境配置在unity的PlayerSetting下的OtherSe
  • go-Context包详解 Zerore gogolang开发语言后端
    在go语言中，上下文context.Context用来设置截止日期、同步信号、传递请求相关值得结构体。上下文与Goroutine得关系比较密切，是go语言中独特得设计，在其他编程语言中很少见到类似的概念。context.Context是一个接口，定义了如下四个方法：//AContextcarriesadeadline,acancellationsignal,andothervaluesacross
  • mac+CLion+redis6.2本地源码调试 王冬的csdn redisredis
    1.下载安装CLion下载地址：https://www.jetbrains.com.cn/clion/download/other.html安装过程自行百度2.下载redis源码gitclonehttp://github.com/redis/redis.git3.添加CMakeLists.txt文件1、\redis-6.2\cmake_minimum_required(VERSION3.0FATA
  • AMBA-CHI协议详解（十一） 数字硬鉴 AMBA-CHI协议AMBA协议CHI协议总线设计ARM架构CPU设计
    AMBA-CHI协议详解（一）-IntroductionAMBA-CHI协议详解（二）-Channelfields/ReadtransactionsAMBA-CHI协议详解（三）-WritetransactionsAMBA-CHI协议详解（四）-OthertransactionsAMBA-CHI协议详解（五）-TransactionidentifierfieldsAMBA-CHI协议详解（六）-T
  • AMBA-CHI协议详解（八） 数字硬鉴 AMBA-CHI协议AMBA协议CHI协议CPU总线设计CPU设计总线设计
    AMBA-CHI协议详解（一）-IntroductionAMBA-CHI协议详解（二）-Channelfields/ReadtransactionsAMBA-CHI协议详解（三）-WritetransactionsAMBA-CHI协议详解（四）-OthertransactionsAMBA-CHI协议详解（五）-TransactionidentifierfieldsAMBA-CHI协议详解（六）-T
  • AMBA-CHI协议详解（九） 数字硬鉴 AMBA-CHI协议AMBA协议CHI协议CPU总线设计CPU设计总线设计
    AMBA-CHI协议详解（一）-IntroductionAMBA-CHI协议详解（二）-Channelfields/ReadtransactionsAMBA-CHI协议详解（三）-WritetransactionsAMBA-CHI协议详解（四）-OthertransactionsAMBA-CHI协议详解（五）-TransactionidentifierfieldsAMBA-CHI协议详解（六）-T
  • AMBA-CHI协议详解（四） 数字硬鉴 AMBA-CHI协议AMBA协议CHI协议CPU总线设计
    《AMBA5CHIArchitectureSpecification》AMBA-CHI协议详解（一）-IntroductionAMBA-CHI协议详解（二）-Channelfields/ReadtransactionsAMBA-CHI协议详解（三）-WritetransactionsAMBA-CHI协议详解（四）-OthertransactionsAMBA-CHI协议详解（五）-Transacti
  • 自动驾驶---Motion Planning之参考线Path平滑 智能汽车人 自动驾驶人工智能
    1背景有了由lane_segment插值得到的粗糙参考线，这种参考线是无法输出给下游使用的，需要进一步的处理使得参考线更加平滑，才能供下游控制模块使用。Apollo中共有三种参考线平滑算法，分别为：1.QpSplineSmoother2.SpiralReferenceLineSmoother3.DiscretePointsSmoother目前Apollo中默认配置为最后一种，基于离散点的平滑。这种
  • Linux基础之文件权限的八进制表示法 vortex5 linux运维服务器
    1.Linux文件权限概述在Linux中，每个文件或目录都有三种基本权限，分别是：读权限-r：允许查看文件内容。写权限-w：允许修改文件内容。执行权限-x：允许执行文件或进入目录。每个文件或目录的权限会根据三个用户类别来分配：所有者(user,u)：文件的创建者或指定的所有者（属主）。同组用户(group,g)：与文件所有者属于同一组的用户（属组）。其他用户(others,o)：所有不属于文件所有
  • Github 2025-02-15 Rust开源项目日报 Top10 老孙正经胡说 githubrust开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2025-02-15统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Rust项目10TypeScript项目1Zed:由Atom和Tree-sitter的创建者开发的高性能多人代码编辑器创建周期：1071天开发语言：Rust协议类型：OtherStar数量：9436个Fork数量：261次关注人数：9436人贡献人数
  • 第六篇：数字逻辑的“矩阵革命”——域控制器中的组合电路设计 天天爱吃肉8218 学习笔记矩阵线性代数汽车笔记
    副标题：用卡诺图破解车身域控制器的逻辑迷宫，揭秘华为DriveONE的“数字特工”▍开篇：黑客帝国世界观映射>"WelcometotheRealWorld."——Morpheus>在数字逻辑的世界里，组合电路就是构建Matrix的底层代码。当新能源汽车的域控制器需要同时处理车门锁、灯光控制、热管理信号时，就像Neo同时躲避多个特工的追击——只有最优化的逻辑设计，才能让系统在纳秒级响应中游刃有余。核
  • [转载] awesome big data weixin_30343157 javascriptjavaruntimeViewUI
    原文:https://github.com/onurakpolat/awesome-bigdata#graph-data-model作者把分布式领域相关的大部分开源项目和论文分类整理了一遍,造福人类啊.AwesomeBigDataAcuratedlistofawesomebigdataframeworks,resourcesandotherawesomeness.Inspiredbyawesome
  • 2014 6月，比较老了 金金2019
    AwesomeBigDataAcuratedlistofawesomebigdataframeworks,resourcesandotherawesomeness.Inspiredbyawesome-php,awesome-python,awesome-ruby,hadoopecosystemtable&big-data.Yourcontributionsarealwayswelcome!Awes
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他