斯图尔te
斯图尔te

原生js写一个简易版进度条，带百分比数值显示

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>progressBar</title>
  <style>
    #box {
      margin: 0 auto;
      margin-top: 200px;
      width: 700px;
      height: 100px;
      background: #efefef;
      border: 1px solid #C0C4CC;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
    #progress {
      position: relative;
      width: 550px;
      height: 30px;
      border-radius: 6px;
      background: #C0C4CC;
    }
    #fillContent {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 0px;
      height: 30px;
      background: #409EFF;
      border-radius: 6px;
    }
    button {
      height: 30px;
      width: 60px;
      border-radius: 6px;
      outline: none;
      box-shadow: none;
      border: none;
      background: #409EFF;
      padding: 0;
      color: #fff;
    }
    button:hover {
      cursor: pointer;
      background: #5dadfd;
    }
    button:active {
      cursor: pointer;
      background: #0e84fa;
    }
    button:disabled {
      cursor: not-allowed;
    }
    p {
      width: 45px;
      margin: 0;
      text-align: right;
    }
  </style>
</head>

<body>
  <div id="box">
    <button onclick="start()">开始</button>
    <div id="progress">
      <div id="fillContent"></div>
    </div>
    <p id="percent">0%</p>
  </div>

  <script type="text/javascript">
    // 获取所有需要的元素
    let progress = document.querySelector("#progress");
    let fillContent = document.querySelector("#fillContent");
    let percent = document.querySelector("#percent");
    let btn = document.querySelector("button");
    // 获取整个进度条的宽度
    let w = progress.clientWidth;
    // 定义开始事件
    function start() {
      // 每次点击开始按钮初始化进度条状态
      fillContent.style.width = 0 + 'px';
      // 点击之后按钮设置为不可点击
      btn.disabled = "disabled";
      // 开启一个定时器
      let timer = setInterval(function () {
        // 进度条宽度每次增加1px
        fillContent.style.width = fillContent.offsetWidth + 1 + "px";
        // 计算进度条百分比数值
        percent.innerHTML = parseInt((fillContent.offsetWidth / w) * 100) + "%";
        // 当进度达到100%时，关闭定时器，按钮设置为可点击，进度条停止
        if (fillContent.offsetWidth === w) {
          clearInterval(timer);
          btn.disabled = "";
        }
      }, 10);
    }
  </script>
</body>

</html>

你可能感兴趣的:(#,JavaScript,进度条,js进度条)

  • 【课程设计推荐】基于JSP的书店系统设计与实现 想念@思恋 课程设计jspjava课程设计javajsp
    关注【墨岚创客】，回复【毕设】，赠送免费毕设资源，具体联系方式见文末引言二十一世纪是一个集数字化，网络化，信息化的，以网络为核心的社会。当钱天白教授于1986年9月14日在北京计算机应用技术研究所内向德国卡尔斯鲁厄大学发出第一封电子邮件“穿越长城，走向世界”的时候，他也许不知道自己推开了中国信息时代的大门；1994年4月20日，中国科学院计算机中心通过美国Sprint公司连入Internet的64
  • XXL-CRAWLER v1.4.0 ｜ Java爬虫框架 后端爬虫java
    ReleaseNotes1、【提升】爬虫JS渲染能力强化：升级提供"Selenium+ChromeDriver"方案支持JS渲染，兼容性更高，废弃旧Phantomjs方案。非JS渲染场景仍然Jsoup，速度更快。同时支持自由扩展其他实现。2、【优化】进一步优化Selenium兼容问题，完善JS渲染场景下兼容性和性能。3、【重构】重构核心功能模块，提升扩展性；修复历史代码隐藏问题，提升系统稳定习惯。
  • Vue中使input和el-input自动获取焦点的处理 宸晓闹 vue
    【普通input的自定义指令操作】：先在入口文件注册一个全局自定义指令//main.jsVue.directive('focus',{inserted(el,binding,vnode){//聚焦元素el.focus()}}
  • # 深入解析Lodop底层原理与高级应用开发指南 R.Y.N 前端
    一、Lodop架构深度解析（与常规文档的差异化视角）1.1非对称通信协议设计Lodop采用独特的混合型RPC协议，突破传统打印控件基于HTTP的局限性：二进制协议头：前128字节包含加密的会话标识符和指令类型JSON压缩负载：采用自定义的LZJ压缩算法处理JSON打印指令跨域握手机制：通过动态生成XOR校验码实现跨域安全通信//协议逆向解析示例（模拟）functiondecodeLodopPack
  • 前端网页开发学习（HTML+CSS+JS）有这一篇就够！ 软件技术NINI html/css笔记前端学习html
    前端网页开发是一个不断发展的领域，涉及到构建和设计网站以及Web应用程序的用户界面。以下是一份全面的学习指南，涵盖HTML、CSS和JavaScript的基础知识，帮助你入门前端开发。HTML（超文本标记语言）1.基础结构文档类型和标签：定义了文档类型和根元素。htmlDocument标签：包含元数据，如字符集、标题和链接到CSS文件。标签：包含网页的可见内容。2.常用标签文本内容：<h
  • Cypress测试框架详解-----轻松实现端到端自动化测试 王大傻0928 自动化测试自动化javascriptnode.js
    Cypress是一个功能强大、易于使用的自动化测试工具，适用于现代Web应用的端到端测试。它的自动化处理、实时反馈、调试功能和易于集成的特性，使得它成为现在测试人员的热门测试框架选择。什么是Cypress框架？Cypress是一款开源的JavaScript自动化测试框架，是基于NodeJS的现代自动化工具，专为端到端测试设计，用于简化Web应用的测试自动化。支持使用JavaScript或TypeS
  • JavaScript中的隐式类型转换 阿珊和她的猫 javascript开发语言ecmascript
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。文章
  • openbmc 之 entity-manager 是如何工作的（1） yufeng_windy 网络linuxc++
    基于1e19c030559e84a42c98effa19e35665c7ae4b7c(2.16.0-dev)，即截止文章撰写时的最新代码版本。这篇文章主要从我的视角记录了entitymanager的工作过程，可能存在不准确的地方，还望补充修正。这篇文章之所以产生，是因为发现了一个逻辑不通：就以其自带的configurations/1ux16_riser.json这样一个配置文件为例。在这个配置文件
  • nodejs原生http简单搭建web服务器 wcgdecsdn 服务器node.jshttp
    原生搭建主要作为了解，真正搭建可以使用一些封装的模块express等简单搭建consthttp=require('http')constserve=http.createServer()serve.on('request',(request,response)=>{//防止乱码()response.setHeader('Content-Type','text/html;charset=utf-8'
  • JS - 手写 instanceof 和 new 关键字 DavidZ_13 手写实现代码javascript前端node.js经验分享笔记其他web
    目录instanceof解释手写实现new关键字解释手写实现instanceof解释instanceof是JavaScript中的运算符，用于检查一个对象是否是另一个对象的实例，其实现原理如下：当使用instanceof运算符时，会调用对象的[[Symbol.hasInstance]]方法，该方法在对象的原型链上递归查找，判断目标对象是否为指定类的实例，如果在原型链中找到指定类的原型对象，则返回t
  • jwt权限验证原理 深圳卢先生 数据安全开发语言java
    1.JWT，全称是JsonWebToken，是一种JSON风格的轻量级的授权和身份认证规范，可实现无状态、分布式的Web应用授权！2.JWT由三部分组成：头部（Header）:通常包含令牌的类型（即JWT）和加密算法（如HMACSHA256或RSA）。例如：{"alg":"HS256","typ":"JWT"}载荷（Payload）:包含要传递的声明（Claims）。声明总共可以包括如下七项，但是
  • web api 与html 部署,详解.net core webapi 前后端开发分离后的配置和部署 万小柯要努力学习 webapi与html部署
    背景：现在越来越多的企业都采用了在开发上前后端分离，前后端开发上的分离有很多种，那么今天，我来分享一下项目中得的前后端分离。B/SSaas项目：(这个项目可以理解成个人中心，当然不止这么点功能)前端：node.js+vue后端：.netcorewebapi前端安装node.js跟创建vue项目这些不是这篇文章的重点，重点在于项目完成后的部署。.netcorewebapi创建后，默认就创建了一个ww
  • Node.js多线程：性能提升的关键
    Node.js扩展：你需要了解的多线程原文链接：https://dev.to/leapcell/scaling-nodejs-multi-threading-you-need-to-know-2nhi作者：Leapcell译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢
  • [JS+CSS+HTML]实现图片拖拽放大缩小功能 神似彭于晏的男人 前端开发功能库csshtml前端
    实现效果：JS(核心代码)1.定义全局缩放值letscale=1;2.获取img标签以及盒子的实例letscale=1;//+++++++++++constimgBox=document.getElementById("imgBox");constimg=document.getElementById("img");3.实现图片的缩放效果//缩放效果(wheel--鼠标滚轮事件)img.addEv
  • Element Plus上传图片前，对图片进行压缩 hongkid vue.jsjavascriptecmascript
    在使用ElementPlus（一个基于Vue3的现代组件库）进行文件上传时，你可能希望在上传图片之前对其进行压缩以减少文件大小，从而提高上传速度和节省存储空间。为了实现这一功能，你可以结合使用JavaScript库来处理图片的压缩。下面是一个简单的示例，展示如何在ElementPlus中使用compressorjs进行图片压缩：安装必要的依赖:首先需要安装compressorjs，可以通过npm或
  • vue中的el是指什么 是小傲雨呀^_^ vue.js前端javascript
    简介：在Vue.js中，el指的是Vue实例的挂载元素。具体来说，el是一个选项，用于指定Vue实例应该挂载到哪个DOM元素上。通过这个选项，Vue可以知道应该从哪个元素开始进行模板编译和渲染。它可以是一个CSS选择器字符串，也可以是一个直接的DOM元素。el的定义：el是Vue实例的一个选项，用于指定Vue实例应该挂载到哪个DOM元素上。用途：指定挂载点：el选项的主要作用是指定Vue实例的挂载
  • Vue3配置vite.config.js代理解决跨域问题 码喽的自我修养 vue2/3从基础到起飞前端工程搭建javascript开发语言ecmascriptvue.js前端nginx
    前言：当浏览器发出一个请求时，只要请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同，就称为跨域。跨域一般出现在开发阶段,由于线上环境前端代码被打包成了静态资源,因而不会出现跨域问题,这篇文章主要给大家介绍了关于Vue3配置vite.config.js解决跨域问题的相关资料,创作不易，如果能帮助到带大家，欢迎收藏+关注哦问题再现后台报错：AccesstoXMLHttpRequesta
  • node笔记_koa框架的路由 yma16 JavaScript专栏nodejs专栏笔记javascriptnode.js前端
    文章目录⭐前言⭐koa原生路由写法⭐引入koa-router安装koa-router动态读取路径文件作为路由⭐结束⭐前言大家好，我是yma16，本文介绍koa框架的路由。往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建（渲染html、json）node笔记_读文件node笔记_写文件
  • 情人节用js写一个爱心代码 金刚廉神兽 javascript前端htmlhtml5开发语言
    情人节快乐！你可以用JavaScript写一个简单的爱心代码。以下是一个示例代码，使用HTML5canvas绘制一个爱心图形：LoveHeartvarcanvas=document.getElementById("loveHeart");varctx=canvas.getCon
  • Vue.js 组件开发：从基础到进阶 学不完了是吧 Vuevue.js
    Vue.js是一个渐进式的JavaScript框架，其核心理念之一就是基于组件的开发。组件可以极大地提高代码的复用性、可维护性和可测试性。本篇文章将从基础到进阶，带你了解Vue.js的组件开发方法和最佳实践。什么是组件？在Vue.js中，组件是一个具有独立功能的可复用模块。组件可以包含HTML模板、CSS样式和JavaScript逻辑。通过组件化开发，可以将复杂的页面分解为多个易于管理的部分。组件
  • JavaScript网页设计案例：响应式动态购物车 学不完了是吧 jsjavascript
    在现代网页开发中，购物车是电子商务网站的重要功能之一。通过JavaScript，我们可以实现一个响应式动态购物车，提供用户友好的体验，并展示前端开发的核心能力。案例需求我们的购物车需要实现以下功能：动态添加商品：用户可以从商品列表中选择并添加商品到购物车。实时更新：购物车的商品数量、价格和总金额自动更新。修改商品数量：用户可以调整购物车中商品的数量。移除商品：用户可以从购物车中移除商品。结算功能：
  • 盘点JavaScript中所有声明变量的方式及特性 李游Leo 前端编程语言ECMAScriptjavascript开发语言ecmascript
    在JavaScript中，变量的定义是编程的基础，而JavaScript提供了多种灵活的方式来定义变量。本文将详细盘点JavaScript中所有变量定义的方式，包括传统的var、let、const，以及通过this、window、top等对象定义变量的方式，并结合代码示例进行说明。一、传统变量定义方式var语法：varvariable_name[=initial_value];特性：函数作用域或全
  • this、self、window、top 在 JavaScript 中的区别深入研究 李游Leo ECMAScript编程语言前端javascript开发语言ecmascript
    在JavaScript开发中，this、self、window、top是四个常用的概念，它们在不同的上下文中有着不同的用途和含义。理解它们的区别对于编写健壮的JavaScript代码至关重要。本文将详细解释这四个概念的区别，并通过代码示例进行验证。一、this的含义与用法基础概念this是一个关键字，它在JavaScript中指向当前执行上下文的对象。this的值取决于函数的调用方式。例如，在全局
  • JavaScript原型链与继承：优化与扩展的深度探索 李游Leo ECMAScript编程语言前端原型模式javascript开发语言
    在JavaScript的世界里，万物皆对象，而每个对象都有一个与之关联的原型对象，这就构成了原型链的基础。原型链，简单来说，是一个由对象的原型相互连接形成的链式结构。每个对象都有一个内部属性[[Prototype]]（在大多数浏览器中可以通过__proto__属性访问，不过__proto__是非标准属性，更推荐使用Object.getPrototypeOf()方法来获取原型），它指向该对象的原型对
  • 编程语言中的常见Bug及解决方案 李游Leo 前端Python编程语言bugjavascriptphppythongo
    在编程过程中，不同语言有其独特的特性和挑战，这也导致了各种常见Bug的出现。本文将总结几种主流编程语言中的常见Bug，包括JavaScript、Python、C/C++、Java和Go，并提供相应的解决方案和案例。一、JavaScript中小数相加精度不准确的Bug在JavaScript中，进行小数相加时，由于浮点数的精度问题，可能会导致结果不准确。例如：letadd1=0.1+0.2;conso
  • JavaScript电子网页时钟效果（canvas版） 李游Leo 前端javascriptecmascript前端
    先上代码：分部翻页电子时钟body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#333;margin:0;}canvas{background-color:#000;border:5pxsolid#555;}constcanvas=document.getElementB
  • 盘点原生JavaScript中直接触发事件的方式 李游Leo 前端javascript开发语言ecmascript
    JavaScript提供了多种方式来直接触发事件，无论是在用户交互、程序逻辑处理或是数据更新时。本文将全面探讨原生JavaScript中各种事件触发方式，并通过深入的技术案例分析，帮助开发者掌握这些方法在实际开发中的应用。使用dispatchEvent原生JavaScript中触发事件的核心方法是dispatchEvent。这个方法允许开发者为任何DOM元素触发几乎任何类型的事件，包括但不限于点击
  • CSS特效 —— 蛇形左右扭动的效果 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    CSS特效——蛇形左右扭动的效果引言基础概念示例一：基本的蛇形动画HTML结构CSS样式代码解释示例二：增加动画的复杂度CSS样式代码解释示例三：多条蛇形元素HTML结构CSS样式代码解释示例四：改变蛇形元素的形状CSS样式代码解释示例五：加入碰撞效果CSS样式代码解释功能使用思路思路一：控制动画的重复次数思路二：调整动画方向思路三：使用JavaScript控制动画实际开发中的使用技巧自行拓展内容
  • 构建 Java Web 应用程序：实现简单的增删查改（Mysql） F2022697486 java前端mysql
    简介本教程将指导您如何使用JavaServlet和JSP技术构建一个简单的Web应用程序。该应用程序将包括用户注册、登录、注销（删除用户信息）、修改密码以及根据性别查询用户信息等功能。我们将使用MySQL数据库来存储用户数据。环境准备JavaDevelopmentKit(JDK):安装JDK8或更高版本。IDE:推荐使用IntelliJIDEA或Eclipse。Servlet容器:如ApacheT
  • html、js、css实现爱心效果 学不完了是吧 HTMLcsscss3前端
    好的！我们可以进一步美化这个爱心效果，增加更多动态和视觉吸引力。以下是改进后的代码，包括以下功能：1.背景渐变：添加动态背景渐变效果。2.爱心阴影：为爱心添加阴影，使其更具立体感。3.随机颜色：点击时随机切换颜色，而不是固定顺序。4.文字提示：在爱心下方添加文字提示，告诉用户可以点击切换颜色。---###美化后的代码```html跳动爱心body{display:flex;justify-cont
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他