zhangzhaoaaa
zhangzhaoaaa

html5 跨iframe的拖拽实现移动端页面设计器

     背景：前一阶段做了一个移动页面设计器，拖拽组件、设计器界面、组件属性都在同一个界面，导致设计器(手机壳)中的页眉和页脚位置，尤其是页脚在设计器中没办法像在真正手机中，固定在页面下方。这是由于jqm把整个页面当成了一个容器，如果页眉页脚fixed，那么页眉页脚就会跑到整个页面的最上方和最下方，而不是在设计器中，所以只能把设计器(手机壳)部分改成iframe，这样，把一个jqm完整的页面结构放入其中，页眉页脚就显示正确了。因为这个设计器是通过拖拽组件的方式生成页面，所以就出现了跨iframe的拖拽。

   功能：拖拽组件生成对应组件的代码，并且可以在iframe这个容器中拖动组件进行排序。

    技术：jquery 1.10,jquery-ui 1.11,html5

 

    抛砖引玉：因为这是公司的项目，我在此只抛砖引玉，做一个小例子，页面比较丑，但是功能是实现了。现公司项目，我就不放我们的设计器界面了，我找一个别人网站的设计器的图挂上来，能更明白移动端设计器。

    此设计器网站：猛戳

html5 跨iframe的拖拽实现移动端页面设计器_第1张图片

    废话少说，show me the code!

    主页面：

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主页面</title>
<style>
.component {border:solid #000000;width:100px;height:30px;}
</style>
</head>

<body>
<ul class="cpList">
    <li id="input_type" title="文本输入框" class="component">
        <div class="cpIcon"></div>
        <p>文本输入框</p>
    </li>
    <li id="label_type" title="文本"  class="component">
        <div class="cpIcon"></div>
        <p>文本</p>
    </li>
</ul>   
<iframe id="frame" name="frame" src="frame.html" style="margin:10px auto;display:block;border:solid 1;"></iframe> 
</body>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(function(){
	//可拖拽组件初始化
	$('.cpList li').each(function(){
		$(this).attr("draggable","true");
	});
})

</script>
</html>

 

 

     iframe页面：

    

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link type="text/css" rel="stylesheet" href="jquery-ui.css"/>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery-ui.js" type="text/javascript"></script>
<script src="draggable.js" type="text/javascript"></script>
<style>
.liClass {border:solid #000000;width:180px;height:30px;}
.tab {min-height:100px;}
</style>
</head>

<body>
<ul class="tab">
<li class="liClass"><label>aaaaaaa</label></li>
</ul>
</body>
<script>
$(function(){
	$(".cpList", parent.document).find("li").each(function() {
		$(this).on("dragstart", function(ev) {//开始拖拽
			var dt = ev.originalEvent.dataTransfer;
			dt.setData('Text', ev.target.id);//将拖拽组件ID传入
		});
	});
	//拖拽组件
	Draggable({destId:".tab",dragTag:"li"});
})
</script>
</html>

 

    draggable.js代码：

   

function Draggable(options){
	var options = options||{};
	var tag = options.dragTag||"LI";//目前只支持li
	tag = tag.toUpperCase();
	var $dest = $(options.destId);//拖拽放入的容器对象
	$dest.on("dragover", function(ev) {
		ev.preventDefault();
	});
	$dest.on("drop", function(ev) {
		ev.preventDefault();
		var df = ev.originalEvent.dataTransfer;
		var data = df.getData("Text");
		var el = ev.target;//目标对象
		var ctx = $(this).get(0);//当前容器
		if (data==""){
			return false;
		}
		do {
			var litem = document.createElement('li');
			var item = $(litem);
			var html = "";
			if (data=='input_type'){
				html = "<input type='text' readonly value='test' />";
			}else if (data=='label_type'){
				html = "<label>测试文本</label>";
			}
			$(item).addClass("liClass");
			$(item).html(html);
			if ($(this).children().length>0){//当前容器下有li
				if(tag === '' || el.nodeName == tag){//当前目标对象的tagName是LI
					if (el.nextElementSibling){//如果当前对象的下一个兄弟节点存在，那么就将当前拖拽的对象插入到这个兄弟节点的前面
						el.parentNode.insertBefore($(item).get(0),el.nextElementSibling);
					}else{//兄弟节点不存，那么直接append到容器中
						ctx.appendChild($(item).get(0));
					}
				}
			}else{//当前容器下没有li，直接append进这个容器中
				ctx.appendChild($(item).get(0));
			}
		}
		while(el !== ctx && (el = el.parentNode));//当前目标对象不是容器，那么就将当前目标对象的父级节点赋值给当前目标对象
	});
	$dest.sortable();//JQUERY UI sortable组件
	return (function(){
		
	})(options);
}

 

 

 

你可能感兴趣的:(html5,页面设计器,跨iframe拖拽)

  • 如何用DevEco Studio的ArkUI Inspector轻松搞定鸿蒙应用UI布局 harmonyos
    作为一名鸿蒙应用开发者，我最近遇到了一个让我头疼不已的UI问题——一个看似简单的页面布局，却在真机上出现了严重的错位问题。按钮重叠、文本溢出、图片显示不全……这些问题不仅影响了用户体验，还让我在调试过程中焦头烂额。幸运的是，ArkUIInspector的出现，帮助我快速定位并解决了这些问题。今天，我想和大家分享这段经历，希望能为正在面临类似挑战的开发者们提供一些启发。问题背景：复杂的UI布局，隐藏
  • 数据治理的专题库 魔王阿卡纳兹 IT杂谈大数据治理与分析数据治理专题库数据仓库
    数据治理专题库的全面解析一、专题库的定义与定位数据治理专题库是围绕特定业务领域或场景构建的专业化数据库，其核心在于业务导向性和自主性。与基础库（如人口、法人、地理信息等跨部门核心实体数据）和主题库（如市场监管中的食品监管、质量检查等跨领域整合数据）不同，专题库由委办局、街镇等业务单位自行建设，服务于具体业务需求，例如环境监测中的“大气污染专题库”或城市治理中的“应急事件专题库”。其数据来源既包括单
  • CSS层叠顺序 qchengju css前端
    介绍在CSS中，元素的层叠顺序决定了当多个元素重叠时（跟布局没有完全的关系，也就是说层叠顺序只会在几个叠放元素上进行比较，而不会改变布局），哪个元素显示在最上面，哪个元素显示在最下面。默认情况下，元素的层叠顺序是由它们在HTML中出现的顺序决定的——后出现的元素会覆盖前面元素的显示区域。但CSS提供了多个方式来调整这个顺序，确保元素按照特定的需求进行堆叠。视觉层叠在浏览器渲染页面时，如果多个元素的
  • 支付宝H5下载被拦截的原因排查与解决指南 云心雨禅 技术实操阿里云网络协议网络安全
    在支付宝H5页面中出现“请确保该下载文件来源安全”的提示，通常是支付宝为了保障用户安全，对第三方链接或文件进行的安全拦截。以下是可能原因和解决方案的详细分析：一、可能原因支付宝安全策略限制支付宝对所有第三方链接和文件下载都有严格的安全检测机制，尤其是针对文件来源、协议、类型等进行限制，以防止恶意软件或钓鱼攻击。文件下载方式不符合规范自动触发下载：如果页面加载时自动执行下载（如通过javascrip
  • 一文解读DeepSeek在银行业的应用 神马行空 DeepSeek大模型人工智能DeepSeek行业应用银行
    引言随着人工智能技术的快速发展，大语言模型（LLM）已成为银行业数字化转型的核心驱动力。作为高性能开源大模型的代表，DeepSeek凭借其低成本、高推理效率及跨场景适配能力，正加速渗透至银行核心业务场景。据不完全统计，截至2025年3月，已有包括国有大行、股份制银行及城商行在内的20余家银行完成DeepSeek本地化部署，覆盖精准营销、智能风控、客户服务、投资决策等领域，推动银行业务效率提升与服务
  • 【React学习笔记】第一章：React入门 Mae_cpski 前端-Reactreact.js学习笔记
    1.React介绍中文官网：https://react.docschina.org/英文官网：https://reactjs.org/1.1React是什么react是一个用于构建用户界面的开源JavaScript库。（操作DOM呈现页面）由Facebook的软件工程师JordanWalke创建，于2011年部署于Facebook的newsfeed；2012年部署于Instagram；2013年5
  • 报表开发 - UReport2 与 积木报表（JimuReport） 技术选型对比分析 天机️灵韵 开源项目编程语言开源项目语言模型报表ureport
    以下是UReport2与积木报表（JimuReport）的技术选型对比分析，结合两者功能特性、使用场景及技术生态，从多个维度综合评估：一、核心功能对比维度UReport2积木报表（JimuReport）报表设计模型基于单元格的依赖关系（左右父格、上下父格），适合复杂交叉报表设计2类Excel拖拽式设计，支持无限行/列、合并单元格，适合快速构建灵活布局图表支持基础图表类型有限支持28+种图表（如柱状
  • Django(part44)--制作分页 GUI Research Group python后端djangopython
    学习笔记，仅供参考文章目录制作分页第一步第二步第三步制作分页现在，我们以Blog里的mywebsite_bookstore项目为例，对图书展示界面进行分页操作。第一步对图书展示界面中的35条图书记录，以每页10条记录为标准进行分页操作，并在页面下方展示页面跳转超链接。在templates模板文件中，我们创建一个新的模板book.html：<htmllang="en"<
  • JavaScript基础-动画函数封装 難釋懷 javascript开发语言
    在Web开发中，实现页面元素的动态效果是提升用户体验的重要手段之一。JavaScript提供了多种方式来创建动画效果，但直接使用这些API往往需要编写冗长且重复的代码。为了提高效率和代码的可维护性，封装动画函数成为了一个非常实用的方法。本文将介绍如何封装一个通用的动画函数，并探讨其应用场景。一、理解动画的基本原理在讨论动画函数之前，我们首先需要了解动画的基本原理。动画本质上是一系列快速连续变化的状
  • Vue 组件通信 - 中央事件总线 JSON_L 前端#Vuevue.js前端javascript
    Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue组件通信-中央事件总线目录中央事件总线图示准备工作设置页面元素创建组件总结中央事件总线使用vue的监听和触发来实现中央事件总线方式。on监听emit触发，组件按钮绑定点击事件，在事件内部触发。图示准备工作引入Vue及设置图片样式。准备数据源通过小说网站拿到的json数据；放在本地json文件中，等待之后请求访问。示例如下：.item
  • 超详细教程-Django+Bootstrap构建博客分页功能 云袖秀大本营 #Django博客项目
    展现效果实现规则：默认展示7个分页按钮（previous与next不算）页面范围等于1:不展示所有页面范围小于等于7，全部展示:1234567所有页面范围大于7，需展示省略符例如共8，当前页为1-4：12345。8例如共8，当前页为5：1。456。8(这种情况，当前页始终位于页面导航中部)例如共8，当前页为6-8：1。45678前端实现：{#一页不展示分页栏#}{%ifpaginator.num_
  • C/S与B/S架构 lastriches 架构
    目录C/S架构什么是C/S架构优缺点B/S架构什么是B/S架构优缺点对比项C/S架构B/S架构安装相对复杂，要安装单独客户端软件易于安装，与平台无关，只需要浏览器软件部署和维护部署维护较为繁琐，升级难易于部署和维护，容易升级在线工作可以离线工作，前提是本地有缓存数据，涉及数据库同步需在线工作，工作效率受网络情况影响较大客户端资源利用充分利用客户端计算机资源只能通过浏览器页面交互，没有充分利用客户端
  • 鸿蒙ArkUI状态管理：LocalStorage的深度解析与实践 Z17530520313 harmonyos华为笔记
    在鸿蒙应用开发中，状态管理是构建复杂交互的核心。ArkUI提供了多种状态管理方案，其中LocalStorage作为页面级状态共享工具，因其轻量易用的特性备受关注。本文将深入剖析LocalStorage的设计原理、使用场景及避坑指南，并通过实战代码展示其最佳实践。一、LocalStorage的核心定位1.与AppStorage的区别作用域：AppStorage：应用全局单例，适合跨页面共享数据（如用
  • VMware Aria Operations 8.18.3 - 多云 IT 运维管理 esxi
    VMwareAriaOperations8.18.3新增功能简介VMwareAriaOperations8.18.3-多云IT运维管理通过统一的高性能平台，实现跨私有云、混合云和多云环境的IT运维管理。请访问原文链接：https://sysin.org/blog/vmware-aria-operations/查看最新版。原创作品，转载请保留出处。作者主页：sysin.org新增功能VMwareAr
  • HTML 入门教程 星光5422 html前端
    一、什么是HTML？HTML（HyperTextMarkupLanguage）是用于创建网页的标准标记语言。它通过标签（tags）来定义网页的结构和内容。二、基础结构每个HTML文档都从以下基本结构开始：我的第一个网页声明文档类型根元素包含元信息（不会显示在页面上）浏览器标签页显示的标题可见的页面内容三、常用基础标签标题（Heading）这是最大的标题第二级标题第三级标题段落（Paragraph）
  • macOS Ventura 13.7.5 (22H527) Boot ISO 原版可引导镜像下载 macos
    macOSVentura13.7.5(22H527)BootISO原版可引导镜像下载本站下载的macOS软件包，既可以拖拽到Applications（应用程序）下直接安装，也可以制作启动U盘安装，或者在虚拟机中启动安装。另外也支持在Windows和Linux中创建可引导介质。请访问原文链接：https://sysin.org/blog/macOS-Ventura-boot-iso/查看最新版。原创
  • 淘宝商品详情API接口（稳定版json数据示例参考） Json_18179014480 API大数据json数据库大数据
    以下是关于淘宝商品详情API接口的详细说明及稳定版JSON数据示例参考：一、商品详情API接口调用流程注册与认证注册开发者账号并完成实名认证。创建应用，获取AppKey和AppSecret（调用接口的身份凭证），需妥善保管。权限申请在应用管理页面申请taobao.item.get（商品详情接口）权限，部分高级接口需提交业务场景说明，审核通过后方可使用。构造请求请求地址：请求参数（以获取单个商品详情
  • 二手车置换平台微信小程序系统源码独立部署 博纳软云家卫miui52086 嗖微miui52086微信小程序小程序uni-app微信公众平台微信
    二手车置换平台小程序系统：基于ThinkPHP+Uniapp的生态化解决方案与SEO实战策略随着汽车消费市场的升级与循环经济理念的普及，二手车置换平台小程序系统已成为连接买家与卖家、激活存量车交易的核心工具。该系统通过整合车源发布、智能匹配、在线评估、交易担保等功能，构建了高效透明的二手车流通生态。依托ThinkPHP+Uniapp技术栈的稳定架构与跨端能力，平台不仅实现全流程数字化服务，更为搜索
  • 01 - spring security自定义登录页面 shuair springsecurityspringjava后端
    springsecurity自定义登录页面文档00-springsecurity框架使用使用浏览器自带的登录页面添加一个配置类WebSecurityConfig.java，后续内容也会在此类中进行配置packagexin.yangshuai.springsecurity03.config;importorg.springframework.context.annotation.Bean;impor
  • nextjs系列教程(三)：pages和路由 HarryDeveloper #nextjs合集javascript前端react.js
    Pages页面用法1.1概念介绍在Next.js中，一个page（页面）就是一个从.js、jsx、.ts或.tsx文件导出（export）的React组件，这些文件存放在pages目录下。每个page（页面）都使用其文件名作为路由（route）。1.2创建page页面如果你创建了一个命名为pages/about.jsx的文件并导出（export）一个如下所示的React组件，则可以通过/about
  • HTML5 vs HTML 和 CSS3 vs CSS：全面对比 @程序员ALMJ htmlcsshtml5css3
    HTML5与HTMLHTML概述HTML(HyperTextMarkupLanguage)是构建网页的标准标记语言。HTML经历了多个版本的发展：HTML2.0(1995年)：最早的标准化版本HTML4.01(1999年)：增加了样式表支持XHTML(2000年)：基于XML的更严格版本HTML5(2014年正式发布)：现代网页标准HTML5的主要特点语义化标签：引入了更具描述性的元素多媒体支持：
  • 掌握FastAPI与Pydantic的跨字段验证技巧
    title:掌握FastAPI与Pydantic的跨字段验证技巧date:2025/04/0100:32:07updated:2025/04/0100:32:07author:cmdragonexcerpt:FastAPI中的Pydantic跨字段一致性验证用于处理用户注册、表单提交等场景中多个字段的联合验证需求。Pydantic通过验证器装饰器和根验证器实现字段间的联合判断，如密码确认、邮箱匹配
  • ShareSDK全面适配鸿蒙NEXT 前端
    截至2025年3月，HarmonyOSNEXT用户已突破6亿，覆盖手机、平板、车机等全场景终端，应用市场原生应用数量超3万款，生态增速达50%以上。在这一背景下，用户对应用的社交分享需求日益多元化——从内容传播到跨端引流，再到用户裂变，高效的社会化能力已成为应用用户增长的核心竞争力。MobTech袤博科技旗下ShareSDK作为国内领先的社交分享组件，早在2021年便启动鸿蒙适配研究，并于2024
  • 解构 HarmonyOS：技术神话背后的理性审视 Wnq10072 harmonyos华为华为云华为odlinuxwindows负载均衡
    一、微创新≠革命性创新：分布式技术的本质局限HarmonyOS宣称的"分布式操作系统"本质上是对现有技术的整合与优化。其核心的"超级终端"概念，实质是通过软总线技术实现设备间资源调度，这一思路在IEEE2015年发布的边缘计算标准中已有雏形。华为通过"硬件互助"实现跨设备协同，本质上与微软2017年提出的Continuum技术并无颠覆性差异。尽管HarmonyOS3引入了超级内存管理和超帧游戏引擎
  • 算力网协同驱动多场景智能升级 智能计算研究中心 其他
    内容概要算力网络作为数字基础设施的核心载体，正通过架构优化与资源协同机制重塑多场景智能生态。以异构计算与边缘计算为技术突破口，算力供给模式逐步从集中式向分布式演进，支撑AI模型训练、工业互联网及元宇宙等复杂场景的实时响应需求。通过对12类典型应用场景的算力部署方案分析，可见生物计算与量子比特等技术突破正在加速跨领域融合创新。在算力调度策略方面，动态负载均衡与能效优化成为关键，需结合电力供应、散热系
  • H800加速引擎与能效突破 智能计算研究中心 其他
    内容概要H800加速引擎作为新一代异构计算平台的核心组件，其设计理念聚焦于能效优化与场景化性能突破。基于第五代异构架构，该引擎通过智能功耗管理系统与动态频率调节技术的协同作用，在硬件层实现了算力与能耗的动态平衡。值得注意的是，其混合精度计算单元通过灵活配置FP16、INT8及BF16精度模式，显著降低了大规模模型训练中的资源开销，而分布式缓存设计则通过数据局部性优化，减少了跨节点通信带来的延迟与能
  • 智能模型优化与跨行业应用技术演进 智能计算研究中心 其他
    内容概要随着人工智能技术向纵深发展，智能模型优化已成为驱动跨行业应用落地的核心引擎。当前技术演进聚焦于超参数调优、正则化策略与模型压缩等关键方法，通过迁移学习实现跨领域知识迁移，显著提升模型泛化能力。以TensorFlow、PyTorch为代表的深度学习框架，在医疗影像诊断与金融时序预测场景中展现出差异化优势，例如PyTorch动态计算图特性加速了高频交易模型的迭代效率。与此同时，边缘计算通过分布
  • 智能算法安全优化与多领域应用实践 智能计算研究中心 其他
    内容概要在智能算法快速渗透产业核心场景的背景下，安全优化与多领域协同应用成为技术落地的关键命题。当前研究聚焦于构建算法全生命周期的安全防护体系，通过联邦学习实现数据隐私保护与跨机构协作的平衡，借助可解释性算法增强医疗影像分析、金融风控等场景的模型透明度。同时，生成对抗网络在自动驾驶感知系统优化与数据增强中的应用，需同步解决对抗攻击防御与生成样本可信度验证问题。技术实践中，特征工程与超参数优化直接影
  • 算力生态协同驱动多域智能升级 智能计算研究中心 其他
    内容概要当前算力生态正经历从单一技术突破向多维度协同演进的范式转变。以异构计算架构为技术底座，边缘计算节点与量子计算单元形成互补性布局，构建起覆盖云端、终端及边缘侧的三层算力网络。通过跨地域资源调度平台与智能编排系统，工业互联网场景中的实时控制需求与元宇宙高并发渲染任务得以实现动态适配。在此过程中，算法层面的模型压缩技术与数据治理体系持续优化算力使用效率，而芯片架构创新则从存算一体、光子计算等方向
  • （pytorch-深度学习）实现稠密连接网络（DenseNet） 我是一颗棒棒糖 DeepLearning学习卷积神经网络深度学习tensorflow神经网络
    稠密连接网络（DenseNet）ResNet中的跨层连接设计引申出了数个后续工作。稠密连接网络（DenseNet）与ResNet的主要区别在于在跨层连接上的主要区别：ResNet使用相加DenseNet使用连结ResNet（左）与DenseNet（右）:图中将部分前后相邻的运算抽象为模块AAA和模块BBB。DenseNet里模块BBB的输出不是像ResNet那样和模块AAA的输出相加，而是在通道维
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，Django@Python2.x 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他