ini
ini

基于HTML5 Canvas实现的图片马赛克模糊特效

效果请点击下面网址： http://hovertree.com/texiao/html5/1.htm


一、开门见山
受美国肖像画家Chuck Close的启发，此脚本通过使用HTML5 canvas元素把图像转换成像素形式，这基本上是一个为canvas imageData功能的简单演示。

此脚本现存于GitHub上，您可以在那里下载到脚本和示例。在GitHub上查看像素化资源


二、选项
此方法接受一个对象数组，每个对象都拥有一组选项。
resolution : 渲染像素间的像素距离，必须的。
shape : 像素的形状。 接受的选项有：square, circle, 以及diamond。可选，默认是square。
size : 渲染像素的像素大小值，可选，默认值是resolution。
offset : 偏移像素。可选，默认是0。可以是一个单独的值15实现对角线偏移，或者是个数组或X/Y关键字的对象实现偏移：
[ 15, 5 ] 或 { x: 15, y: 5 }。
alpha : 小数值，指渲染的透明度。 可选，默认是1。



三、代码示例

要想让图片像素化，首先调用如下脚本：
<script type="text/javascript" src="http://hovertree.com/texiao/html5/1/js/close-pixelate.js"></script>
然后调用方法closePixelate，更具体的是：
图片dom.closePixelate(选项参数)

此脚本可以应用于各类图片。根据HTML5规范，浏览器禁止任何外部托管图片上使用getImageData ()，但是，多亏了John Schulz的巨大贡献，通过使用Max Novakovic的getImageData API，进一步像素化具有内置的方法来解决这个安全特征。

<img id="pixelExample2" src="pixel-example.jpg" width="300" height="426" />

在你的脚本中使用closePixelate方法与图片上，你可以通过一组数组选项控制图片输出。如下示例代码：
document.getElementById('pixelExample2').closePixelate( [ 
{ resolution: 24 }
] );


html代码如下：

 

 

<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>基于HTML5 Canvas实现的图片马赛克模糊特效-何问起</title>
<link rel="stylesheet" type="text/css" href="1/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="1/css/default.css">
<style type="text/css">
.thumb
{
margin-left: 5em;
}
.thumb img
{
max-width: 400px;
}
</style>
</head>
<body>
<div style="width:760px;margin:0px auto">
<h2>基于HTML5 Canvas的图片马赛克模糊特效 何问起</h2>
<a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/hvtart/bjae/160ced36cb3a6a86.htm">原文</a> <a href="http://hovertree.com/texiao/html5/1/tupianmohu.rar" target="_self">下载</a>
<a href="http://hovertree.com/texiao/">特效库</a><br />
</div>

<div class="container">
<div class="content bgcolor-8">
<p class="center">
改变模糊度
<input type="range" min="4" max="100" value="6" id="range" />
<span id="output">6</span></p>
<div class="thumb">
<img src="1/img/1.jpg" id="dolly1" />
<img src="1/img/2.jpg" id="dolly2" />
<img src="1/img/3.jpg" id="dolly3" />
</div>
</div>
</div>
<script src="http://hovertree.com/texiao/html5/1/js/close-pixelate.js"></script>
<script>
window.onload = function () {
var dolly1 = document.getElementById('dolly1')
var dolly2 = document.getElementById('dolly2')
var dolly3 = document.getElementById('dolly3')
var pixelOpts = [{ resolution: 8}]
var pixelDolly1 = dolly1.closePixelate(pixelOpts)
var pixelDolly2 = dolly2.closePixelate(pixelOpts)
var pixelDolly3 = dolly3.closePixelate(pixelOpts)
var range = document.getElementById('range')
var output = document.getElementById('output')

range.addEventListener('change', function (event) {
var res = parseInt(event.target.value, 10)
res = Math.floor(res / 2) * 2
res = Math.max(4, Math.min(100, res))
output.textContent = res
// console.log( res );
pixelOpts = [{ resolution: res}]
pixelDolly1.render(pixelOpts)
pixelDolly2.render(pixelOpts)
pixelDolly3.render(pixelOpts)
}, false)
}
</script>
</body>
</html>

 下载 :http://hovertree.com/texiao/html5/1/tupianmohu.rar

 

转自：http://hovertree.com/hvtart/bjae/160ced36cb3a6a86.htm

网页特效大全： http://ini.iteye.com/blog/2165698

 

你可能感兴趣的:(JavaScript,html,Web,html5,css)

  • Linux之web服务器 Asuka07 服务器linux前端
    一、web服务器简介1.www简介www是全球信息广播的意思，上网即使用www来查询信息，它结合多种多媒体，通过超链接以Internet传递信息。上网时，网站提供数据，客户端用浏览器解析数据。www所用协议为HTTP（超文本传输协议）。主流Web服务器有Apache、Microsoft的Internet信息服务器（IIS）和Unixnginx。服务器提供的数据主要是HTML和多媒体文件，HTML用
  • Google 地图 API 参考手册 zhangf2005 前端
    Google地图API参考手册地图构造函数/对象描述Map()在指定的HTML容器中创建新的地图，该容器通常是一个DIV元素。叠加层构造函数/对象描述Marker创建一个标记。MarkerOptions标记的选项。由DirectionsRenderer渲染的所有标记都将使用这些选项。MarkerImageAstructurerepresentingaMarkericonorshadowimageM
  • 初识javaweb1 忘记578 java开发语言
    JavaSE中是C/S（ClientServer）客户端到服务器端的软件结构JavaWeb是B/S（BrowserServer）浏览器到web服务器的软件结构HTML：超文本标记语言-决定页面上显示什么内容CSS：页面上的内容显示的风格（决定页面上内容的美观程度）JavaScript：页面特效网页的组成部分（三部分）：内容（结构)、表现、行为javasrcript特点：1.交互性（它可以做的就是信
  • #前端js发异步请求的几种方式 在下千玦 前端javascript开发语言
    JavaScript进行异步请求的方式经历了多个阶段的发展，每个阶段都在解决上一阶段的问题，变得更简洁、易用、强大。我们从历史发展角度来看，主要经历了以下几个阶段：1️⃣早期阶段：XHR（XMLHttpRequest）诞生背景1999年W3C引入XMLHttpRequest，是AJAX（异步JavaScript和XML）的基础。主要用于局部刷新页面，避免整个页面重新加载，提高用户体验。早期用于XM
  • docker安装minio 嘿rasa docker安装dockereureka容器
    MinIO是一个对象存储解决方案，它提供了与AmazonWebServicesS3兼容的API，并支持所有核心S3功能。MinIO有能力在任何地方部署。MinIO安装MinIO支持多种安装方式，包括二进制安装、Docker安装、Kubernetes安装等。这里我们使用docker安装MinIO单节点版本。1.拉取MinIO镜像dockerpullminio/minio:RELEASE.2022-0
  • Python使用总结之Flask构建文件服务器，通过网络地址访问本地文件 阿福不是狗 Python使用总结pythonflask服务器
    Python使用总结之Flask构建文件服务器，通过网络地址访问本地文件在Web开发中，静态文件（如图片、CSS、JavaScript）的管理是基础且重要的环节。Flask提供的send_from_directory函数为开发者提供了灵活的文件服务解决方案。本文将详细解析其原理、用法及最佳实践。一、什么是send_from_directory？send_from_directory是Flask内置
  • wordpress 容器内如何修改php.ini的upload_max_filesize 配置 rock——you 运维php开发语言
    首先，容器内没有/etc/php目录，那就需要通过php--ini命令来查看配置路径。root@8493683eed97:/var/www/html#php--iniConfigurationFile(php.ini)Path:/usr/local/etc/phpLoadedConfigurationFile:(none)Scanforadditional.inifilesin:/usr/loca
  • ssm701基于JavaWeb的个人健康信息管理系统 落霞与孤鹭齐飞。。 毕业设计springboot项目数据库springbootjava课程设计毕业设计
    **点赞+收藏+关注→私信领取本源代码、数据库本人在Java毕业设计领域有多年的经验，陆续会更新更多优质的Java实战项目希望你能有所收获，少走一些弯路。关注我不迷路**一、设计说明1.1研究背景当前社会各行业领域竞争压力非常大，随着当前时代的信息化，科学化发展，让社会各行业领域都争相使用新的信息技术，对行业内的各种相关数据进行科学化，规范化管理。这样的大环境让那些止步不前，不接受信息改革带来的信
  • Python助力无人机智能路径规划：从理论到实践 Echo_Wish Python算法Python笔记从零开始学Python人工智能python无人机开发语言
    友友们好！我是Echo_Wish，我的的新专栏《Python进阶》以及《Python！实战！》正式启动啦！这是专为那些渴望提升Python技能的朋友们量身打造的专栏，无论你是已经有一定基础的开发者，还是希望深入挖掘Python潜力的爱好者，这里都将是你不可错过的宝藏。在这个专栏中，你将会找到：●深入解析：每一篇文章都将深入剖析Python的高级概念和应用，包括但不限于数据分析、机器学习、Web开发
  • HTML+CSS+JS实现简单的打字机 CY耶 htmlcssjavascript
    HTML+CSS+JS实现简单的打字机js/***动态打字效果函数*(select和element只能选择一个)*@param{Object}options-配置选项*@param{string}options.select-选择器，用于定位要显示文本的DOM元素("#id"或".class")*@param{Object}options.element-DOM元素（Element对象）*@par
  • 3.28总结计划 就是小李子 其他
    总结：学习自动化测试元素定位WebDriver基本元素定位方式：1.id定位：find_element_by_id(self,id_)2.name定位：find_element_by_name(self,name)3.class定位：find_element_by_class_name(self,name)4.link定位：find_element_by_link_text(self,link_t
  • GPT-SoVITS-WebUI可以中文声音克隆开源AI工具简介 愚梦者 人工智能gpt人工智能音频python
    引言：近年来，随着人工智能技术的不断发展，语音技术已经成为了热门领域。尽管已有不少技术实现了一定程度的成功，但传统语音合成技术的问题依然存在。传统方法对于训练数据的需求量大、效果受到声音质量和口音差异的影响。因此，在语音技术领域中，一种受到广泛关注的新技术GPT-SoVITS-WebUI应运而生。GPT-SoVITS是花儿不哭大佬研发的低成本AI音色克隆软件，作为一种新兴的网络界面工具，具有自主学
  • git克隆项目报错：error: unable to create file vue...... Filename too long 就叫飞六吧 gitvue.js前端
    error:unabletocreatefilevue/node_modules/.cache/terser-webpack-plugin/content-v2/sha512/e5/3f/b5faf543704f2634b6a622720f44908b09a1b70ff7dc1176f2d5a47496ac8f3c93f3c00043d3a4a1c1a9d829d7eae89baaf6665a4c
  • Python Cookbook（第3版）pdf weixin_30621959 python数据库c/c++
    下载地址：网盘下载内容简介······本书介绍了Python应用在各个领域中的一些使用技巧和方法，从最基本的字符、文件序列、字典和排序，到进阶的面向对象编程、数据库和数据持久化、XML处理和Web编程，再到比较高级和抽象的描述符、装饰器、元类、迭代器和生成器，均有涉及。书中还介绍了一些第三方包和库的使用，包括Twisted、GIL、PyWin32等。本书覆盖了Python应用中的很多常见问题，并提
  • 大模型系列——DeepSeek-R1图形界面Agent指南 猫猫姐 大模型人工智能大模型DeepSeek
    大模型系列——DeepSeek-R1图形界面Agent指南本文将指导你完成设置DeepSeekR1和BrowserUse的过程，以创建能够执行复杂任务的AI代理，包括Web自动化、推理和自然语言交互。开源大型语言模型(LLM)的兴起使得创建可与OpenAI的ChatGPTOperator等专有解决方案相媲美的AI驱动工具变得比以往任何时候都更容易。在这些开源模型中，DeepSeekR1以其强大的推
  • SSE服务器主动推送至浏览器客户端，让你不再需要websocket diygwcom 服务器websocket运维
    Server-SentEvents（SSE）是一种服务器向客户端推送实时更新的技术，基于HTTP协议。客户端通过EventSourceAPI来接收事件流，而服务器则保持一个长连接，持续发送数据。这与传统的请求-响应模式不同，允许服务器主动推送数据，而不是等待客户端请求。客户端通过创建一个EventSource对象，指定服务器的URL。服务器设置特定的HTTP头（如Content-Type:text
  • 网页中，使用原生js监听输入框输入内容，并可主动触发这个监听事件 兴趣广泛的程序猿 笔记javascriptjavascript前端java
    有时候，想在网页中做一些体验上的优化，可能会需要随时监听输入框中的变化，以此来帮助用户自动处理一些操作。要在html网页中，监听输入框内容变化，可以设置input事件监听。不同框架有不同的设置方法，这里使用原生JS的设置方法，兼容性好一点。document.getElementById("控制id").addEventListener("input",function(e){//取值varzsbh
  • 浏览器本地存储-localStorage的介绍和使用 兴趣广泛的程序猿 javascript笔记javascripthtml5
    一、localStorage是什么？在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作本地存储来的，解决了cookie占用带宽和存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage的大小，一般浏览器支持的是5M，但在不同的浏览器中会有所不同。二、localStorage的优点和缺点优点1、localStorage突破了cooki
  • Html 显示图片填充满DIV区域 兴趣广泛的程序猿 htmlcss
    不同尺寸的图片在相同尺寸的DIV中显示时，充满整个区域高度不够，则高度拉伸高度超过，则底部部分隐藏PS：min-height:100%，图片最小高度为100%父元素高度，所以高度不够时会拉伸overflow:hidden，子元素超出父元素的部分隐藏，所以高度超过会被隐藏
  • Avalonia 框架 Vae_Mars 新技术分享前端
    一、AvaloniavsWPF：核心优势对比1.跨平台能力Avalonia：支持Windows/macOS/Linux/iOS/Android/WebAssembly全平台，代码一次编写即可在多端运行。WPF：仅限Windows平台，依赖DirectX渲染。2.渲染机制Avalonia：自研SkiaSharp渲染引擎，不依赖原生控件，实现跨平台UI一致性。支持GPU加速和多线程渲染，在嵌入式设备（
  • 揭秘 BEM 命名法：让前端代码自解释的底层逻辑，90% 开发者都踩过的命名坑 今天你慧了码码码码码码码码码码 前端css
    在前端开发的领域中，随着项目规模的不断扩大，代码的复杂性也日益增加。如何编写易于理解、维护和扩展的代码，成为了每一位开发者都需要面对的重要课题。其中，CSS类名的命名规范起着举足轻重的作用，而BEM命名规范正是一种能有效提升代码质量的方法论。什么是BEM？BEM是块（Block）、元素（Element）、修饰符（Modifier）的缩写，它是一种用于命名CSS类的约定俗成的规范。通过将页面组件分解
  • 参数不是参数，作用域不是作用域——跨语言开发者集体破防的“作用域相对论“ 今天你慧了码码码码码码码码码码 javajavascript跨语言
    “当Java程序员还在优雅地传递形参时，JavaScript开发者已经用eval把作用域变成了可以任意揉捏的橡皮泥——但这橡皮泥里，藏着能让V8引擎哭泣的性能毒药。”一、JavaScript的“时空裂缝”：eval和with如何撕裂静态作用域JavaScript的词法作用域本应是静态的，由代码书写时的位置决定。但这两个“异端”功能，却在运行时撕开了作用域的时空裂缝：1.eval：代码的“寄生虫”f
  • vue 移动端树结构功能_【H5】Vue 递归组件构建一个树形菜单 难忘念想 vue移动端树结构功能
    Vue.js中的递归组件是一个可以调用自己的组件例如：递归组件一般用于博客上显示评论，树形菜单或者嵌套菜单。一、初始化我们直接使用vue提供的脚手架vue-cli来初始化我们的工程：#搭建项目vueinitwebpack-simpletree-menu#进入项目cdtree-menu#依赖安装npminstall#运行项目npmrundev现在我们的环境已经准备好了，在初始化的项目中，有一些不需要
  • Fastapi教程：使用异步sqlalchemy操作mysql m_merlon fastapimysql
    FastAPI是一个现代、快速（高性能）的Web框架，能够与异步数据库库（如SQLAlchemy）完美结合。本篇文章将通过一个MySQL数据库的示例，介绍如何在FastAPI中配置数据库连接、定义数据库模型、管理数据库会话，并演示如何进行数据库的增删查改和事务操作。环境准备首先，我们需要安装FastAPI、SQLAlchemy和异步数据库支持库。假设我们使用MySQL作为数据库，所需的依赖库如下：
  • 测试流程图显示问题 fish-man 流程图java服务器
    是同步代码调用栈异步任务WebAPIs处理完成时放入任务队列调用栈是否为空？任务队列取回调
  • 在 Mermaid 流程图里“驯服”"；的魔法指南！！！ 小丁学Java Mermaid流程图Mermaid
    在Mermaid流程图里“驯服”"的魔法指南在使用Mermaid画流程图时，是不是经常遇到想秀一波"却被它“反杀”的情况？今天就来教大家如何在这头代码野兽的嘴里，抢回我们的双引号实体编码！Mermaid的“贪吃蛇”解析机制Mermaid这个小机灵鬼♂️，看到"就以为是HTML的双引号，直接给你转成"吞下肚！但我们偏要让它原样吐出"，怎么办？解决方案大揭秘✨方法一：二次
  • 【CSS】核心布局技术 Guiat HTMLCSSJavaScriptcss前端
    个人主页：Guiat归属专栏：HTMLCSSJavaScript文章目录1.CSS布局基础1.1盒模型与布局基础1.2文档流2.传统布局技术2.1浮动布局2.1.1浮动的问题与解决方案2.2定位布局2.2.1相对定位2.2.2绝对定位2.2.3固定定位2.2.4粘性定位2.3表格布局3.现代布局技术3.1Flexbox布局3.1.1Flex容器属性3.1.2Flex项目属性3.1.3Flexbox
  • r语言 html gif,哈佛教授公开R语言源码，教你用R制作gif动图 LinuxStory r语言htmlgif
    原标题：哈佛教授公开R语言源码，教你用R制作gif动图作者RafaelIrizarry是哈佛大学以及theDana-FarberCancerInstitute的应用统计教授，他专注于研究基因组学，并且教授数门数据科学课程。在本文中他公开了自己授课时所使用的gif动图的R语言源码，同时也对涉及的几个话题进行了简单的论述，对于希望了解数据科学原理、如何使用R语言来进行可视化的读者都有所助益。本文长度为
  • web自动化如何在不同浏览器运行_自动化测试，如何做到跨浏览器 weixin_39829236 浏览器的id
    使用自动化脚本在单个浏览器中测试网站是加速测试的简洁方法。只需单击一下，您就可以测试您的网站是否存在所有可能的错误，而无需手动点击和导航到网页。它是软件独创性的现代奇迹，可以节省数小时的手动时间并提高生产力。但是，要实现所有这些魔力，您需要首先构建自动化脚本。在之前的文章中，我们专注于为运行selenium脚本设置完整的测试套件环境。但是那个剧本有一个主要的缺点。该设置专注于仅在单个浏览器上进行测
  • Shiro源码剖析——Subject的创建与获取（一次完整的请求执行流程） 得过且过的勇者y shirojava后端springboot
    文章目录一、AbstractShiroFilter二、createSubject(request,response)1、newBuilder(this.getSecurityManager(),request,response)2、buildWebSubject()1）this.copy(SubjectContextsubjectContext)2）this.ensureSecurityManag
  • HQL之投影查询 归来朝歌 HQLHibernate查询语句投影查询
            在HQL查询中，常常面临这样一个场景，对于多表查询，是要将一个表的对象查出来还是要只需要每个表中的几个字段，最后放在一起显示？ 针对上面的场景，如果需要将一个对象查出来： HQL语句写“from 对象”即可 Session session = HibernateUtil.openSession();
  • Spring整合redis bylijinnan redis
    pom.xml <dependencies> <!-- Spring Data - Redis Library --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redi
  • org.hibernate.NonUniqueResultException: query did not return a unique result: 2 0624chenhong Hibernate
    参考：http://blog.csdn.net/qingfeilee/article/details/7052736 org.hibernate.NonUniqueResultException: query did not return a unique result: 2         在项目中出现了org.hiber
  • android动画效果 不懂事的小屁孩 android动画
    前几天弄alertdialog和popupwindow的时候，用到了android的动画效果，今天专门研究了一下关于android的动画效果，列出来，方便以后使用。 Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。 第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。
  • js delete 删除机理以及它的内存泄露问题的解决方案 换个号韩国红果果 JavaScript
    delete删除属性时只是解除了属性与对象的绑定，故当属性值为一个对象时，删除时会造成内存泄露  （其实还未删除） 举例： var person={name:{firstname:'bob'}} var p=person.name delete person.name p.firstname -->'bob' // 依然可以访问p.firstname，存在内存泄露
  • Oracle将零干预分析加入网络即服务计划 蓝儿唯美 oracle
    由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是，Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务（NaaS）平台，帮助企业以更灵活和更适合云的方式实现通信服务提供商（CSP）的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计
  • spring学习——springmvc（二） a-john springMVC
    Spring MVC提供了非常方便的文件上传功能。 1，配置Spring支持文件上传： DispatcherServlet本身并不知道如何处理multipart的表单数据，需要一个multipart解析器把POST请求的multipart数据中抽取出来，这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器，需要声明一个实现了Mul
  • POJ-2828-Buy Tickets aijuans ACM_POJ
    POJ-2828-Buy Tickets http://poj.org/problem?id=2828 线段树，逆序插入 #include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct
  • Java Ant build.xml详解 asia007 build.xml
    1,什么是antant是构建工具2,什么是构建概念到处可查到，形象来说，你要把代码从某个地方拿来，编译，再拷贝到某个地方去等等操作，当然不仅与此，但是主要用来干这个3,ant的好处跨平台   --因为ant是使用java实现的，所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多，可能你用了很久，你仍然不知道它能有
  • android按钮监听器的四种技术 百合不是茶 androidxml配置监听器实现接口
    android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方;    1,activity中使用内部类实现接口 ,创建内部类实例  使用add方法  与java类似   创建监听器的实例 myLis lis = new myLis();   使用add方法给按钮添加监听器  
  • 软件架构师不等同于资深程序员 bijian1013 程序员架构师架构设计
            本文的作者Armel Nene是ETAPIX Global公司的首席架构师，他居住在伦敦，他参与过的开源项目包括 Apache Lucene,，Apache Nutch， Liferay 和 Pentaho等。         如今很多的公司
  • TeamForge Wiki Syntax & CollabNet User Information Center sunjing TeamForgeHow doAttachementAnchorWiki Syntax
    the CollabNet user information center http://help.collab.net/   How do I create a new Wiki page? A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and
  • 【Redis四】Redis数据类型 bit1129 redis
    概述 Redis是一个高性能的数据结构服务器，称之为数据结构服务器的原因是，它提供了丰富的数据类型以满足不同的应用场景，本文对Redis的数据类型以及对这些类型可能的操作进行总结。 Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统，这里的数据类型指的是value的类型，而不是key的类型，key的类型只有一种即string
  • SSH2整合-附源码 白糖_ eclipsespringtomcatHibernateGoogle
    今天用eclipse终于整合出了struts2+hibernate+spring框架。 我创建的是tomcat项目，需要有tomcat插件。导入项目以后，鼠标右键选择属性，然后再找到“tomcat”项，勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片，sql也在源码里。     补充1：项目中部分jar包不是最新版的，可能导
  • [转]开源项目代码的学习方法 braveCS 学习方法
    转自： http://blog.sina.com.cn/s/blog_693458530100lk5m.html http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html   1）阅读features。以此来搞清楚该项目有哪些特性2）思考。想想如果自己来做有这些features的项目该如何构架3）下载并安装d
  • 编程之美-子数组的最大和（二维） bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; import java.util.Random; public class MaxSubArraySum2 { /** * 编程之美 子数组之和的最大值（二维） */ private static final int ROW = 5; private stat
  • 读书笔记-3 chengxuyuancsdn jquery笔记resultMap配置ibatis一对多配置
    1、resultMap配置 2、ibatis一对多配置 3、jquery笔记 1、resultMap配置 当<select resultMap="topic_data"> <resultMap id="topic_data">必须一一对应。 (1)<resultMap class="tblTopic&q
  • [物理与天文]物理学新进展 comsci
          如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境       怎么办呢?  
  • Oracle 11g新特性:Automatic Diagnostic Repository daizj oracleADR
    Oracle Database 11g的FDI（Fault Diagnosability Infrastructure）是自动化诊断方面的又一增强。 FDI的一个关键组件是自动诊断库（Automatic Diagnostic Repository-ADR）。 在oracle 11g中，alert文件的信息是以xml的文件格式存在的，另外提供了普通文本格式的alert文件。 这两份log文
  • 简单排序:选择排序 dieslrae 选择排序
    public void selectSort(int[] array){ int select; for(int i=0;i<array.length;i++){ select = i; for(int k=i+1;k<array.leng
  • C语言学习六指针的经典程序，互换两个数字 dcj3sjt126com c
    示例程序，swap_1和swap_2都是错误的，推理从1开始推到2，2没完成，推到3就完成了 # include <stdio.h> void swap_1(int, int); void swap_2(int *, int *); void swap_3(int *, int *); int main(void) { int a = 3; int b =
  • php 5.4中php-fpm 的重启、终止操作命令 dcj3sjt126com PHP
    php 5.4中php-fpm 的重启、终止操作命令: 查看php运行目录命令：which php/usr/bin/php 查看php-fpm进程数：ps aux | grep -c php-fpm 查看运行内存/usr/bin/php  -i|grep mem 重启php-fpm/etc/init.d/php-fpm restart 在phpinfo()输出内容可以看到php
  • 线程同步工具类 shuizhaosi888 同步工具类
    同步工具类包括信号量（Semaphore）、栅栏（barrier）、闭锁（CountDownLatch）   闭锁（CountDownLatch） public class RunMain { public long timeTasks(int nThreads, final Runnable task) throws InterruptedException { fin
  • bleeding edge是什么意思 haojinghua DI
    不止一次，看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件，上了wiki。  我再一次感到，没有辞典能像WiKi一样，给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱，只好在此一一中英对照，给大家上次课。   In computer science, bleeding edge is a term that
  • c中实现utf8和gbk的互转 jimmee ciconvutf8&gbk编码
    #include <iconv.h> #include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <fcntl.h> #include <string.h> #include <sys/stat.h> int code_c
  • 大型分布式网站架构设计与实践 lilin530 应用服务器搜索引擎
    1.大型网站软件系统的特点？ a.高并发，大流量。 b.高可用。 c.海量数据。 d.用户分布广泛，网络情况复杂。 e.安全环境恶劣。 f.需求快速变更，发布频繁。 g.渐进式发展。 2.大型网站架构演化发展历程？ a.初始阶段的网站架构。 应用程序，数据库，文件等所有的资源都在一台服务器上。 b.应用服务器和数据服务器分离。 c.使用缓存改善网站性能。 d.使用应用
  • 在代码中获取Android theme中的attr属性值 OliveExcel androidtheme
    Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西.   在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则: int defaultColor = 0xFF000000; int[] attrsArray = { andorid.r.
  • 基于Zookeeper的分布式共享锁 roadrunners zookeeper分布式共享锁
    首先，说说我们的场景，订单服务是做成集群的，当两个以上结点同时收到一个相同订单的创建指令，这时并发就产生了，系统就会重复创建订单。等等......场景。这时，分布式共享锁就闪亮登场了。   共享锁在同一个进程中是很容易实现的，但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译，这里就不在赘述了。   官
  • 两个容易被忽略的MySQL知识 tomcat_oracle mysql
    1、varchar(5)可以存储多少个汉字，多少个字母数字？ 　　相信有好多人应该跟我一样，对这个已经很熟悉了，根据经验我们能很快的做出决定，比如说用varchar(200)去存储url等等，但是，即使你用了很多次也很熟悉了，也有可能对上面的问题做出错误的回答。 　　这个问题我查了好多资料，有的人说是可以存储5个字符，2.5个汉字（每个汉字占用两个字节的话），有的人说这个要区分版本，5.0
  • zoj 3827 Information Entropy(水题) 阿尔萨斯 format
    题目链接：zoj 3827 Information Entropy 题目大意：三种底，计算和。 解题思路：调用库函数就可以直接算了，不过要注意Pi = 0的时候，不过它题目里居然也讲了。。。limp→0+plogb(p)=0，因为p是logp的高阶。 #include <cstdio> #include <cstring> #include <cmath&
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他