blog_liuliang
blog_liuliang

Jquery购物车抛物线效果

Jquery购物车抛物线效果

   最近被论文搞得焦头烂额。好久没来逛了。之前做设计的时候发现一个抛物线效果，挺简单的也蛮好用。今天拿来分享一下。主要用到Jquery里的fly插件和event.page事件。在此之前，先要引用两个JS文件。

<script src="jquery.js"></script> 
<script src="jquery.fly.min.js"></script>

然后，当当当，重要的function来啦。 
<script> 
$(function() { 
    var offset = $("#end").offset(); 
    $(".addcar").click(function(event){ 
        var addcar = $(this); 
        var img = addcar.parent().find('img').attr('src'); 
        var flyer = $('<img class="u-flyer" src="'+img+'">'); 
        flyer.fly({ 
            start: { 
                left: event.pageX, //开始位置（必填）#fly元素会被设置成position: fixed 
                top: event.pageY //开始位置（必填） 
            }, 
            end: { 
                left: offset.left+10, //结束位置（必填） 
                top: offset.top+10, //结束位置（必填） 
                width: 0, //结束时宽度 
                height: 0 //结束时高度 
            }, 
            onEnd: function(){ //结束回调 
                $("#msg").show().animate({width: '250px'}, 200).fadeOut(1000); //提示信息 
                addcar.css("cursor","default").removeClass('orange').unbind('click'); 
                this.destory(); //移除dom 
            } 
        }); 
    }); 
}); 
</script>
有了它之后，你只需要通过点击触发button事件后即可实现图片满屏飞的效果啦。是不是很简单。

具体的例子来一个。 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>演示：jQuery实现加入购物车飞入动画效果</title>
<meta name="keywords" content="jquery,购物车" />
<meta name="description" content="Helloweba文章结合实例演示HTML5、CSS3、jquery、PHP等WEB技术应用。" />
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<style type="text/css">
.demo{width:820px; margin:60px auto 10px auto}


.m-sidebar{position: fixed;top: 0;right: 0;background: #000;z-index: 2000;width: 35px;height: 100%;font-size: 12px;color: #fff;}
.cart{color: #fff;text-align:center;line-height: 20px;padding: 200px 0 0 0px;}
.cart span{display:block;width:20px;margin:0 auto;}
.cart i{width:35px;height:35px;display:block; background:url(car.png) no-repeat;}
#msg{position:fixed; top:300px; right:35px; z-index:10000; width:1px; height:52px; line-height:52px; font-size:20px; text-align:center; color:#fff; background:#360; display:none}

.box{float:left; width:198px; height:320px; margin-left:5px; border:1px solid #e0e0e0; text-align:center}
.box p{line-height:20px; padding:4px 4px 10px 4px; text-align:left}
.box:hover{border:1px solid #f90}
.box h4{line-height:32px; font-size:14px; color:#f30;font-weight:500}
.box h4 span{font-size:20px}
.u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
</style>

<!--[if lte IE 9]>
<script src="requestAnimationFrame.js"></script>
<![endif]-->

</head>

<body>
	
<div id="header">
   <div id="logo"><h1><a href="http://www.helloweba.com" title="返回helloweba首页">helloweba</a></h1></div>
</div>

<div id="main">
   <h2 class="top_title"><a href="http://www.helloweba.com/view-blog-294.html">jQuery实现加入购物车飞入动画效果</a></h2>
	<div class="demo">
		<div class="box">
			<img src="images/lg.jpg" width="180" height="180">
			<h4>¥<span>3499.00</span></h4>
			<p>LG 49LF5400-CA 49寸IPS硬屏富贵招财铜钱设计</p>
			<a href="#" class="addcar">加入购物车</a>
		</div>
		<div class="box">
			<img src="images/hs.jpg" width="180" height="180">
			<h4>¥<span>3799.00</span></h4>
			<p>Hisense/海信 LED50T1A 海信电视官方旗舰店</p>
			<a href="#" class="button orange addcar">加入购物车</a>
		</div>
		<div class="box">
			<img src="images/cw.jpg" width="180" height="180">
			<h4>¥<span>¥3999.00</span></h4>
			<p>Skyworth/创维 50E8EUS 8核4Kj极清酷开系统智能液晶电视</p>
			<a href="#" class="button orange addcar">加入购物车</a>
		</div>
		<div class="box">
			<img src="images/ls.jpg" width="180" height="180">
			<h4>¥<span>6969.00</span></h4>
			<p>乐视TV Letv X60S 4核1080P高清3D安卓智能超级电视</p>
			<a href="#" class="button orange addcar">加入购物车</a>
		</div>
	</div>
	
	</div>

	<div class="m-sidebar">
		<div class="cart">
			<i id="end"></i>
			<span>购物车</span>
		</div>
	</div>
	<div id="msg">已成功加入购物车！</div>
</div>
</body>
</html>




                                       今天就到这里吧。就到这里啦。

你可能感兴趣的:(jquery,css,dom,购物车,效果,抛物线)

  • JavaScript基础-元素滚动 scroll 系列 難釋懷 javascript开发语言
    在现代Web开发中，处理页面或元素的滚动行为是构建动态交互界面的重要部分。无论是实现无限滚动加载、固定导航栏还是平滑滚动效果，JavaScript都提供了强大的API来帮助我们获取和控制元素的滚动信息。本文将详细介绍scroll系列属性及其应用场景。一、初识Scroll属性scroll系列属性主要用于获取或设置元素滚动条的位置以及内容区域的尺寸。这些属性对于创建响应式设计、优化用户体验至关重要。（
  • 随机2级域名引导页HTML源码 酷爱码 htmlHTML
    源码介绍随机2级域名引导页HTML源码,每次点进去都随机一个域名前缀。修改跳转域名在350行代码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果预览源码免费获取随机2级域名引导页HTML源码
  • 用react实现router路由 勘察加熊人 typescriptreact.js前端前端框架
    说明：用react实现router路由效果图：step0:项目结构图：my-react-app/├──public/#静态资源│├──favicon.ico│└──robots.txt├──src/│├──assets/#静态资源│├──pages/#页面组件││├──Home.jsx#首页模块││└──User.jsx#用户模块│├──App.jsx│└──main.jsxstep1:C:\Us
  • FGSM对抗样本生成算法实现（pytorch版） 入梦风行 深度学习算法pytorch人工智能python深度学习
    FGSM对抗样本生成算法一、理论部分1.1目标1.2数学公式1.3推导过程1.4直观解释1.5示例1.6总结二、代码实现2.1导包2.2数据加载和处理2.3网络构建2.4模型加载2.5生成对抗样本2.6攻击测试2.7启动攻击2.8效果展示一、理论部分FGSM（FastGradientSignMethod）是一种经典的对抗样本生成方法，其核心思想是通过在输入数据的梯度方向上添加扰动，从而生成对抗样本
  • 【CSS】解决因float而导致的父类塌陷问题 爱爬山的老虎 前端学习csshtml前端
    问题描述：几个图片放在一个边框中，当把图片全部float，这时，边框就会因为里面没有内容，而导致上下边重叠，不会框柱图片float是什么意思：可以把整个文字流（整个框架）是水，而各个元素是水下的鱼，当你给元素赋值float，相当于给鱼指令，让鱼儿跳出水面，这就是float，就是脱离整个框架之外，用ps里的来说就是处于另一个图层上解决办法在浮动元素的后面添加空的div（简单，但是代码中应该避免空di
  • Django+Nginx+uwsgi网站使用Channels+redis+daphne实现简单的多人在线聊天及消息存储功能 YiSLWLL djangonginxpythonredis数据库服务器
    网站部署在华为云服务器上，Debian系统，使用Django+Nginx+uwsgi搭建。最终效果如下图所示。一、响应逻辑顺序1.聊天页面请求客户端请求/chat/（输入聊天室房间号界面）和/chat/room_name（某个聊天室页面）链接时，由Nginx转到Django由urls.py解析并返回相应页面，在返回的聊天室页面内置了javascript程序，请求建立wss:/ws/chat/roo
  • 人工智能定义 heardlover AI学习人工智能学习
    一、人工智能核心概念体系1.1人工智能的本质人工智能的定义：人工智能（ArtificialIntelligence，简称AI）是指计算机系统能够执行通常需要人类智能才能完成的任务，如学习、推理、解决问题、理解自然语言、识别图像和声音等。它通过模拟人类的智能行为，运用算法和数据让计算机实现对信息的处理和决策，以达到类似人类智能的效果。人工智能（ArtificialIntelligence,AI）是通
  • 基于HTML5和CSS3实现3D旋转相册效果 木木黄木木 html5css33d
    基于HTML5和CSS3实现3D旋转相册效果这里写目录标题基于HTML5和CSS3实现3D旋转相册效果项目介绍技术栈核心功能实现原理1.HTML结构2.CSS样式设计2.1基础样式设置2.2容器样式2.3图片样式3.JavaScript实现4.交互功能实现4.1触摸和鼠标拖拽4.2播放控制项目亮点技术难点解析项目总结项目介绍在这个项目中，我们将使用HTML5和CSS3的新特性来实现一个炫酷的3D旋
  • CSS基础知识：选择器与盒模型详解 程序员
    CSS基础知识：选择器与盒模型详解在CSS中，选择器和盒模型是两个最基础也最重要的概念。今天让我们一起深入了解这两个核心知识点。一、CSS选择器CSS选择器是我们用来选择页面上HTML元素的方式，它就像是我们与页面元素沟通的桥梁。1.选择器的定义最基本的选择器写法示例：h1,.special{color:blue;}2.选择器的种类2.1类型、类和ID选择器类型选择器：直接使用元素名称类选择器：使
  • Jmeter中的身份认证：cookie和token 我是飞鸟呀 JMeterjmeter
    为什么需要cookie或token浏览器与服务器间通过HTTP协议进行信息交互。但是HTTP协议是一种无状态协议，这意味着每个HTTP请求之间都是相互独立的，服务器在处理每个请求时不会保存前一个请求的状态信息。这样导致在一些诸如加入购物车、提交订单这样需要状态保持的业务场景中，无法确认用户的身份信息。于是，需要引入一种机制来维护会话状态。cookie或者token机制便可以在应用层实现一定程度的状
  • 最实用的常用css3知识点梳理二：过渡+2d变形+3d变形 cicada23 实用的css3知识梳理系列css32d3dcss变形css过度
    上一篇:最实用的常用css3知识点梳理一：选择器+计数器四:过渡1语法：1.1transition-property:样式名;需要过渡的样式，可写多个，可以写all代表所有合法过渡样式1.2transition-渡ration:2s;样式过渡的时间，可以写多个写一个时间，即为该时间控制所有过渡样式写多个时间，则根据时间个数分组，控制对应样式，如两个时间，第一个控制1，3，5…个样式1.3trans
  • CSS3学习教程，从入门到精通， CSS3 变形效果（2D 和 3D）的详细语法知识点及案例代码（22） 知识分享小能手 前端开发网页开发编程语言如门css3学习3dcss前端html5javascript
    CSS3变形效果（2D和3D）的详细语法知识点及案例代码CSS3变形效果语法详解CSS3变形（Transform）允许我们对元素进行平移、旋转、缩放、倾斜等操作。变形分为2D变形和3D变形，3D变形在2D变形的基础上增加了深度方向的变换。一、2D变形核心属性：transform1.平移（Translate）translateX(x)：水平移动translateY(y)：垂直移动translate(
  • 3.2 列表的常见函数 讨喜Dobi windowsjavapython
    1.列表的常用函数-如何查看一个不认识的内容-help()-查看官方帮助文档-dir（）-查看内部函数-随机数语句importrandomranom.randint(0,101)   随机生成0-100内的数字'''list1=[1,2,3,4,5]list2=list([1,2,3,4,5,])list2=list("wangzhaowei")  #['w','a','n','g','z','h
  • 去除Azure依赖 旧约Alatus 软件架构设计javascript华为harmonyos开发语言前端stablediffusionDALL·E2
    去掉这个azure风格组件啥依赖得,完整全部得代码!!不要省略,要完整得:importsysimportjsonimporttimeimportpprintimportplatformimportwebbrowserimporturllib.parseimporturllib.requestimportrandomimportioimporttempfilefromthreadingimportT
  • 浏览器与网络模块实践 程序员小续 csscss3html5react.js前端javascript网络
    浏览器渲染步骤浏览器渲染大致分为以下四个步骤：1.构建DOM树•过程：当浏览器接收到HTML文档后，会从上到下依次解析HTML代码。每遇到一个开始标签，就会创建一个对应的DOM节点，并根据标签的嵌套关系将这些节点连接起来，形成一个树状结构，即DOM树。例如，对于段落文本这段HTML代码，浏览器会先创建一个div节点，然后创建一个p节点，并将p节点作为div节点的子节点。•作用：DOM树是文档内容的
  • 基于单片机的农田智能驱鼠装置（论文+源码） 沐欣工作室_lvyiyi 单片机嵌入式硬件数字电能表stm32毕业设计
    2.1总体设计在基于单片机的农田智能驱鼠装置设计中，分为四个模块电源模块、感应模块、控制模块和音频模块。电源模块为整个系统提供+5v的直流电源，支撑驱鼠器的整体运作。热释电红外感应模块用来感应鼠类的入侵。控制模块则采用STC89C52单片机编程进行时钟控制。音频模块产生猫叫声惊吓鼠类，超声波使鼠类产生烦躁不安、身体不适等症状，在双重作用下，达到驱鼠效果。
  • Python容器详解：从字符串到字典的完整指南 程序员
    Python容器详解：从字符串到字典的完整指南大家好！今天我们来详细了解Python中的各种容器类型，包括字符串、列表、元组和字典。让我们一起探索这些重要的数据结构！1.字符串操作下标和切片字符串支持通过下标访问单个字符，也支持切片操作获取子串：email="888666@qq.com"#获取QQ号qq_number=email[:6]#888666#获取域名domain=email[7:]#qq
  • 项目常见失误——git回退到上一个版本，导致项目不见了 前端开发刘 gitgit
    做项目的时候可能会出现由于操作失误导致git回退到上一个版本，无法恢复到最新版本。首先我们打开git命令工具输入命令查看操作历史gitreflog找到你回退之前的提交记录，类似下面这张图一样的然后记住你想要恢复的哈希值，使用以下命令恢复到该提交（这步先别着操作，看完先）gitreset--harda721e17这种恢复一共有四种不同的方法，对应的效果都不一样方法一：将master分支的提交合并到当
  • 浏览器API MutationObserver、IntersectionObserver和ResizeObserver 前端
    以下是MutationObserver、IntersectionObserver和ResizeObserver的核心区别及适用场景的总结：1.MutationObserver作用监听DOM树的变化（如节点增删、属性修改、文本内容变化等）。关键特性观察类型：子节点变动（childList）属性变动（attributes）文本内容变动（characterData）子树变动（subtree，递归监听子节
  • 实现类今日头条主界面：ViewPager与TabLayout深度整合 w2361734601 android-studioandroidViewPagerTabLayout
    实现类今日头条主界面：ViewPager与TabLayout深度整合指南一、功能概述类今日头条的滑动标签页效果核心由ViewPager+Fragment+TabLayout三大组件构成。本文将深度解析各组件特性，并提供完整的实现方案。二、环境配置（2023最新）//build.gradle(Module)dependencies{implementation'androidx.viewpager2
  • 帮我写一个地铁跑酷游戏html代码 美丽回忆一瞬间 html游戏javascript前端css
    很抱歉，我并不能直接为您写出HTML代码。但是我可以给您一些建议，帮助您开始编写您的地铁跑酷游戏。您可以使用HTML、CSS和JavaScript来制作地铁跑酷游戏。您可以创建一个HTML文件，其中包含您的游戏界面，并使用CSS来样式界面。接下来，您可以使用JavaScript来编写游戏的逻辑，包括玩家的移动、障碍物的生成、分数的计算等。以下是一个简单的HTML示例：地铁跑酷游戏</he
  • 流影---开源网络流量分析平台（三）（管理引擎部署） SecPulse 流影使用开源流影运维服务器网络安全
    目录前沿功能介绍部署过程前沿在上一篇文章中，最后因为虚拟机的资源而没看到最后的效果，而是查看了日志，虽然效果是有了，但后来我等了很久，还是那个转圈的画面，所以我猜测可能是少了什么东西，我怀疑是是要将流影的三个板块都部署好，才能完整呈现，所以为了验证，我现在接着安装它的管理引擎功能介绍ly_server是流影的管理引擎，用于聚合分析引擎产出的威胁事件、数据节点管理、用户管理、配置管理、数据查询等部署
  • 【产品小白】提示词和微调的区别 百事不可口y 产品经理的一步一步人工智能深度学习机器学习产品经理产品运营大数据内容运营
    提示和微调是两种常用的针对大模型的方法，用于优化预训练模型在特定任务上的表现。它们在应用方式、资源需求和效果上各有特点。1.Prompt（提示）定义：Prompt是向预训练模型提供的输入提示，通常以自然语言或特定格式表达，用于引导模型生成所需的输出。特点：无需修改模型参数：使用Prompt时，模型的内部参数保持不变，只需设计合适的提示词或句子结构。低资源消耗：因为不涉及模型参数的更新，Prompt
  • JeelizFaceFilter: 强大的JavaScript人脸追踪和AR滤镜库 m0_56734068 javascriptar开发语言
    JeelizFaceFilter:开启Web端人脸AR新纪元在移动互联网时代,AR(增强现实)技术已成为一种重要的交互方式。而在AR应用中,人脸检测和追踪是一个关键环节。JeelizFaceFilter作为一个强大的JavaScript人脸追踪库,为开发者提供了在Web端实现高质量人脸AR效果的便捷方案。本文将全面介绍JeelizFaceFilter的功能特性、使用方法以及应用案例,帮助读者快速上
  • angular框架的一些理解 日月日月1314 前端学习angular
    angular的理解一,首先先谈一下angular的优点和缺点，这才是让我们为什么要用angular的原因。优点：1，angular模块功能强大丰富，并且是声明式的，自带了丰富的angular指令。2，是一个比较完善的前端mvc框架，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能。3，自定义指令directive，比jquery插件还灵活，但是我们需要了解directive
  • vue在线录音系统 勘察加熊人 typescriptvue.jsjavascriptecmascript
    说明：用vue做一款录音系统1.点击按钮，开始录制音频2.录制过程中，可以暂停和停止录制有时长显示3.点击停止录制可以保存音频，保存在本地4.找到刚刚保存的音频路径，可以点击播放，需要显示音频总时长5.可以下载音频效果图：step1:录音系统{{isRecording?'正在录音...':'开始录音'}}{{isPaused?'继续录音':'暂停录音'}}停止并保存当前时长:{{formatTim
  • arcgis js 画点 清云青云 arcgispoint
    1.引入需要的css、js文件，github地址：https://github.com/zhangliqingyun/arcgis-javascript/tree/master/arcgis/3.29   2.页面定义div：              3.加载地图连接：varmap=null;           //共用地图定义  varpointLayer=null;        //单点
  • 揭秘抖音春节爆款 AR 道具背后的“秘密” 2401_89308075 ar
    前言–临近2022年新春佳节，抖音正式启动了温暖中国年活动。为了增加线上的虎年新春氛围，一系列AR相机特效上线集成到抖音相机中，日常生活的景观会在抖音的镜头下呈现出各种奇妙的效果。在这些特效当中，「AR中国年」特效凭借着独特的科技感与氛围感，获得了大量用户的关注与好评。用户只需通过抖音拍摄界面使用「AR中国年」道具，扫描所在画面，就可以将场景转换成酷炫的赛博朋克新年风格。「AR中国年」的效果源自于
  • JavaScript基础-元素可视区 client 系列 難釋懷 javascript前端开发语言
    在前端开发中，准确获取网页元素的尺寸和位置信息是构建动态交互效果的基础。JavaScript提供了多种属性来帮助开发者获取这些信息，其中client系列属性专门用于获取元素的内容区域尺寸（不包括滚动条）以及相对于浏览器窗口的位置。本文将深入探讨client系列属性的使用方法及其应用场景。一、初识Client属性client系列属性主要用于获取元素内容区域的宽度和高度，以及元素相对于其最近的可滚动祖
  • 基于Python+Django的计算机专业就业分析可视化系统 QQ79278590 javawebpythondjango开发语言
    基于Python+Django的计算机专业就业分析系统1.使用django-simpleui实现后端管理系统，使用requests爬取的数据2.使用django-allauth插件实现登录注册修改密码等，实现数据的搜索3.使用django框架实现的后端4.前端使用html5，css3，JavaScript，bootstrap2，使用echarts实现可视化
  • java数字签名三种方式 知了ing javajdk
    以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51
  • Hibernate学习笔记 caoyong Hibernate
    1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境      a>、添加jar包:      aa>、hibernatte开发包中/lib/required/所
  • 设计模式之装饰器模式Decorator（结构型） 漂泊一剑客 Decorator
    1. 概述        若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。      
  • 读取磁盘文件txt，并输入String 一炮送你回车库 String
    public static void main(String[] args) throws IOException {    String fileContent = readFileContent("d:/aaa.txt");    System.out.println(fileContent);   
  • js三级联动下拉框 3213213333332132 三级联动
    //三级联动 省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select>
  • erlang之parse_transform编译选项的应用 616050468 parse_transform游戏服务器属性同步abstract_code
             最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
  • JAVA JSON的解析 darkranger java
    // { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， //
  • POJ-1273-Drainage Ditches aijuans ACM_POJ
    POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma
  • 工作流Activiti5表的命名及含义 atongyeye 工作流Activiti
    activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 A
  • android的广播机制和广播的简单使用 百合不是茶 android广播机制广播的注册
          Android广播机制简介 在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
  • Spring事务传播行为详解 bijian1013 javaspring事务传播行为
            在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。         Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
  • eidtplus operate 征客丶 eidtplus
    开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------
  • 【Kafka一】Kafka入门 bit1129 kafka
    这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧   下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka
  • Spring 事务实现机制 BlueSkator spring代理事务
    Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口
  • bootstrap源码学习与示例：bootstrap-dropdown（转帖） BreakingBad bootstrapdropdown
    bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown">
  • 读《研磨设计模式》-代码笔记-中介者模式-Mediator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（
  • 常用代码记录 chenjunt3 UIExcelJ#
      1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC
  • 搜索引擎与工作流引擎 comsci 算法工作搜索引擎网络应用
          最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想)   -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
  • oracle Health Monitor daizj oracleHealth Monitor
    About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M
  • JSON字符串转换为对象 dieslrae javajson
        作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.   
  • C语言学习八结构体，综合应用，学生管理系统 dcj3sjt126com C语言
    实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,
  • vagrant学习笔记 dcj3sjt126com vagrant
    想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant   1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads   查看安装在命令行输入vagrant     2.
  • 14.性能优化-优化-软件配置优化 frank1234 软件配置性能优化
    1.Tomcat线程池 修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
  • 一个不错的shell 脚本教程 入门级 HarborChung linuxshell
    一个不错的shell 脚本教程 入门级 建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样
  • Spring4新特性——核心容器的其他改进 jinnianshilongnian spring动态代理spring4依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • Linux设置tomcat开机启动 liuxingguome tomcatlinux开机自启动
    执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses
  • 第13章 Ajax进阶（下） onestopweb Ajax
    index.html <!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/
  • Troubleshooting Crystal Reports off BW blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE   Quite useful, especially this part: SAP BW connectivity For t
  • Java开发熟手该当心的11个错误 tomcat_oracle javajvm多线程单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 正则表达式大全 yang852220741 html编程正则表达式
    今天向大家分享正则表达式大全，它可以大提高你的工作效率 正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他