一、前面的所以然技术的发展日新月异，说不定回家钓几天鱼，就出来个新东西了。新事物新技术发展的初期，你无法预见其未来之趋势，生命诚可贵，没有必要花过多时间深入研究这些新东西，不过，知道了大概，了解个全貌还是很有必要的。虽不是时代缔造者，也不至于落后于时代发展大潮。互联网的发展相当的神速，其他不说，就前端技术这块，出现的些新名词或生名词就让人眼花缭乱，应接不暇，比如说：HTML5 Canvas, WebGL, CSS Shaders...
获取【下载地址】? ?QQ: 313596790? ?【免费支持更新】A 代码生成器(开发利器);全部是源码??? ?增删改查的处理类，service层，mybatis的xml，SQL( mysql? ?和oracle)脚本,? ?jsp页面 都生成? ?就不用写搬砖的代码了,生成的放到项目里，可以直接运行B 阿里巴巴数据库连接池druid;??数据库连接池??阿里巴巴的 druid。Druid在监控、可扩展性、稳定性和性能方面都有明显的优势C 安全权限框架shiro ;??Shiro 是一个用 Java 语言实现的框...
<!doctype html><meta charset="utf-8" /><title>Sonic</title><style> body { background: #222; color: #FFF; text-align: center; font-family: sans-serif; font-size: .8em; } #container { overflow: hidden; padding: 20px; width: 522px; margin: 0 auto; } #in { overflow: hidden; } a { color: #FFF; } div.l { ...
这是一款基于html5 canvas的圆形倒计时器jQuery插件。它可以使你非常轻松的创建圆形的倒计时器。该jQuery倒计时器插件有12种themes，它们基于 HTML5 canvas来渲染各种圆环。这个jQuery环形倒计时器插件依赖于jquery.knob.js和jquery.throttle.js两个外部插件。在线演示：http://www.htmleaf.com/Demo/201502111367.html下载地址：http://www.htmleaf.com/html5/html5-canvas/201502111366.html原文：http://blog.csdn.net/souhugir...
HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶 段，但大部分浏览器已经支持某些HTML5技术。HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet ap...
<!DOCTYPE html><html><head><title>Location</title><meta charset="utf-8"></head><body><input type="button" id="btnLocation" value="获取位置信息"></body><script src="jquery.min.js"></script><script type="text/javascript">//检测是否支持地理信息function isSupportGeo(){return (navigator.geolocation!=null);}//绑定click事件 $("#btnLocation").click(function () {if(!isSupportGeo()){alert("浏览器不支持地...
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 ）height: viewport 的高度 （范围从 223 到 10,000 ）initial-scale: 初始的缩放比例 （范围从>0到 10 ）minimum-scale: 允许用户缩放到的最小比例maximum-scale: 允许用户缩放到的最大比例user-scalable: 用户是否可以手动缩放<meta name="apple-mobile...
js运行效率在提升编程语言的效率是前提，js自然比不上native的C语言效率，所以Canvas效率无疑比不上原生的2D图形绘制，但是js效率的提升是有目共睹的，以js与as为例，基本操作（运算操作，集合操作，Map操作）已经超越ActionScript，尤其是Google Chrome浏览器与as拉开了不小的距离，甚至某些方面超过javaCanvas绘制效率不低Canvas没有dom操作，只是简单的2D绘制，所以效率不低，Chrome浏览器下，每秒可绘制五万个基本图形元素（圆...
<div id="box" aaa="bbb" data-info="hello"></div><body><script>var box = document.getElementsByTagName("div")[0]; console.log(box.dataset[‘info‘]); console.log(box.id);//box console.log(box.aaa);//undefined 标签的自定义属性无法映射到对象身上 console.log(box.getAttribute(‘aaa‘));//bbb 自定义属性需要使用getAttribute进行获取/* * HTML5的属性设置与读取 * */ box.setAttribute(‘...
表单相关的属性 新增与表单相关的属性如下： 可以对 input(type=text)、select、textarea 与 button 标签指定 autofocus 属性。它以指定属性的方式让标签在画面打开时自动获得焦点。 可以对 input(type=text) 与 textarea 标签指定 placeholder 属性，它会对用户的输入进行提示，提示用户可以输入的内容。 可以对 input、output、select、textarea、button 与 fieldset 指定 form 属性，申明它属于哪个...
<!DOCTYPE html><html><head><meta charset="utf-8"><title>HTML5拖放</title><script type="text/javascript">function allowDrop(ev){ev.preventDefault();//取消默认 }function drag(ev){//设置被拖数据的数据类型和值//数据类型是 "Text"，值是可拖动元素的 id ("drag1")。 ev.dataTransfer.setData("Text",ev.target.id);}//进行放置function drop(ev){ev.preventDefault();var data=ev.dataTransf...
之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。先看看最后我们实现的效果：http://www.hightopo.com/demo/fan/index.html我们先来看下这个叶轮模型长什么样 从模型上看，这个叶轮模型有三个叶片，每一个叶片都是不规则图形，显然无法用上我们HT for Web的基础图形来拼接，那么我们该怎么做呢？很简单，在HT for Web中提供了自定义图形的方案，我们可以通过自定义图形来绘制像叶片这种不...
1.快速输出静态页面2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？ 这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇和优化篇。 ====前方高能==== （1） CSS3时序错开渐显动画这是一种比较常用的动画，它的优点是节奏感强，做法就是...
哈，首先感谢下w3cfuns的老师，嗯~ 好了，这次给发夹分享一个CSS3+Javascript VCD包装盒个性幻灯片的一个案例。 效果图： 图片切换是不是很个性，效果也很不错，大家可以将其使用到自己的网站上。 先看下html： 复制代码代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta content="text/html;charset=utf-8" http-equiv="c...
用mvc4框架 弄了好久一直弄不出来参照http://www.runoob.com/html/html5-app-cache.html上面的方法在html标签上加了manifest="demo.appcache"在iis 上MIME-type也配了 .appcache 扩展名 类型"text/cache-manifest".路由也配好了一直都不行,就这样一直报错..提示:Application Cache Error event: Failed to parse manifest还需要一步就是配置demo.appcachehttp://www.runoob.com/html/html5-app-cache.html上有说明以下是引用它的话...