阿飞超努力
阿飞超努力

每天学一个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)

  • 每日一题——二叉树的深度 tt555555555555 面经C语言算法题算法数据结构
    二叉树的最大深度问题描述示例方法一：递归法代码实现代码解析方法二：层次遍历（广度优先搜索）代码实现代码解析总结问题描述给定一个二叉树的根节点root，返回其最大深度。二叉树的最大深度是指从根节点到最远叶子节点的最长路径上的节点数。示例示例1输入：root=[3,9,20,null,null,15,7]输出：3解释：从根节点到最远叶子节点的最长路径为3->20->15或3->20->7，路径长度为3
  • python 数据可视化matplotib库安装与使用 范哥来了 信息可视化python开发语言
    要使用matplotlib库进行数据可视化，首先你需要确保已经安装了该库。如果你还没有安装，可以通过Python的包管理器pip来安装它。在你的命令行工具中运行以下命令来安装matplotlib：pipinstallmatplotlib安装完成后，你就可以开始使用matplotlib来创建图表了。下面是一个简单的例子，演示如何使用matplotlib绘制一个基本的折线图。这个例子可以被添加到你当前
  • 为了拯救minerU镜像制作过程给大家带来的痛苦，我决定放一个备份到阿里云上 几道之旅 人工智能智能体及数字员工人工智能
    文章目录第零步，如果你只是想用这个镜像，那你后面的都不用看。第一步，搜索阿里云，并进入官网第二步，把光标放在产品上，就会出现所有的产品目录第三步容器中，选择容器镜像服务第四步，点击“免费试用，就会让你登录”第五步，点击管理控制台第六步，示例列表中，选择个人版第七步，访问凭证中，设置固定密码第八步，在命名空间中，创建命名空间第九步：创建一个镜像仓库第十步，它会直接跳转到一个说明文档，告诉你具体该怎么
  • react-11（自定义hook、useRef） 我只是想饮一杯奶茶 reactJavaScriptreact.jsjavascript前端typescript
    自定义hook主要是我们利用已有的hook,实现hook的效果，并在其他地方引用。（感觉像是封装了一个方法）//定义constfetchHook=(url)=>{const[data,setData]=useState({})const[loading,setLoading]=useState('')useEffect(()=>{setLoading('loading')axios.get(url
  • 高云FPGA的管脚约束文件的复制 在岸上走的鱼 fpga开发嵌入式硬件硬件架构
    问：Gowin里面能不能直接拷贝一个管脚约束文件进去用？答：可以直接拷贝，但是拷贝前后两个工程对应的芯片必须要是同一个芯片拷贝方法:第一步：按照被拷贝约束文件对应的芯片新建一个工程，然后将原工程文件夹“src”里面的“.cst”文件拷到新建工程的相同目录下，第二步：回到新建工程目录下，点击芯片名右击，如下图：将“.V”文件和“.cst”文件一同加入这个工程，最后综合，布局布线就可以了，注意：有时拷
  • 洛谷每日1题-------Day25__P1424 小鱼的航程（改进版） __雨夜星辰__ 洛谷每日1题算法c++数据结构学习笔记
    题目描述有一只小鱼，它平日每天游泳250公里，周末休息（实行双休日)，假设从周x开始算起，过了n天以后，小鱼一共累计游泳了多少公里呢？输入格式输入两个正整数x,n，表示从周x算起，经过n天。输出格式输出一个整数，表示小鱼累计游泳了多少公里。输入输出样例输入#1复制310输出#1复制2000说明/提示数据保证，1≤x≤7，1≤n≤106。题解#includeusingnamespacestd;int
  • 单链表的操作 知行合一←_← 数据结构数据结构
    单链表单链表是什么单链表是一种线性的链式存储结构，由多个节点组成（头结点，中间节点和尾结点），单链表的存储结构图如下：来源于网页单链表的节点是分散的，与数组不同，数组的存储结构是连续的，单链表的每个节点存储了本节点的数据和下一个节点的地址，只能单向的查找。单链表的操作单链表的操作主要包括，创建，增删改查，翻转，排序。单链表的创建单链表的创建就是创建一个头结点这里有两种创建方式，一种是仅仅创建一个头
  • python 数据可视化TVTK库安装与使用 范哥来了 信息可视化python开发语言
    TVTK（Traits-basedVisualizationToolKit）是一个基于Python的可视化库，它为VTK（VisualizationToolkit）提供了一个更易于使用的接口。VTK本身是非常强大的可视化工具，但使用起来可能稍微复杂一些，而TVTK通过简化API来提高易用性。下面我将指导您如何安装TVTK以及一个简单的示例来展示其基本用法。安装TVTKTVTK可以通过pip轻松安装
  • python web开发flask库安装与使用 范哥来了 python前端flask
    要在Python中使用Flask进行Web开发，首先需要安装Flask库。Flask是一个轻量级的Web框架，它使开发者能够快速构建网站或web服务。下面是安装Flask和创建一个简单的Flask应用程序的基本步骤。安装Flask确保您的环境中已经安装了Python（推荐版本3.7或更高）。接着，您可以通过pip来安装Flask。打开命令行工具（如终端或命令提示符），然后执行以下命令：pipins
  • 深度解析 React useRef Hook 的使用 Jason Ma丶丶前端工程师 Reactjavascriptreact.jsjavascript前端
    useRef返回一个可变的ref对象，其.current属性被初始化为传入的参数（initialValue）。返回的ref对象在组件的整个生命周期内持续存在。命令式地获取及操作DOM：functionTextInputWithFocusButton(){ //通过useRef创建并获取Dom元素 constinputEl=useRef(null);   constonButtonClick=()=
  • Pytorch使用手册—扩展 TorchScript 使用自定义 C++ 操作符（专题五十三） AI专题精讲 Pytorch入门到精通pytorchc++人工智能
    提示本教程自PyTorch2.4起已弃用。有关PyTorch自定义操作符的最新指南，请参阅PyTorch自定义操作符。PyTorch1.0版本引入了一种名为TorchScript的新编程模型。TorchScript是Python编程语言的一个子集，可以被TorchScript编译器解析、编译和优化。此外，编译后的TorchScript模型可以选择序列化为磁盘文件格式，随后你可以从纯C++（以及Py
  • Web Component 教程（六）：基于 Stencil 脚手架开发 Web Component 乐闻x WebComponent学习记录前端webcomponentstencli
    前言在现代前端开发中，WebComponent是一种逐渐受到关注的技术，它允许我们创建可以在任何框架或库（如React,Angular,Vue等）中使用的可重用组件。而Stencil是一个强大的开发工具，它帮助我们轻松构建这些WebComponent，使开发过程更高效、更简洁。那么，究竟如何使用Stencil来开发WebComponent呢？今天，我们就来探索这一主题，从安装和设置，到创建和使用组
  • React Material Components Web 使用教程 计煦能Leanne
    ReactMaterialComponentsWeb使用教程react-mdc-webMaterialDesignComponentsforReact项目地址:https://gitcode.com/gh_mirrors/re/react-mdc-web项目介绍ReactMaterialComponentsWeb（简称react-mdc-web）是一个基于Google的MaterialDesign
  • 使用 MistralAI 平台进行开源模型托管与调用 VYSAHF python
    MistralAI是一个提供开放源码模型托管的平台，致力于帮助开发者更轻松地使用和管理开源模型。通过该平台，你可以方便地调用强大的深度学习模型，并将其集成到你的应用中。本文将带你了解如何利用MistralAI提供的服务来进行模型的托管和调用。技术背景介绍MistralAI的服务包括了如聊天模型和嵌入模型等，这些模型适用于聊天机器人、文本嵌入等各种场景。使用这些模型需要注册并获取一个有效的API密钥
  • 后“智驾平权”时代，谁为安全冗余和体验升级“买单” 高工智能汽车 安全人工智能
    线控底盘，正在成为新势力争夺下一个技术普及红利的新赛点。尤其是进入2025年，比亚迪、长安等一线传统自主品牌率先开启高阶智驾的普及战，加上此前已经普及的智能座舱，舱驾智能的「科技平权」进一步加速行业启动「线控底盘」上车窗口期。去年4月，华为数字能源率先对外发布了DriveONE纯电智动方案，并与车企在EMB线控制动领域率先展开深度合作。这套方案通过驱动和制动系统的融合控制，来大幅缩短刹车距离和高速
  • 区块链驱动金融第二章 —— 探秘比特币的去中心化之路 小DuDu 区块链技术驱动金融区块链
    在当今数字化时代，比特币作为一种新兴的数字货币，其去中心化的特性备受关注。它打破了传统金融体系中对中心化机构的依赖，构建起一个独特的信任机制。这背后究竟隐藏着怎样的奥秘？让我们一同深入揭开比特币去中心化的神秘面纱。比特币去中心化的多面剖析去中心化的概念辨析在探讨比特币如何去中心化之前，我们需要明确去中心化的概念。去中心化并非比特币所独有，在互联网、电子邮件等领域都有体现。并且，没有一个系统是完全中
  • 解释 一下什么是 React 的 useRef Hook 祈澈菇凉 react.jsjavascript前端
    useRef是React中的一个Hook，用于创建一个可以持久化存储的可变引用。它通常用于访问DOM元素或保存任何可变值，而不触发组件的重新渲染。本文将详细介绍useRef的定义、用法、适用场景及最佳实践。1.什么是useRef？1.1定义useRef是一个Hook，用于创建一个可变的引用对象。它返回一个包含.current属性的对象，.current属性可以用来存储任何值。与组件的状态（stat
  • 使用LangChain与Amazon Bedrock构建JCVD风格的Chatbot scaFHIO langchainpython
    技术背景介绍在人工智能时代，构建一个智能化的聊天机器人不仅是一个趋势，更是提升与用户互动体验的关键之一。本文将向你展示如何使用LangChain和AmazonBedrock构建一个仿效让·克劳德·范·达美（JCVD）风格的聊天机器人。我们将借助于Anthropic提供的Claude模型，通过AmazonBedrock强大的基础设施来实现这一目标。核心原理解析LangChain作为一个强大的框架，简
  • 部分标签数据集生成与过滤特定标签方法 阳光明媚大男孩 机器学习人工智能
    完整代码总结这段代码的目的是通过构建一个部分标签学习（PartialLabelLearning,PLL）框架来生成一个包含部分标签的数据集，并且支持根据给定的标签列表对数据集进行筛选和过滤。代码包含了多个类和函数，主要分为以下几部分：数据预处理与加载：使用PyTorch和torchvision来加载CIFAR-10数据集，并对其进行标准化处理。部分标签数据集的生成：为每个样本生成多个候选标签，并模
  • Node.js技术原理分析系列6——基于 V8 封装一个自己的 JavaScript 运行时 前端node.js
    Node.js是一个开源的、跨平台的JavaScript运行时环境，它允许开发者在服务器端运行JavaScript代码。Node.js是基于ChromeV8引擎构建的，专为高性能、高并发的网络应用而设计，广泛应用于构建服务器端应用程序、网络应用、命令行工具等。本系列将分为9篇文章为大家介绍Node.js技术原理：从调试能力分析到内置模块新增，从性能分析工具perf_hooks的用法到ChromeD
  • 小红书不绑定手机号会显示ip吗 hgdlip iptcp/ip网络协议网络
    小红书作为一个生活方式分享平台，拥有庞大的用户群体。在小红书上，用户可以分享自己的生活点滴、购物心得、美食体验等，与其他用户进行互动交流。最近，不少用户对于小红书是否会在不绑定手机号的情况下显示IP属地产生了疑问，本文将深入探讨这一问题。对于小红书是否会在不绑定手机号的情况下显示IP地址这一问题，我们可以从以下几个方面进行分析：小红书的隐私政策‌：小红书一直致力于保护用户隐私，其隐私政策明确规定了
  • 利用你的完美主义天赋—超能力使用指南（上） 魙先生 辨证系列生活问题都有解/让自己变更好工作问题都有解/让工作更顺利生活
    前情回顾：《完美还是完成》（二）：你的完美主义—从缺陷到超能力你的过度准备，有时会沉淀为他人无法复制的专业壁垒你的想太多，其实是提前填坑把焦虑变成“弹药库”，需要时随时掏证据。完美主义不是胆小，而是带着救生圈学冲浪本期：《完美还是完成》（三）：请好好利用你的完美主义天赋—完美主义的超能力使用指南：怎么做（细化方法篇）■怎么做：方法把完美主义工具化，让它为你所用●允许战略不完美，践行60分微习惯：完
  • 【附JS、Python、C++题解】Leetcode面试150题（7） moz与京 leetcode整理javascriptpythonc++
    一、题目167.两数之和II-输入有序数组给你一个下标从1开始的整数数组numbers，该数组已按非递减顺序排列，请你从数组中找出满足相加之和等于目标数target的两个数。如果设这两个数分别是numbers[index1]和numbers[index2]，则1targetIndex(vectornums,inttarget){intlength=nums.size();if(length<2){
  • 解决npm run dev运行后报错：”Could not read package.json: Error: ENOENT: no such file or directory“ moz与京 实训期间报错整理npmjson前端
    在启动一个项目的前端时，执行npmrundev命令，结果报错如下：根据报错提示："npmerrorerrno-4058"通常是由于文件系统权限问题或文件路径问题导致的。这个错误码表示在执行某个操作时，npm无法访问或修改某个文件或目录。在这个情境下，想到是因为没有指定项目文件就在终端执行了命令。先cd到目标文件夹中：cdclient进入到前端文件夹目录，再执行原命令，发现项目启动成功。这一报错解决
  • 深入解析 .NET 中的依赖项加载机制：原理、实现与最佳实践 江沉晚呤时 Netcore前端数据库c#.netcore
    在现代应用程序的开发中，依赖项管理与加载是非常重要的组成部分，尤其是在大型系统中，如何高效地加载和管理依赖项可以极大地影响应用程序的性能、可维护性和扩展性。在.NET中，依赖项加载不仅涉及静态依赖的管理，还包括动态加载组件和程序集的能力。本文将详细讲解.NET中的依赖项加载机制，覆盖从静态依赖注入到动态加载的所有重要概念。1.依赖项加载的基本概念1.1依赖项与依赖注入（DI）依赖项是一个对象在其生
  • “by” the way ——借ViewModel创建方式探索Kotlin的委托机制 Omnipotent_7 kotlinandroidjava
    文章目录获取viewModel的新方法旧方法新方法什么是委托模式？那么委托模式到底是什么呢？类委托应用场景属性委托的应用场景“by”关键字到底是啥总结获取viewModel的新方法旧方法有新方法肯定要先介绍一下旧方法。在传统的viewModel获取中，我们都有这样一个经验——不能在Activity里直接创建viewModel对象。因为ViewModel的生命周期是长于Activity的，如果在Ac
  • 汇川EASY系列之以太网通讯（MODBUS_TCP做主站） Amos_ FAT 汇川EASY网络网络协议经验分享信息与通信
    汇川Easy系列以太网通讯中（MODBUSTCP,plc做主站），终于可以不用使用指令就可以完成了，全程通过简单的配置就可通讯。本文将通过EASY系列PLC与调试助手之间完成此操作。具体演示如下；关于主站和从站的介绍A／请求：即主动方向被动方发送的一个要求的信息。B／主站：发送请求的一方，整个通讯的发起方，在不同的软件中可能称呼不同，例如：Master、Client,对应的中文：主站，客户端。C/
  • 企业架构与IT方法论：现代企业的基石 北漂老男孩 架构
    在当今快速变化的商业环境中，企业架构和IT方法论扮演着至关重要的角色。它们为企业提供了一个系统化的框架，用于规划、设计和管理复杂的IT系统。本文将探讨企业架构和IT方法论的核心概念及其在现代企业中的应用。什么是企业架构？企业架构（EA）是一个用于描述企业结构和运营的框架。它帮助企业定义其IT基础设施与业务目标之间的关系。通过企业架构，组织可以更好地理解和优化其业务流程和信息系统。常见的企业架构框架
  • 知识管理系统：构建企业智慧大脑 AI天才研究院 ChatGPTAI大模型企业级应用开发实战DeepSeekR1&大数据AI人工智能大模型大厂Offer收割机面试题简历程序员读书硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLMJavaPython架构设计Agent程序员实现财富自由
    第一部分：知识管理概述与重要性第1章：知识管理的定义与基本概念1.1.1知识管理的起源与发展知识管理（KnowledgeManagement，KM）起源于20世纪80年代，当时企业在市场竞争中逐渐意识到知识作为一种战略资源的重要性。早期的知识管理实践主要集中在知识的收集、存储和传播上。随着信息技术的发展，知识管理逐渐融入了更先进的技术手段，如数据挖掘、人工智能和大数据分析，使其成为一个跨学科、多领
  • 六十天前端强化训练之第二十一天大师级详解 React Context API：从原理到实战 编程星辰海 #前端前端react.jsjavascriptReactContextAPI
    =====欢迎来到编程星辰海的博客讲解======看完可以给一个免费的三连吗，谢谢大佬！目录一、庖丁解牛：深入理解ContextAPI1.1设计哲学与运转机制工作原理三步曲：1.2核心三剑客详解1.3性能优化要诀二、手把手实现主题切换系统2.1完整代码实现（逐行注释版）2.2配套CSS样式设计三、关键知识点拆解3.1状态初始化策略3.2CSS变量注入原理3.3性能优化实践3.4可访问性最佳实践四、
  • 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其他