阿飞超努力
阿飞超努力

每天学一个jquery插件-做一个便签

每天一个jquery插件-做一个便签

做一个便签

嗯，随便逛插件的时候试着做一下，复习了一下sessionStorage这类缓存的使用，然后后面打算研究一下IndexDB的使用，这个算是入门吧

效果如下
每天学一个jquery插件-做一个便签_第1张图片

代码部分


<html>
	<head>
		<meta charset="utf-8">
		<title>做一个便签title>
		<script src="js/jquery-3.4.1.min.js">script>
		<style>
			*{
      
				margin: 0px;
				padding: 0px;
				user-select: none;
			}
			#div{
      
				position: fixed;
				top: 10px;
				left: 10px;
				right: 10px;
				bottom: 10px;
				border: 1px solid lightgray;
				border-radius: 5px;
				overflow: auto;
			}
			.item{
      
				background-color: rgb(241,241,128);
				margin: 10px;
				border: 1px solid lightgray;
				width: 200px;
				height: 300px;
				float:left;
				position: relative;
				border-radius: 5px;
				overflow: hidden;
			}
			.head{
      
				position: absolute;
				width: 100%;
				top: 0;
				height: 30px;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				text-indent: 20px;
				font-size: 12px;
				background-color: rgb(228,190,50);
			}
			.tarea{
      
				position: absolute;
				top: 30px;
				width: 100%;
				bottom: 30px;
				overflow: hidden;
				outline: none;
				resize: none;
				border: none;
				text-indent: 12px;
				font-size: 12px;
				background-color: transparent;
			}
			.add{
      
				position: absolute;
				border:2px solid white;
				bottom: 0px;
				background-color: rgb(228,190,50);
				height: 30px;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 50%;
				left: 0;
				cursor: pointer;
			}
			.delete{
      
				position: absolute;
				border:2px solid white;
				bottom: 0px;
				background-color: rgb(228,190,50);
				height: 30px;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 50%;
				left: 50%;
				cursor: pointer;
			}
			.add:active,.delete:active{
      
				opacity: 0.8;
			}
		style>
	head>
	<body>
		<div id="div">
			<div class="item" data-index="0">
				<div class="head">
					便签
				div>
				<textarea class="tarea">写点什么……textarea>
				<div class="add">新增div>
				<div class="delete">删除div>
			div>
		div>
	body>
html>
<script>
	$(document).ready(function(){
      
		var str  =sessionStorage["data"];
		var arrs = JSON.parse(str);
		if(arrs&&arrs.length>0){
      
			$(".item").remove();	
			arrs.forEach(item=>{
      
				var $dom = $('
+item.index+'">
便签
新增
删除
');
$dom.appendTo($("#div"))
})
}
})
$(function(){

$(document).on('click','.add',function(){

var $par = $(this).parent().clone();
var index = new Date().getTime();
$par.attr("data-index",index);
$par.appendTo($("#div"));
})
$(document).on('click','.delete',function(){

$(this).parent().remove();
})
$(document).on('input porpertychange','.tarea',function(){

//这里监控所有数据，然后给缓存成一个json文件存入缓存之中；
var arr = $(".item").arr();
var arrs = [];
arr.forEach(item=>{

var temp = {

index:item.attr("data-index"),
txt:item.find(".tarea").val()
}
arrs.push(temp);
})
var str = JSON.stringify(arrs);
sessionStorage["data"] = str;
})
})
$.prototype.arr = function(){

var that = this;
var arr = [];
for(var i = 0;i<that.length;i++){

var $dom = $(that[i]);
arr.push($dom);
}
return arr;
}
script>

思路解释

  • 就是把数据处理成json数据然后存入缓存中，要用的时候拿到手再重新变成对象就行了

你可能感兴趣的:(每天学一个jquery插件,javascript,jquery)

  • 第12章 网络 （4） 山下小童 网络linux服务器c语言架构
    目录12.7网络设备层12.7.2接收分组12.7.3发送分组本专栏文章将有70篇左右，欢迎+关注，查看后续文章。12.7网络设备层12.7.2接收分组接收时，使用中断通知分组到达。几乎所有网卡都支持DMA。一个skb如何找到对应网络设备？skb->dev一个socket如何关联对应sk_buff？socketfd->structsocket->structsock->structsock.sk_
  • 为什么小丑鸭能变成天鹅 V8SUPERCHARGER
    小丑鸭能够变成天鹅，是因为他自己又变成天鹅的强烈渴望，同时不害怕困难努力前行，同时不为了迎合那些短浅人而改变初心。如果我们把这个故事和安徒生的一生进行比较的话，我们会发现它们极其的相似，甚至可以说安徒生就是那只丑小鸭。他原小时候也是一个很丑，被人看不起的孩子，但后来也像丑小鸭一样，取得成功，受到了大家的关注和赞赏。安徒生能够有这样的成就的原因，和丑小鸭能变成天鹅的原因是一样的。下面让我来说一说三点
  • 她被踢出朋友群：追求优越可以，炫耀就不好了 职路施语
    这两天，一篇《晒完女儿的清华录取通知书，她被踢出了同学群》的网络文章被热传。（图片来自网络）讲的是一位在微信同学群内的妈妈郭女士，在女儿考上清华大学的第一时间，将女儿清华大学录取通知书晒到了群里，并且骄傲地说了一句：“清华大学的录取通知书就是大气。”（图片来自网络）本以为大家都会夸赞自己的女儿，没想到自己竟被班长踢出了同学群。（图片来自网络）简单的一个晒照，回头一个出群，暴露出：人可以追求优越，就
  • 看图作诗，天使点赞 耶殊陀尼诗社
    点赞量前3名，53万权重超赞各一个。4—8名，53万权重大赞各一个。9-18名，53万权重小赞各一个，其它5.5万权重超赞，大赞不等。天使点赞环节不变。时间不限，不固定到几点为止，按随缘想点的时候来算。用心写诗，在诗里遇见最真的自己。参与说明：无门槛，新的朋友想参与活动的话，直接在评论栏里按当天主题附上诗歌即可。志愿当小天使给大家点赞的，直接按照以下点赞说明自行操作即可。天使点赞说明：每天写诗活动
  • 《读书“少有人走的路”～～蔑视崎岖，但一定找对方向》 娜之絮语
    罗冬娜坚持分享第551天2019-2-20在迷茫中找对方向是一件不易的事情，无所谓青春或中年，其实无论处在哪一个阶段都不可怕，因为这是每一个人的必经之路，经历过后，总会找到属于自己的方向，真正可怕的是我们一直深处沼泽中，不自救，等着别人伸手妄想别人拉自己一把。所有人执着的背后一定有别人不能理解的原因——那就是人生在某一个瞬间，某一个特定的地点，突然知道了自己想要的是什么？想要坚持去干某一件事情。没
  • 如何用小套路去测试女生是否喜欢你？男生必看！ 搞笑有嘻哈
    哈喽北鼻，今天和大家聊聊，如何判断一个女生是否喜欢你？我们来做一下排除法，先给大家看一下，当女生不喜欢一个人时，都有哪些表现？以礼相待既礼貌又冷漠女为悦己者容见面时，不会刻意打扮保持距离远离任何暧昧的机会身体上的排斥当一个女生不喜欢你时别说牵手，头发都不给碰聊天敷衍回复从不超过十个字绝情对追求者的热情无动于衷成熟冷静不会依赖，更不主动接下来带大家感受一下当一个女生喜欢你时，都有哪些表现？▼会感到自
  • 【生命意义同价值，只是一堆时间】 兴时态_198812
    【生命意义同价值，只是一堆时间】图片发自App常说到“生命的意义”或“生命的价值”，其实一个人活下去真正的意义和价值，不过占有几十个年头的时间罢了。生前世界没有他，他无意义和价值可言的；活到不能再活死掉了，他没有了生命，自然更无意义和价值可言。正仿佛多数人的愚昧与少数人的聪明，对生命下的结论差不多都以为是“生命的意义同价值是活个几十年”，因此都肯定生活，那么吃，喝，睡觉，吵架，恋爱……活下去等待死
  • 2019-04-05 慢漫_2050
    当你看破，同时即能理解，又能接受，更能坦然面对内心泛起的悲意。然，瞬间翻篇。此时，你已拥有了一个成熟的灵魂。图片发自App
  • Java 正则表达式 南风_001
    正则表达式定义了字符串的模式。正则表达式可以用来搜索、编辑或处理文本。正则表达式并不仅限于某一种语言，但是在每种语言中有细微的差别。正则表达式实例一个字符串其实就是一个简单的正则表达式，例如HelloWorld正则表达式匹配"HelloWorld"字符串。.（点号）也是一个正则表达式，它匹配任何一个字符如："a"或"1"。下表列出了一些正则表达式的实例及描述：正则表达式描述thisistext匹配
  • 柯建希老师直播语录 梦想写作者
    0.不要控制一个人，我们要学会对一个人松弛有度，我们不允许也要学会带着爱，带着爱，带着小鸟依人，撒娇式的不允许，而不要大声咆哮的不允许！00.你平时很有修养，不会愤怒，这会愤怒了，说明你确实很受伤，我确实说的话伤害到你了，可是…………不要侦探式的观察！1.打造自己的美好，欣赏自己的美好。当我们足够美好，我们会放过别人的！不要为了一棵树而吊死，而放弃整个森林！2.先讲三个赞美，三个夸奖，三个感恩，然
  • 朱棣将铁铉下油锅：炸成骨头灰，看你拜不拜 暖暖空间
    1402年，朱棣将铁铉凌迟处死后，又下油锅。他厉声道：“把你炸成骨头灰，看你拜不拜我？！”谁成想，铁铉骨架刚入锅中，就听“啪”的一声巨响，热油飞溅。太监们被烫的嗷嗷乱叫，再也不敢碰铁铉的尸身骨架。铁铉，铁骨铮铮。他生前不曾向朱棣低头，死后这把硬骨头，更是不向朱棣屈服。朱棣惊的久久缓不过神来，他惊诧：不过一介书生，怎会如此强硬！在靖难之路上，朱棣3番2次败给这个，不懂军事的文人，成为他战神史上的一个
  • 罗斯福酒店的蟑螂 我的心里每天绽放一朵花
    一个小姑娘正在罗斯福酒店金碧辉煌灯光透亮伴着乐队涓涓细流轻音乐的餐厅用午餐。她胖乎乎的小手端着一个小小的特别精致的碟子，正在用精美的小勺舀着浓香黄油覆盖的蛋糕，突然她看到一只褐色的虫子飞快的钻了出来，她吓的一下子扔掉了碟子和勺子，向妈妈喊道妈妈有虫子。音乐声嘎的一下停止了，所有人的目光都朝这边看来，妈妈显然是被孩子吓着了。有些慌乱，优雅的动作一下子被打乱。虫子在哪儿呢？妈妈并没有看见。这儿怎么可能
  • 庖丁解java(一篇文章学java) 庖丁解java java开发语言
    (大家不用收藏这篇文章,因为这篇文章会经常更新,也就是删除后重发)一篇文章学java,这是我滴一个执念...当然,真一篇文章就写完java基础,java架构,java业务实现,java业务扩展,根本不可能.所以,这篇文章,就是一个索引,索什么呢?请看下文.关于决定开始写博文的介绍(一切故事的起点源于这一次反省)中小技术公司的软扩展(微服务扩展是否有必要?)-CSDN博客SpringCloud(一个
  • 唯品会有没有推广返佣？唯品会自己买怎么拿佣金？ 高省APP珊珊
    高省平台提供推广返佣机制。具体来说，用户可以通过分享商品给好友，并引导他们完成购买，从而获得一定的佣金返利。此外，一些唯品会的推广活动也可能提供额外的返佣福利，但这些活动可能会有一定的门槛和限制。【高省APP】（高佣金领导者）是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，运行三年，稳定可靠。高省APP，是2021年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户
  • 利用新浪API批量生成t.cn 短链接的接口有哪些？ tokely
    新浪提供了长链接转为短链接的API，可以把长链接转为t.cn/xxx这种格式的短链接。短链接对于一些商家来说使用价值非常大，故整理了6个较为好用的t.cn短链接批量生成接口。1、快鸟短网址平台官网：http://kndwz.com随着移动互联网行业的的蓬勃发展，线上推广重要性越来越高，在推广的时候如果将长链接缩短一下，变成t.cn短链接可以获得更好的访问。快鸟短网址是一个好用的长链接生成t.cn短
  • 13.Spark Core-Spark中广播变量和累加器 __元昊__
    一、前述Spark中因为算子中的真正逻辑是发送到Executor中去运行的，所以当Executor中需要引用外部变量时，需要使用广播变量。累机器相当于统筹大变量，常用于计数，统计。二、具体原理1、广播变量广播变量理解图image注意事项1、能不能将一个RDD使用广播变量广播出去？不能，因为RDD是不存储数据的。可以将RDD的结果广播出去。2、广播变量只能在Driver端定义，不能在Executor
  • hackcon ctf 2018 | pwn wp fantasy_learner
    BOF漏洞点:栈溢出利用过程栈溢出跳转callMeMaybe函数获得flagexpSheSellsSeaShells90流程分析:给出了输入的栈地址有一个栈溢出点没有nx利用过程:根据以上三点，得出可以使用ret2shellcode使用shellcraft生成shellcode利用栈溢出，输入并跳转到shellcodeexpSimpleYetElegent150这道题目做了最久，卡在了能否根据_d
  • 机器学习和深度学习区别 hong161688 机器学习深度学习人工智能
    机器学习和深度学习作为人工智能领域的两大重要分支，虽然有着紧密的联系，但在多个方面存在显著的差异。以下将从定义与起源、技术基础、模型复杂度、数据需求、计算资源需求、应用领域以及学习方式与特点等角度，详细阐述机器学习和深度学习的区别。一、定义与起源机器学习：是人工智能的一个分支，它让计算机能够在没有明确编程的情况下，通过观察和分析大量数据来学习并做出预测或决策。机器学习起源于20世纪50年代，随着算
  • 网络拓扑结构 hushunhuadao
    星形：一个中心节点，其他节点和中心节点相连，网络型：任意两个节点之间互联，任意两个节点之间通信不需要经过其他节点，时效性，准确性树形：星形的扩展中心线形：基本废弃，受中间线性能瓶颈的影响环形：运营商采用这种环形，可以保证某一个断掉之后，还可以从下面走一圈到达除了网络型，其他网络拓扑结构，任意两点之间的通信，都需要经过第三个检点，这就有时间的消耗，和准确性的消耗，实际当中我们是看应用场景有钱，可以选
  • 种什么药材赚钱快？10种不愁销路的药材推荐！ 氧惠导师
    随着人们对养生健康的注重，中药材变得越来越受市场欢迎了，届时药材种植成了不错的赚钱项目，那2024年种什么药材赚钱？这几种不愁销路！➤推荐网购返利app“氧惠”，一个领隐藏优惠券+现金返利的平台。氧惠只提供领券返利链接，下单全程都在淘宝、京东、拼多多等原平台，更支持抖音、快手电商、外卖红包返利等。（应用市场搜“氧惠”下载，邀请码:521521，全网优惠上氧惠！）➤由于信息差的关系，很多剁手党都不曾
  • 越笨拙越努力 徐小晫
    给大家讲个故事。道光年间，湖南湘乡县有一个读书人从小读书非常刻苦，每天不背回一篇文章绝不睡觉。有一天黄昏，他坐在书桌前背诵宋代大文豪范仲淹的《岳阳楼记》时，有一个小偷，潜入他家，爬到房梁上，准备等这家人都睡着了，下来偷东西。结果没想到，这个年轻人怎么也背不过，小偷在房梁上睡了两觉，醒来一看，他还在那里背着呢。“庆历四年春，藤子京谪守巴陵郡。越明年，政通人和，百废俱兴，乃重修岳阳楼。。。。”听来听去
  • Nginx 1.26.0 爆 HTTP/3 QUIC 漏洞，建议升级更新到 1.27.0 明月登楼 LNMPnginxhttp运维HTTP/3
    据悉，Nginx1.25.0-1.26.0主线版本中涉及四个与NGINXHTTP/3QUIC模块相关的中级数据面CVE漏洞，其中三个为DoS攻击类型风险，一个为随机信息泄漏风险，影响皆为允许未经身份认证的用户通过构造请求实施攻击。目前已经紧急发布NGINX开源版（稳定版）1.26.1和NGINX开源版（主线版）1.27.0进行了修复，使用了Nginx1.25.0-1.26.0的HTTP/3QUIC
  • 计算机类毕业设计怎么做 李哥讲程序开发 课程设计毕设毕业设计
    计算机类的毕业设计通常是学生在大学学习期间的一个综合实践项目，旨在检验学生对所学知识的掌握程度以及解决实际问题的能力。以下是一些步骤和建议，可以帮助你完成计算机类的毕业设计：1.**选题与定位**：-选择一个你感兴趣的主题，这有助于保持动力并完成项目。-确保题目具有实际应用价值或理论研究意义。-考虑你的技能和知识水平，确保选择的题目既有挑战性又能够实现。2.**文献调研**：-阅读相关的书籍、学术
  • 基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署 源新网络 java开发语言
    基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • 十个让你受益终身的“秘密” 海龙王_6664
    01关于好好学习的“秘密”：跟书学不如跟人学，教别人是更好的学习方式。跟书学习是一个方法，但是对于学习的人有一定的要求，因为人的知识，阅历，理解力的因素，会导致跟书学习的效果没有跟人学习的效果好，所以双管齐下不失为一个好方法，书上学习搭建理论体系，链接牛人吸收经验教训，解答疑难困惑，学会以后再去教别人，自己会到教人会又是一个提升，就像足球运动中，“不是脱掉球鞋就能穿上皮鞋”，你是一个好球员不一定是
  • 用五一最简单的板做一个智能循迹小车 21电信1刘天明 知识分享单片机嵌入式硬件
    五一最简单板也就是单片机最小系统,或者称为最小应用系统,是指用最少的元件组成的单片机可以工作的系统.。这个系统适合初学者使用，并且制作智能小车，可以考验青少年的机械组装，器件链接，电子焊接，现场调试能力等。有一定挑战性，又十分有趣，深受青少年这个年龄段的喜爱，参加这样活动既能充分培养学生动手操作手脑协调能力，又有较高的思维训练价值，十分适合中小学生发展。做一个智能小车，首先你要学会一个编程语言并且
  • 都会结束的 深海里的少女
    考试吵架辞职失恋这些客观事实不会击垮任何人，能击垮一个人的是事情发生以后的精神状态。太害怕失败以后你最亲的人的讽刺所以害怕一切失败。现实生活当中没有人可以不失败，健康的心态是知道自己不足我会想办法弥补或者知道不足更加谦虚更加珍惜自己足的优势。不健康的是在错误的路上越走越远。你只有自己真的可以好好生活而不是凑合，你的生活里糟心的人也会越来越少。
  • C++——list常见函数的使用和模拟实现(2) Wangx_wang c++list开发语言
    在list的上一篇博客里实现了list基本的初始化、插入数据、删除数据的基本功能，这些功能的实现方式只是在原先链表的实现里加入了模版而已，但是list作为一个容器，它还有一个基础的东西——迭代器。list的迭代器和之前实现的string和vector很大不同，这里就专门进行list迭代器基本功能的模拟实现。list的迭代器本质上是一个指向list结点的一个指针，但是因为list的结点在内存中的分布
  • 2021-11-11 瑞雪兆丰2019
    推的哲学所以说，“化而裁之谓之变”。这个变很难有时候觉得这些句子不必要，但却把它保留；有时候觉得它必要，却硬把它删掉。政治的道理、做人的道理、处事的道理，同《易经》卦的道理是一样的，要化而裁之。这就是变！不过先要通，才能知变、才能处变，否则不能应付一个人生，更不能应付时代。懂得“化而裁之”，懂得变以后，“推而行之谓之通”，然后，要推行。我们现在只会喊口号，推行什么政策，把推行变成一个口号。要知道推
  • 追女生懂得“隐藏狼性”，是男生的顶级智慧 男魅情感
    你要坚信，女生的第六感很强，在追女生的全过程中，假如，你对她有太强的需求感，她会很显著地觉得到，随后，就逐渐生疏你情商高的男孩子，通常都明白“掩藏狼性文化”，即便再喜欢一个女生，他也会抑制对女生的需求感，它是一种顶尖的聪慧想像一下，倘若，有两个真实身份标准都一样的男孩子，在与此同时追求完美一个女生，在其中，一个男生对女生畏首畏尾，另一个男生则是一副不在乎的心态一般状况下，女生都是会挑选第二个男孩子
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他