Relucent
Relucent

多附件上传

uploads.js
var UploadBuilder=(function(){
var yao={
byId:function(id,win){
if(typeof(id)=='string'){
return((win||window).document.getElementById(id));}else if(typeof(id)=='object'){
return id;}},
getPosition:function(id){
var oElement=this.byId(id);
var positionX=0;
var positionY=0;
while(oElement!=null){
positionX+=oElement.offsetLeft;
positionY+=oElement.offsetTop;
oElement=oElement.offsetParent;};
return{'x':positionX,'y':positionY};},
createElement4Html:function(_html){
var div=document.createElement('div');
div.innerHTML=_html;
return div.childNodes[0];},
createObjectClass:function(methods){
var origclass=function(){};
var p=origclass.prototype;
for(var method in methods){
p[method]=methods[method];};
return origclass;}};
return yao.createObjectClass({
init:function(info){
this._index=0;
this._uploads=[];
this._form=yao.byId(info.form);
this._bind=yao.byId(info.bind);
this._show=yao.byId(info.show);
this._name=info.name;
this._area=yao.createElement4Html('<span style=\'display:none\'><span>');
this._form.appendChild(this._area);
this._newFile();
this._show.style.display='none';},
update:function(){},
_newFile:function(){
var _file_name_id=this._name+"_"+(this._index++);
this._ofile=yao.createElement4Html('<input name=\"'+_file_name_id+'\" id=\"'+_file_name_id+'\" type=\"file\" style=\"position:absolute;filter:alpha(opacity=0);left:-1000px;width:30px;\" value=\"\" hidefocus>');
document.body.appendChild(this._ofile);
var _this=this;
this._bind.onmouseover=function(event){
var event=window.event||event;
var _btn_point=yao.getPosition(_this._bind);
var _Left=event.x-_this._ofile.offsetWidth/2;
if(_Left<_btn_point['x']){
_Left=_btn_point['x'];};
if(_Left>_btn_point['x']+_this._bind.offsetWidth-_this._ofile.offsetWidth){
_Left=_btn_point['x']+_this._bind.offsetWidth-_this._ofile.offsetWidth;};
_this._ofile.style.posLeft=_Left;
_this._ofile.style.posTop=_btn_point['y'];};
this._ofile.onchange=function(){
_this._addFile();};},
_addFile:function(){
for(var i=0;i<this._uploads.length;i++){
if(this._uploads[i].value==this._ofile.value){
alert('\u8be5\u6587\u4ef6\u5df2\u88ab\u6dfb\u52a0');
return;};};
this._area.appendChild(this._uploads[this._uploads.length]=this._ofile);
this._ofile.onmouseover=null;
this._refurbish();
this._newFile();},
_refurbish:function(){
var _this=this;
this._show.innerHTML='';
this._show.style.display='none';
this._show.style.display=(this._uploads.length>0)?'block':'none';
for(var i=0;i<this._uploads.length;i++){
var _upload_text=yao.createElement4Html('<span style=\"font:normal 12px Tahoma;\"></span>');
_upload_text.innerText=' '+this._uploads[i].value+' '
var _delete_btn = yao.createElement4Html('<span style=\"border:0px solid #3333ff;background:;cursor:hand;color:#888888;font-size:13px;font-family:"COURIER";font-style:normal;width:13px;height:13px;overflow:hidden;\" >&#91&#21024&#38500&#93</span>');
this._show.appendChild(_delete_btn);
this._show.appendChild(document.createElement('br'));
_delete_btn.onclick=(function(){
var _i=i;
return function(){
_this._delete(_i);};})();}},
_delete:function(index){
for(var i=this._uploads.length-1;i>=0;i--){
if(i==index){this._uploads[i].parentElement.removeChild(this._uploads[i]);break;};};
this._uploads.splice(index,1);
this._refurbish();}});})();

 

 uploads.html

 

<html>
	<head>
		<title>添加附件</title>
	</head>
	<body>
		<script type="text/javascript" src='yao.uploads.simple.js'></script>

		<style>
			input{border:1px solid #333333;color:#666666;background:#eeeeee;font:normal 12px Tahoma;height:18px}
		</style>

		<form id='upload-form' method="post" action="" enctype="multipart/form-data">
			<input type="button" id='upload-btn' value="选择上传文件" /><br>
			<div id='upload-div' style=''></div>
		</form>
		
	</body>
	<script type="text/javascript">
		var oUpload = new UploadBuilder();
		oUpload.init({
			form : 'upload-form', 
			bind : 'upload-btn',
			show : 'upload-div',
			name : 'upload'
		});
		oUpload.update();
	</script>
</html>

 

你可能感兴趣的:(JavaScript,html,prototype)

  • vue3 实现文件上传 编程（变成）小辣鸡 vuevue
    1、上传文件html上传文件        将文件拖到此处，或点击上传只支持pdf、doc、docx、png、jpg提交import{ref,reactive}from'vue'import{uploadImg}from'@/api/common.js';letuploadFile=ref(false);letfileList=ref([]);constupload=(val)=>{fileLis
  • 【Html实现“心形日出”（附效果+源代码）】| JavaScript面试题：解释一下异步编程中的回调函数、Promise和Async/Await的概念。它们有什么区别？ 追光者♂ html5css3心形日出前端特效JS面试题PromiseAsync/Await
    风会带走你曾经存在过的证明。——虞姬作者主页：追光者♂个人简介：[1]计算机专业硕士研究生[2]2023年城市之星领跑者TOP1(哈尔滨)[3]2022年度博客之星人工智能领域TOP4[4]阿里云社区特邀专家博主[5]CSDN-人工智能领域优质创作者无限进步，一起追光！！！
  • java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw 兮兮科技 javamybatis开发语言
    java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • uniapp内嵌的webview H5与应用通信 printf_824 uniapp分享uni-app
    H5端：1、找到index.html引入依赖2、在需要通讯处发送消息uni.postMessage({data:{code:200,msg:"处理完成"}})uniapp端：使用@message="handlerMessage"回调的event里有所需信息functionhandlerMessage(event){console.log("接收到信息");let{code,msg}=event.d
  • 使用html+css+jquery实现3D轮播图 mini_055 jqueryhtmlcss
    还是先来看看效果图：通过效果图我们先理一下思路：首先就是需要几张图片，但只有一张是显示在我们眼前的第二步：把一张图片分成几等份，这样点击转换的时候就会分开转第三步：就是实现点击按钮切换下一张。HTML部分HTML部分首先我们需要一个盒子显示图片，然后在盒子里装入图片，你想装几张图片就可以写几个li,除了图片我们还需要一个按钮来点击。一个li的图片效果如图所示：div是当你点击下一张的时候一个div
  • 微软全新开源的Agentic Web网络项目：NLWeb详解 kevin luan AI工作流编程microsoft前端网络
    引言在2025年5月的MicrosoftBuild开发者大会上，微软推出了一个全新的开源项目——NLWeb（NaturalLanguageWeb，自然语言网络），被誉为“AgenticWeb（代理网络）”的基石，目标是将传统网页转变为支持自然语言交互的智能AI应用。微软将其比作Web时代的HTML，旨在通过简单的方式为网站添加对话式AI接口，让用户和AI代理能够以自然语言直接查询和交互网站内容。本
  • element周选择器---设置展示周和日期 GLINLIND vueelementjavascript前端vue.jshtml5
    element周选择器：粘贴可用实现效果：—代码：npminstalldayjs--savemain.jsimportdayjsfrom"dayjs";Vue.prototype.dayjs=dayjs;页面data(){return{value2:"",week:"",//周startTimeStamp:
  • XSL-FO 块：深入解析与最佳实践 沐知全栈开发 开发语言
    XSL-FO块：深入解析与最佳实践概述XSL-FO（XSLFormattingObjects）是一种用于生成格式化文档的语言，它允许开发者将XML数据转换成PDF、HTML、PostScript等格式。在XSL-FO中，块（Block）是一个重要的概念，它定义了文档中的矩形区域，包括文本、图像、表格等。本文将深入解析XSL-FO块的相关知识，并分享一些最佳实践。XSL-FO块的定义与属性定义XSL
  • HTML中引入JavaScript的三种方式 北冥郇翔 javascripthtml前端
    在HTML中引入JavaScript主要有以下三种方式，每种方式都有其适用场景和注意事项：1.内嵌方式（在标签内直接编写代码）直接在HTML文件的或中使用标签编写JavaScript代码。特点：代码与HTML混合，适用于简单逻辑或快速测试。alert()等函数会阻塞HTML页面渲染（如引用[1]所示）。示例：window.alert("页面加载被阻塞！");//阻塞后续内容渲染2.外部引入方式（推
  • linux网络编程之SCTP套接字常用接口 码莎拉蒂 . Linux网络编程linux网络编程SCTP套接字常用接口
    转载地址：oracle开发帮助文档：http://docs.oracle.com/cd/E19253-01/819-7052/index.htmlSCTP套接字接口当socket()调用为IPPROTO_SCTP创建套接字时，它会调用特定于SCTP的套接字创建例程。针对SCTP套接字执行的套接字调用会自动调用相应的SCTP套接字例程。在一对一套接字中，每个套接字都对应一个SCTP关联。可以通过调用
  • Excel处理控件Aspose.Cells教程：Java 在 Excel 中插入和删除行和列
    Aspose.Cells是Excel电子表格编程API，可加快电子表格的管理和处理任务，支持构建能够生成，修改，转换，呈现和打印电子表格的跨平台应用程序。同时不依赖于MicrosoftExcel或任何MicrosoftOfficeInterop组件，AsposeAPI支持旗下产品覆盖文档、图表、PDF、条码、OCR、CAD、HTML、电子邮件等各个文档管理领域，为全球.NET、Java、C++等1
  • Flask(五) 表单处理 request.form、WTForms @昵称不存在 Flaskflaskpython后端
    文章目录1.基本表单处理，使用request.form（轻量）示例一创建HTML表单处理表单数据示例二HTML表单（login.html）Flask路由处理表单2.使用Flask-WTF扩展安装设置SecretKey（CSRF防护）定义表单类HTML模板（login.html）Flask视图函数✅常用字段类型（WTForms）✅常用验证器（validators）HTML表单字段中的URL验证器总结
  • Go Web开发框架实践：模板渲染与静态资源服务 程序员爱钓鱼 golang开发语言后端网络
    Gin不仅适合构建API服务，也支持HTML模板渲染和静态资源托管，使其可以胜任中小型网站开发任务。一、模板渲染基础1.加载模板文件使用LoadHTMLGlob或LoadHTMLFiles方法加载模板：r := gin.Default()r.LoadHTMLGlob("templates/*") // 支持通配符或：r.LoadHTMLFiles("templates/index.tmpl", "
  • vue3 vs asp.net mvc fyifei0558 开发语言
    package.json≈.csprojpackage-lock.json≈packages.lock.jsonvite.config.js≈Startup.cs/Program.cs/configfilesindex.html≈_Layout.cshtmlpublic/≈wwwroot/
  • 实现并查集数据结构的技术指南 一键难忘 数据结构算法并查集
    本文收录于专栏：算法之翼https://blog.csdn.net/weixin_52908342/category_10943144.html订阅后本专栏全部文章可见。实现并查集数据结构的技术指南并查集（DisjointSetUnion，简称并查集）是一种常用的数据结构，用于管理元素之间的等价关系。它主要支持两种操作：合并（Union）和查找（Find）。并查集通常用于解决各种问题，如图论中的连
  • ECharts 数据集（Dataset） 沐知全栈开发 开发语言
    ECharts数据集（Dataset）引言ECharts是一个使用JavaScript实现的开源可视化库，它能够将数据通过丰富的图表形式展示出来。在ECharts中，数据集（Dataset）是一个非常重要的概念，它负责存储图表所需的数据。本文将详细介绍ECharts数据集（Dataset）的相关知识，包括其定义、作用、类型以及使用方法。数据集的定义数据集（Dataset）是ECharts中用于存储
  • Python+Playwright(0) 黑米粥✎ python开发语言自动化
    简介Playwright是一个强大的自动化库，由微软开发，主要用于web端UI自动化测试，支持python、java、JavaScript、C#等多种编程语言。Playwright仅用一个API即可自动执行Chromium、Firefox、WebKit等主流浏览器自动化操作，不仅支持无头模式和有头模式，还提供了代码录制的功能，极大提高了脚本编写的效率，并支持移动端自动化测试。Playwright相
  • 谷歌离线应用之渐进式 Web 应用 Progressive Web APP（PWA） 伍哥的传说 前端源码分享前端webapp
    一、渐进式Web应用（PWA）的定义‌渐进式Web应用（ProgressiveWebApp，PWA）是一种结合传统Web技术与现代移动应用特性的技术方案，旨在通过HTML、CSS和JavaScript构建具备‌原生应用体验‌的Web应用。其核心特性包括：‌可安装性‌：用户可将PWA添加到设备主屏幕，像原生应用一样独立运行；‌渐进增强‌：根据设备和网络环境逐步提升功能，确保基础功能在所有浏览器中可用
  • JavaScript性能优化实战 周盛欢 javascript性能优化开发语言
    嘿，小伙伴们！今天咱们来聊聊JavaScript性能优化。你可能觉得这听起来很复杂，但别怕，我保证用最简单的方式给你讲清楚，就算你是0基础也没问题！一、为啥要优化JavaScript性能？想象一下，你在网上冲浪，点开一个网页，结果半天加载不出来，或者页面卡得像蜗牛爬，那心情是不是超级糟糕？这就是性能问题惹的祸。而JavaScript是网页里很重要的部分，它能让网页动起来、交互起来，但如果写得不好，
  • MongoDB 高性能应用场景与实践 AI自闭实验者 mongodb数据库
    ```htmlMongoDB高性能应用场景与实践MongoDB高性能应用场景与实践随着大数据时代的到来，数据库作为数据存储和管理的核心工具，其性能和可扩展性显得尤为重要。在众多的数据库解决方案中，MongoDB凭借其灵活的数据模型、高性能和易于扩展的特点，在许多场景下成为开发者的首选。什么是MongoDB？MongoDB是一个开源的、面向文档的NoSQL数据库管理系统。它以JSON样式的文档存储数
  • 【架构】vue-cli集成electron Fiz-EIM官方 架构架构vue.jselectron
    一、引言在文章开始之前，需要先介绍一下webpack和electron；Webpack：是一个用于现代JavaScript应用程序的静态模块打包工具。Electron：Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。当遇到需要将原本是web端的应用打包成桌面端的需求时，就可以采用webpack+electron的方式来开发桌面端，这种方式有以下四点好处：原项
  • SQL注入与防御-第四章-1：利用SQL注入--20% 在安全厂商修设备 SQL注入与防御sql网络安全web安全
    #理解常见的漏洞利用一、漏洞利用前提借助应用测试（如第2章）、复查源码技术（如第3章），发现Web应用中易受攻击参数后，进入利用阶段，需先明确：本地数据库辅助：搭建与目标同类型的本地数据库，便于测试、观察SQL注入响应（含数据、错误信息），辅助理解攻击逻辑。数据库输出关联：关注应用是否以HTML格式展示SQL查询输出（如报错、查询结果），若数据库返回详细错误（如SQL语法、执行异常信息），能大幅降
  • 箭头函数和普通函数的区别？ =^_^=喵喵 javascript开发语言
    箭头函数（ArrowFunctions）和普通函数（传统函数）在JavaScript中有显著的区别，主要体现在语法、this的绑定、构造函数行为、参数处理等方面。以下是详细对比：1.语法差异普通函数：functionadd(a,b){returna+b;}或函数表达式：constadd=function(a,b){returna+b;};箭头函数（更简洁）：constadd=(a,b)=>a+b;
  • 浅说深拷贝（Deep Copy）与浅拷贝（Shallow Copy） =^_^=喵喵 javascript前端开发语言
    在JavaScript中，深拷贝和浅拷贝是两种不同的数据复制方式，主要区别在于如何处理引用类型数据（如对象、数组）。1.浅拷贝（ShallowCopy）定义：只复制对象的第一层属性，如果属性是引用类型（如对象、数组），则复制的是引用，而不是实际数据。特点：原始对象和拷贝后的对象共享引用类型的属性。修改其中一个对象的引用类型属性会影响另一个对象。实现方式：Object.assign()（仅第一层深拷
  • 使用JavaScript构建交互式Web页面：从基础到高级功能（附带实现代码~） 一ge科研小菜菜 Java前端开发javascript
    个人主页：一ge科研小菜鸡-CSDN博客期待您的关注1.引言JavaScript作为现代网页设计的核心技术之一，已发展成为前端开发中必不可少的编程语言。随着互联网的不断进化，用户对网页体验的需求日益增长，开发者需要借助JavaScript来实现页面动态交互、用户界面更新和复杂的数据操作。JavaScript的生态系统也日趋完善，从基础的ES6+特性到各种强大的前端框架如React、Vue和Angu
  • html5路由如何在nginx上部署（vite+vue3） 大眼小夫 html5nginx前端
    我们知道前端常用的有Hash模式和html5模式的路由，hash模式在nginx上部署不需要额外的操作，而html5模式则需要额外设置，这里介绍下如何在nginx根地址（location/{}）下部署和在非根地址上（location/admin{}）部署。在这之前，我先说一下为什么html5路由需要在nginx上配置，我们知道，vue-router就是用来处理路由的，我我们在浏览器上输入地址时，这
  • JavaScript原型链深度剖析 aike13ky javascript开发语言
    目录前言一、原型链1.原型链的主要组成原型（Prototype）构造函数（Constructor）实例（Instance）2.原型链的工作原理前言在JavaScript的世界中，原型链（PrototypeChain）是一个核心概念，它决定了对象如何继承属性和方法。对于初学者来说，理解原型链可能是个挑战，但一旦掌握了它，就能更好地利用JavaScript的动态性和灵活性。本篇文章将详细探讨JavaS
  • HarmonyOs开发之——TypeScript介绍、入门，及 TypeScript、JavaScript、ArkTs的具体区别解读。 chenrui310 ubuntulinux运维
    HarmonyOs开发之——TypeScript介绍、入门，及TypeScript、JavaScript、ArkTs的具体区别解读。一、开发语言介绍：TypeScript是JavaScript的超集，ArkTS则是TypeScript的超集。ArkTs是HarmonyOs的主力开发语言，它在TypeScript（简称TS）的基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等相应的能力，让开发
  • Array.reduce 咔咔咔索菲斯 javascript前端
    Array.reduce()是JavaScript中用于将数组元素累积计算为单个值的高阶函数，其核心作用是对数组中的每个元素执行一个累加器函数，最终返回累积结果。以下是详细用法和示例：一、基本语法array.reduce((accumulator,currentValue,currentIndex,array)=>{//累加逻辑returnnewAccumulator;},initialValue
  • Python JSON 模块的基本使用(41) Android 小码峰啊 Python入门pythonjson服务器
    PythonJSON模块的基本使用一、引言在当今数字化的时代，数据的交换和存储变得至关重要。不同的应用程序和系统之间需要一种通用的数据格式来进行数据的传输和共享。JSON（JavaScriptObjectNotation）作为一种轻量级的数据交换格式，因其易于阅读和编写，同时也易于机器解析和生成，成为了广泛使用的数据格式之一。Python作为一门功能强大且应用广泛的编程语言，提供了json模块来方
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他