ODST_TheSolverO5
ODST_TheSolverO5

JS基础复习（一）一分钟教你如何手写promise异步加载一张/多张图片

一分钟教你如何手写promise异步加载一张/多张图片

一、写在开头
最近一直在搞小程序，有点腻了，顺便复习了一下js，刚好可以写一个简单的promise回顾一下异步，见笑了各位。

二、发现问题
异步是js基础知识中的重要一环，也是有点难以理解，这里我手写了一个简单的图片加载示例，希望可以帮助各位回顾一下。

三、解决问题
异步主要抓住两点：
1.知道什么时候用return返回需要用的数据/调用的函数
2.知道什么时候监听什么函数来写对应的回调resolve（）,reject（）
以下是代码的简单示例：

<!DOCTYPE html>
<html>
<head>
	<title>手写promise加载图片</title>
</head>
<body>
<script type="text/javascript">
	const url1='https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3719520752,2657134858&fm=26&gp=0.jpg'//网上随便找一个图片的地址
	const url2='https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3461776228,1302027451&fm=26&gp=0.jpg'
	function loadImage(src){//定义一个异步加载图片的函数
		const p = new Promise((resolve,reject)=>{//new一个promise对象
			const img =document.createElement('img')//创建一个img节点
			img.src=src//把我们的图片地址给我们新建的节点
			img.onload=()=>{//通过监听节点成功建立（当然图片也传进去）调用resolve
				resolve(img)//返回整个节点,可以用.then捕捉
			}
			img.onerror=()=>{//监听错误，可以用.catch捕捉
				reject(`图片加载失败，地址为${src}`)
			}


		}) 
		return p//记得把整个promise对象返回
	}
	loadImage(url1)//调用异步函数
	.then((res)=>{//成功加载时
		console.log(res.width);
		return res;//把拿到的参数即图片节点返回出去，那么下一个then也能使用，如此避免回调地狱
	})
	.then((res)=>{
		console.log(res.height);
	})
	.catch((err)=>{//发现错误时
		console.log(err);
	})


	//以下是加载多个图片的情况(res和url1/url2没有区别，只是参数而已，可以随便取名字)
	loadImage(url1)
	.then((url1)=>{
		console.log(url1.width);
		return loadImage(url2);//返回出去就行了
	})
	.then((url2)=>{
		console.log(url2.width);
	})
</script>
</body>
</html>

好了，目前先到这，我是O5,希望能帮助到大家，共勉！

你可能感兴趣的:(JS基础复习（一）一分钟教你如何手写promise异步加载一张/多张图片)

  • 给即将进入三年级的孩子们的暑期建议（2.2班） 徐老师_b38d
    一、假期里，请提前让孩子在家里有钢笔写字第二学段与第一学段不一样，首先是用钢笔写字了。多年的三年级教学经验告诉我们，很多孩子一入学才学着用钢笔，问题相当多。但每届班级学生中，总有几位用钢笔写字，好像没有任何问题。一问便知，他们暑假两个月，爸妈就带着他（她）选择钢笔、墨水，并在家里在爸妈的指导下写了两个月了。原来如此。也许家长又会说，这是你老师的事，又把指导孩子写钢笔字推给家长了。别忙指责。请你仔细
  • 《逃不掉！娇娇被病娇强制爱了》姜宜娄厌无删减版在线阅读_姜宜娄厌免费阅读_姜宜娄厌《逃不掉！娇娇被病娇强制爱了》小说最新章节在线阅读 蚂蚁推书
    《逃不掉！娇娇被病娇强制爱了》姜宜娄厌无删减版在线阅读_姜宜娄厌免费阅读_姜宜娄厌《逃不掉！娇娇被病娇强制爱了》小说最新章节在线阅读小说名：逃不掉！娇娇被病娇强制爱了主角：姜宜娄厌小说作者：晴归状态：连载中字数：17.17万字最新章节：第136章小说简介：传闻京都城里有一腹黑大佬的他，桀骜不驯，狂妄张扬，从不把任何女人放在眼里。大学暑假那年，她来到曼谷，遇见了他。她人美声甜，初来乍到就斩获了他的心
  • 是假的！通达OA社科院朱民ST-balance低碳环保碳中和被骗不能出金真相!流水不够大曝光，详细受骗经历! 正义青天
    贪婪、渴望迅速致富、相信不劳而获，这些都是人类天生的弱点。然而，当这些心态被骗子利用，并伴随着对金融知识和风险意识的缺乏，以及对他人承诺的轻易信任，人们就很容易上当受骗。同时，渴望改变命运和追逐梦想也是人类进步的动力之一，但当这种渴望被过度放大，甚至到了无视风险的地步，就会使人陷入危险之中！随着互联网的普及，电视上和网络上有很多分析师，他们也是这个市场的一个群体。可能你也有疑惑，既然都能分析了，还
  • 分开后，腹黑前夫天天哭着求复合桑旎傅宵寒(精选热门小说推荐)分开后，腹黑前夫天天哭着求复合桑旎傅宵寒&全文免费阅读 桃子爱阅读
    分开后，腹黑前夫天天哭着求复合桑旎傅宵寒(精选热门小说推荐)分开后，腹黑前夫天天哭着求复合桑旎傅宵寒&全文免费阅读主角：桑旎傅宵寒简介：傅宵寒的记忆中，桑旎一直都是一个性格沉闷，古板无趣的人。直到离婚后，他才发现他的这位前妻温软可人，娉婷万种。但等他忍不住再次接近她的时候，桑旎却浅笑嫣嫣的告诉他，“傅总，你已经出局了。”----阅读全文小说内容请翻阅文章最底部---第16章那份离婚协议，最后还是被
  • 古风言情小说✔【渣男拉我做平妻，我有弹屏护体】虞窈江祁——渣男拉我做平妻，我有弹屏护体一口气读完整部小说！ 妞妞爱读书1
    “我与你成亲三年，你却三年无所出。若太后真要插手，我便直接以此为由休了你!"虞窈错愕地睁大眼睛。她没想到江祈能说出这种话，三年前他们甚至不曾圆房，江祈便率军前往边疆。她一个人，如何能生出孩子?!“好了阿祈，也别把你夫人逼得太紧。”一旁的白朝若终于开口，她今日一身劲装，英姿飒爽，与柔弱的虞窈全然不同。她看向虞窈的眼神带着高高在上的怜悯与鄙夷:“你不必拈酸吃醋，即便我与阿祈成婚，也不会住在江家。”“陛
  • 2020-01-08晨间日记D468 坤道率然
    今天是什么日子起床：4:15就寝：22:10出差北京，一个领导，一个下属，同行三人，一个铜锅涮肉，一瓶牛栏山二锅头，增加了更多的了解。天气：晴，空气优，温度-6-5℃，日出时间7点36分。心情：心情很好，项目终于快要落地了，不过也不能放松警惕，新用户有新的要求，在满足新要求的同时也应该维护企业的利益。不过我们的价格是最大的优势，经过这么长时间的发酵，这样的价格还是十分具有吸引力的。从另外一方面说，
  • 如何用notepad++格式化JOSN文本 爱喝马黛茶的安东尼
    很多数据文件一般是通过json格式保存的，如省市区的联动、区号、邮编、通讯录、游戏的服务器区等等，如下图的是以json保存的世界各个地区省市区的详细信息，这是一个很长很长的字符串。然后点击当前页面上面的“插件”菜单选项，在出现的菜单中将鼠标放在“PluginManager”选项上面，在出现的子菜单中点击“ShowPluginManager”选项。然后在弹出的页面中找到“JSONViewer”选项，
  • 父母给孩子过阳历生日，还是阴历？你的选择是什么呢？ 郭郭说
    还记得自己小时候最开心的事情就是过生日了！因为这一天能够吃到蛋糕，能够穿漂亮的衣服，也意味着自己又长了一岁了，当然很开心了！图片发自App现在作为一名母亲，对自己孩子的生日也是非常上心，希望他能够度过一个开心快乐的生日。但是很多的父母会纠结：到底是过阳历生日，还是阴历生日好？首先，选择过阳历生日的，基本上宝妈们都是比较年轻的，为什么呢？因为我们在日常工作中，可能用的最多的就是阳历的日期了。比如平常
  • RabbitMQ实现死信队列/延迟队列/优先级队列 天瑕 RabbitMQRabbitMQ死信队列延迟队列优先级队列
    1死信队列/延迟队列死信队列指的是因为某些原因，队列中的某些消息变成了死信（deadletter）后，它们被重新路由到死信交换器（DLX）绑定的队列上，该队列即为死信队列。我们可以监听该死信队列中的消息，以进行相应的处理。消息变为死信的原因一般有以下三种：消息被拒绝，并且设置requeue参数为false消息过期队列达到最大长度1.1生产者代码以下代码是通过“x-message-ttl”和“x-d
  • 第13天 | openGauss逻辑结构：表管理1 yBmZlQzJ openGaussoracle数据库
    接着昨天继续学习openGauss,今天是第13天了。今天学习内容是学习openGauss表的创建、搜索路径和访问方法。老规矩，先登陆墨天轮为我准备的实训实验室root@modb:~#su-ommomm@modb:~$gsql-r作业要求1.创建一个表（默认，不指定模式），查看该表在那个模式下omm=#createtabletesttable(colvarchar(100));omm=#CREAT
  • 惠州孕期亲子鉴定中心在哪里(附2024年最新亲子鉴定办理流程) 成之嘉_基因检测
    2024年惠州最新亲子鉴定收费标准：个人隐私亲子鉴定收费标准：￥2000-￥2400，常见用途：怀疑孩子的父亲身份，想私下偷偷检测；无创胎儿亲子鉴定收费标准：￥4500-￥5000，常见用途：孩子未出世，怀疑胎儿的父亲身份，想思想偷偷检测；司法亲子鉴定收费标准：￥2400-￥3600，常见用途：上户口、移民；成之嘉亲子鉴定优势1、全程匿名2、快速出结果3、检测更精准口号：每一次检测都是一份责任无创
  • 软件测试面试题：SQL注入漏洞产生的原因？如何防止？
    SQL注入漏洞产生的原因？如何防止？SQL注入产生的原因：程序开发过程中不注意规范书写sql语句和对特殊字符进行过滤，导致客户端可以通过全局变量POST和GET提交一些sql语句正常执行。防止SQL注入的方式：开启配置文件中的magic_quotes_gpc和magic_quotes_runtime设置执行sql语句时使用addslashes进行sql语句转换Sql语句书写尽量不要省略双引号和单引
  • 今日关于嘴包臀的看法 破晓的时光
    不关注很久，最近才在朋友圈里看到嘴包臀的文章。平心而论，四处咬人的狗到处都是，我也不至于那么玻璃心，被狗咬一口，非得咬回去。何况我学的是IT，做的却不是程序员。但是，让人恶心到呕吐的是简叔，堂堂简叔的CEO，代言人，公开支持嘴包臀的文章。我就好奇了，他到底能不能分清楚多元、自由是怎么写的，到底能分清楚自由表达和人身攻击之间的界限吗？首页里那么多程序员辛辛苦苦写的文章，分享的知识，带来的活跃，是这样
  • 「原创」海丰阿东：为偷大黄狗，同伙变仇敌 海丰阿东
    「原创」海丰阿东：为偷大黄狗，同伙变仇敌每一个人自出生以后，会重新经历一遍前人所经历过的事情。只有经历过了，才会慢慢变得成熟起来。从生到死就是这样一种轮回。所以当自己变得越来越老的时候，回过头来看看那小孩子们的所作所为，常常会让自己哈哈大笑。朋友有一天路过幼儿园。听到两个小朋友在那里说话。一个小朋友问另外一个小朋友。：“为什么挑食的都是孩子，他们的父母为什么都不挑食呢？”听到这样的问题，朋友也感兴
  • 信用卡倒卡最佳方法信用卡使用方法和（技巧乐刷pos官网）建议尽量 小易的生活
    信用卡倒卡通常指的是通过一种非正规手段，如套现等，来实现信用卡资金的转移或利用。然而，我必须明确指出.关于信用卡的正确使用方法，可以归纳如下：信用卡使用方法激活信用卡：在收到信用卡后，按照银行提供的指引进行激活。激活方式可能包括电话激活、网上银行激活或移动应用激活等激活过程中需输入信用卡卡号、有效期、安全码等信息，并设置查询密码和交易密码。刷卡消费：信用卡的主要功能是刷卡消费。在实体店或线上商家购
  • RabbitMQ--消息应答
    一、概念1、概念消费者完成一个任务可能需要一段时间，如果其中一个消费者处理一个长的任务并只完成了部分突然他就挂了，此时消息就会丢失。为了保证消息在发送过程中不丢失，RabbitMQ引入了消息应答机制，消息应答就是：消费者在接收到消息并处理该消息后，告诉RabbitMQ已经处理，RabbitMQ就可以把该消息删除。2、自动应答消息发送后立即被任务已传送成功，这种模式需要在高吞吐量和数据传输安全性方面
  • 了解B/S架构 Ashman.se 计算机语言架构
    一.B/S的概念B/S（Brower/Server,浏览器/服务器）模式又称B/S结构，是Web兴起后的一种网络结构模式。Web浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用；客户机上只需要安装一个浏览器，服务器上安装SQLServer,Oracle,MySql等数据库；浏览器通过WebServer同数据库进行数据交互。二
  • Gerrit多仓库对应多邮箱配置办法 养乐多好喝 gitgerritgerrit配置gerrit多仓库gerrit多邮箱
    工作中，我们可能需要配置多个仓库对应不同的邮箱来拉取代码，本文讲解在windows下如何正确配置。例如我们需要同时拉取仓库A和仓库B的代码，A对应邮箱[email protected],B对应邮箱[email protected]。第一步修改config文件打开C:\Users\yours.ssh文件夹，找到config文件，使用文本编辑器打开，一般你会看到如下内容：Host192.168.xxx.xxx//
  • 但行好事，莫问前程 奔跑吧cece
    最近两个月的疫情，牵动着国内外每个人的心，外有文艺范日本，钢铁直男俄罗斯等国的鼎力相助，内有各大企业，明星，慈善机构的捐款，还有很多的社会群体，个人的捐赠。昨天在我们小区妈妈群，有个特别热心的邻居，看到朋友圈有个医生朋友发的物资捐赠需求，想着组织大家一起联系捐赠实物给到需要的医院，尽一点绵薄之力。从提出想法，联系两家医院后勤负责人，明确可捐赠的食品，物流等，我们临时组建了一个8人的捐献后勤小组。财
  • 测试用例要如何写 测试界茜茜 软件测试测试用例功能测试软件测试自动化测试程序人生职场和发展
    1、测试点与测试用例测试点不等于测试用例，这是我们首先需要认识到的。问题1：这些测试点在内容上有重复，存在冗余。问题2：一些测试点的测试输入不明确，不知道测试时要测试哪些。问题3：总是在搭相似的环境，做类似的操作。问题4：测试点描述得太粗，不知道是不是测对了。测试点是测试者在测试时需要关注的地方。虽然我们在分析测试点时，会使用各种测试方法，但这些方法在思路和操作上都是不同的，一些方法得到的测试点要
  • 人生匆匆 菩提树下一沙粒
    图片发自App想起去年此时，我还在忙着为父亲挑选生日礼物，而今，他已孤独地躺在冰冷的黄土下。似乎一霎那，一眨眼的功夫，一年，几十年，就此匆匆而过。人的一生，何其短暂？看自己，初二那年被几何老师狠批的情形犹在眼前，可时间已过了三十年。今天和女儿谈起此事，她竟当故事，听得津津有味，还不时地瞅我一下，眼角全是狡黠的笑，似乎在说“原来妈妈也会当众哭鼻子呀！”是啊，我们已从青葱少年，转眼间长成了满腹心事的中
  • 金型人格的修炼 蒋沅臻_cb46
    姓名～沅臻【日精进打卡第46天】【知～学习】1.耳语练习30分钟NG2.有声阅读文章1篇OK3.看书30分钟OK4.运动30分钟NG5.扫除整理OK【行～实践】一、修身：（对自己个人）1、找爸爸好处第16天。二、齐家：（对家庭和家人）今天上课，没有接到弟弟的电话。三、建功：（对工作）1、经营者传习之旅第一天，今天接受的信息有点多，需要花时间好好消化。2、找到了金型人格的修炼方向。｛积善｝：发愿从2
  • keepalived的工作原理与配置 皮蛋solo.粥 云计算网络云计算linux
    Keepalived的工作原理基于VRRP（虚拟路由冗余协议）和LVS（Linux虚拟服务器），通过多层次协作实现服务器的高可用性和负载均衡。以下是其核心机制的详细说明：一、VRRP协议基础VRRP（VirtualRouterRedundancyProtocol）是Keepalived实现高可用的核心协议，其作用是：将多台服务器组成一个虚拟路由器，对外提供一个统一的虚拟IP（VIP）。通过选举机制
  • keepalived案例 皮蛋solo.粥 云计算chrome前端运维
    案例一：Web服务器高可用集群场景：为Nginx构建双节点热备，确保服务连续性架构图Client→VIP(192.168.1.100)↓+----------------++----------------+|Master(1.10)||Backup(1.11)||Keepalived||Keepalived||Nginx||Nginx|+----------------++-----------
  • 我的老大，我的礼物 叶子手札
    我是叶子，两娃妈。心理学工作者，从事中小学心理健康教育工作13年。这是我第53篇原创手稿。上周，和朋友们聊天的时候，被她们说，你看，你每次讲到老二，眼神流露出满满的爱和欣赏，说老二是老大的礼物。这对待老大和老二的差别很大啊。已经不止一个人和我提及这个差异了。是的，我自己也很清楚，老二确实让我省心放心许多，他爱吃，能睡，待人大方主动，积极向外探索。只是偶尔闹闹小脾气，还有点小倔强。可在他爸看来，这个
  • C语言面向对象编程 小恶魔巴巴塔 c语言开发语言
    1.内核通用链表一、什么是list_head？list_head是Linux内核中自己实现的一种双向循环链表的结构，定义在中。它设计得非常轻巧、灵活，广泛用于内核模块、驱动、进程调度、网络协议栈等。它的关键思想是：将链表结构嵌入到你的数据结构中，从而实现通用链表操作。二、结构定义structlist_head{structlist_head*next,*prev;};每一个list_head实际就
  • 郑州一模答案 你的光芒
    语文试题答案1.(3分）shàn覆赋（每字1分，共3分）2.(5分）示例：辩论共四个环节（1分）；立论阶段由双方的一辩正面论述己方观点：（1分）攻辩阶段由双方二辩提出质疑并回答对方提问：（1分）然后自由辩论，双方辩手可轮流发言，强调己方观点的同时进行反驳；（1分）最后总结陈词，双方三简总结。每一环节均不超过3分钟。（1分）3.(8分）①人生自古谁无死②留取丹心照汗青③苦将依强派作蛾眉④长风破浪会有
  • spring--事务失效原因 你我约定有三 数据库sqljava后端spring
    ✅一、事务失效的常见原因及对应场景1.方法不是public的✅原因：SpringAOP默认使用基于代理的方式（JDK或CGLIB），只能拦截public方法。❌错误示例：@TransactionalvoidsaveData(){//非public，事务无效...}✅正确写法：@TransactionalpublicvoidsaveData(){...}2.同类中方法调用，导致自调用（SelfInv
  • 2023-03-30 每日心流
    202303309:0501昨天和前天都在织小背心，一共化了一整天时间就织完了。挺好的，就是有些长了，不如原版的简单。25公分差不多了。肩带好像是35公分左右。色彩上还是不会搭。有点贪，什么都想搭进去。其实简单点好。还想织一件纯色的，织简单点好了，短一点。学会V领了，就是中间的挑还不会。还会小燕子收针法了。边针织，右片留三针，把第三针放到第一针前，就是第二针放到后面，第三针不织，第一针织好剥收左片
  • Apache Ignite 索引（Indexes）定义和使用 lang20150928 其他apacheIgnite
    这段内容是关于ApacheIgnite中如何定义和使用索引（Indexes）的说明。下面我将为你逐段解释这段内容的含义，并帮助你理解ApacheIgnite中SQL索引机制的核心概念。一、索引的定义原文：InadditiontocommonDDLcommands,suchasCREATE/DROPINDEX,developerscanuseIgnite’sSQLAPIstodefineindexe
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他