The Secret

摘要： 有文章从结构上详细讲解了Spring Web MVC，我个菜鸟就不引据来讲了。说说强悍的XP环境如何配置运行环境~~最后我配好的环境Tomcat、Spring Tool Suites、Maven目前就是这样的啦！如何安装Tomcat？先安装JDK！一、安装JDK，并配置环境变量先前Phonegap的时候，已经安装好JDK了，如何查安装的位置？可以在控制面板->Java->Java中查到路径。如果没有安装过，需下载JDK,直接搜索下载xp下jdk有链接，下载安装。默认安装路径C:\Program Files\Java,生成两个jre7和jdk1.7.0_01文件夹。如何测试JDK安装 阅读全文

摘要： ---恢复内容开始--- 当当当！！沉寂两日，学习Spring Web MVC去了。吐槽：近日跟同行探讨了下，前端攻城师，左肩担着设计师绘图，右肩担着JAVA代码？！我虽设计过UI，但这只算是PS技巧+偶尔的灵感，真正的设计师是讲创意、实用和美学的吧！呃，认为只有高手才懂得JAVA~~现在要努力做前端中设计好的，设计中懂得JAVA的？不错的方向吧,嘿嘿^^只要付出肯定有点收获！好吧，瑾以此文表达我的积极向上，我还在路上！如果Spring以后用不到，我就用又学到东西，阿Q自勉了- -!一、为什么使用MVC1 数据层代码和像HTML这样的表示层代码分开，易于定位问题和修改2 数据层和表现层分开，. 阅读全文

摘要： 关于bug更全的，我推荐去这个网站hasLayout，整理的非常全!三年前就看了，最近手生，又翻出来看看~~虽然上面有很多bug讲解，但是我觉得目前用的比较多或者说是常见的应该属下面这篇文章，15 annoying Internet Explorer 6 bugs + simple solutions，我翻译了一下与大家共分享！写代码的时候，自己习惯的避过不这样，久了也不记得原因了，这次温习了。里面有自己的一些补充修改，并未完全按照原文来翻译！开篇这段话，点名了IE6的重要性！插入，本人重申自己本本的系统就是XP的，虽然是某些历史原因造成的，但是测试一些bug是非常实用的。当然你可以用Virt 阅读全文

摘要： 解决不同域之间JS交互问题，有这么几种方法。FIM – Fragment Identitier Messaging不同的域之间，JavaScript只能做很有限的访问和操作，其实我们利用这些有限的访问权限就可以达到跨域通信的目的了。FIM (Fragment Identitier Messaging)就是在这个大前提下被发明的。父窗口可以对iframe进行URL读写，iframe也可以读写父窗口的URL，URL有一部分被称为frag，就是#号及其后面的字符，它一般用于浏览器锚点定位，Server端并不关心这部分，应该说HTTP请求过程中不会携带frag，所以这部分的修改不会产生HTTP请求，但 阅读全文

摘要： 《JavaScript 高级程序设计》一直断断续续的看这本书，有些地方看了三四遍，有些地方一遍也没有看过。这本书真心是非常不错的书，再随着google些资料，还是受益很多的。昨睡不着，翻了下看看跨域，今又认真搜了下，有跟先前不一样的体会了。工作中遇到的跨域，比如说iframe引用某某盛典的页面，你是没有办法设置高度的~~有嵌套iframe的方法获取高度，但是对方这个页面不是你一家用的，你不能有任何修改，它是不会内嵌什么iframe的。真心没办法解决~~ 有些东西，你是甲方的话，别家提供，基本是采用JSONP方式，约定个函数传递数据，或者是直接链别家的JS文件有全局对象。让我们从书开始吧~Aja 阅读全文

摘要： Canvas支持基本文字渲染在线基准上。只需要输入一个文字和点坐标，fillText("text", x, y) 或是strokeText("text", x, y)。文字用当前的描边或填充样式渲染，可以是颜色，渐变或者图案。你可以指定文字的设置，如font family, size, and weight, and the text alignment and baseline.例如：var bt=new Image(),pat; bt.src = 'cork.png'; bt.onload = function (e) { ... 阅读全文

摘要： 你可以添加预先绘制的图像到画布上，如果gif,jpeg,png,svg或者视频的当前帧。默认情况，这样的图片会按照它原本的大小绘制，超过了canvas的部分会被裁剪。但是，你可以指定高度和宽度在其中显示图像，或者图像绘制区域来绘制。你可以用img元素，视频元素，或其他canvas元素做图像源。如果你的image是一个html元素，通过getElementById 把它变成一个javascript对象。你也可以在javascript中创建一个图像源如new Image.本章介绍如何使用通过标签指定的图像。如果你使用gif动画做为图像源，那么只有动画的第一帧被现实，透明度是支持的。当你使用png图 阅读全文

摘要： 当你描边或者填充的时候，你用当前的描边或者填充样式。而这可以被设定为一个颜色，一个团或者是渐变。渐变渐变指定起始颜色，结束颜色，以及颜色变换的区域。一个单一的渐变包含一个以上的颜色变化。二位画布上绘图上下文支持两种渐变类型：线性 linear和径向 radial。线性渐变线性渐变定义两点之间颜色沿着一条线变化。 var grad = ctx.createLinearGradient(x1, y1, x2, y2);之后调用CanvasGradient之中唯一的方法addColorStop()来向渐变色中增加至少两个 “颜色停止点”（color stop）。该方法接受两个参数：一个是位于0～1. 阅读全文

摘要： 贝塞尔或者二次方程曲线如果我们需绘制更加复杂的曲线路径，我们或许该用到贝塞尔或者二次方程曲线。bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)quadraticCurveTo(cp1x, cp1y, x, y)两种曲线有何区别？我们可以参看下面这张图，2种曲线都有一个起点和终点（blue point），但是贝塞尔曲线仅有一个“control point”（red point），二次曲线则有2个。两个方法中的x和y参数都为曲线的终点坐标，cp1x和cp1y为第一control point的坐标，cp2x和cp2y为2次曲线的第二控制点。如果你要问起始点呢?那 阅读全文

摘要： 2d上下文对画矩形，线，曲线，弧线和圆有很多方法。1、 线，曲线和弧线能够在端点链接形成路径。路径可以闭合形成复杂的形状。2、 形状可以沿外边线描边或者是填充3、 你可以设置线和描边的厚度4、 描边和填充可以设置颜色、图案或者是渐变。设置描边和填充样式context.strokeStyle = "black";context.fillStyle = "rgba(128, 128, 128, 0.5)";线或描边的厚度默认是1，也可以通过context.lineWidth="2" 更改线宽。颜色也可以用CSS的方式如"whit 阅读全文