摘要：1：类选择器HTML： 测试代码CSS： .test {color:red;border:1px blue solid;}在html文档里，我们在要控制样式的标签的开标签（非成对标签如input直接放在标签里）里加入 class="xxx",在页面对应的css文件里，用.xxx就可以指向这个标签，从而对这个标签进行控制，我们称这种通过定义类（class）来找到标签的方式为 ：类选择器。这种定义class 的方式是3G前端开发最常用的选择器，有几个突出的特点：可以给不同的标签设置同一个类，从而用一条CSS命令控制几个标签，减少大量代码，是页面修改简单，易维护，易改版；其次，后 阅读全文

摘要：应用到画布上面的效果是可以累积的，因而就可以利用几个简单的函数来“组合”出效果来。例如，在向屏幕上绘制之前，可能会有一艘飞船需要旋转、变换和缩放。因为所有效果都对画布起作用，所以这些效果会应用到将被绘制在屏幕上的所有对象，而不仅仅是某一幅图像或某一个形状（比如一艘飞船）。其中，save和restore函数为应用这些累积的效果提供了一种简单的机制，可以将应用了这些效果的图像或图形绘制到画布上，然后“撤销”这些改变。后台的操作是什么呢？save函数把当前的绘制状态推进栈里，而restore函数则把最后一个状态弹出栈。还拿前面提到的飞船为例，需要执行下列操作：调用save函数（保存当前的绘制状态.. 阅读全文

摘要：1.画布标签上例画出画布，并设置其大小和边框风格，对齐方式，与普通标签属性基本相同，不做详细介绍。2.在canvas画布上作画，需要用javascript函数对其进行控制，使用以下语句获得API接口实例，对画布进行操作：varcanvas=document.getElementById("myCanvas");varcontext=canvas.getContext("2d");看到2d是否会联想到令人激动的3d？可惜的是，canvas目前还没有3d这么一说3.画线：context.moveTo(x1,y1);context.lineTo(x2,y2); 阅读全文

摘要：1、二次贝塞尔曲线 quadraticCurveTo(cpx,cpy,x,y) //cpx，cpy表示控制点的坐标,x，y表示终点坐标；数学公式表示如下：二次方贝兹曲线的路径由给定点P0、P1、P2的函数B（t）追踪：代码实例：canvas直线二次贝塞尔曲线代码效果：2、三次贝塞尔曲线 bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y) //cp1x，cp1y表示第一个控制点的坐标,cp2x，cp2y表示第二个控制点的坐标,x，y表示终点的坐标；数学公式表示如下：P0、P1、P2、P3四个点在平面或在三维空间中定义了三次方贝兹曲线。曲线起始于P0走向P1，并从... 阅读全文

摘要：项目开发中，为了提高用户体验，查询时使用dwr向后台发送查询请求，然后根据查询结果异步更新页面中table的内容。第一次现实方法是用Java代码将查询到的数据拼凑HTML（就图用java写代码比js方便，实际上是不知道如何写出简洁优美的JS......），将拼凑到的HTML返回到前台，前台JS将获取到的HTML字符串赋值给div的innerHTML属性（table被放置在一个div内），代码如下（这里所有的例子都是简单的模拟下我的代码而已）：Java代码StringBuilderhtml=newStringBuilder("");for(inti=0;i");fo 阅读全文

摘要：简介在很多传统语言（C/C++/Java/C#等）中，函数都是作为一个二等公民存在，你只能用语言的关键字声明一个函数然后调用它，如果需要把函数作为参数传给另一个函数，或是赋值给一个本地变量，又或是作为返回值，就需要通过函数指针(functionpointer)、代理(delegate)等特殊的方式周折一番。而在JavaScript世界中函数却是一等公民，它不仅拥有一切传统函数的使用方式（声明和调用），而且可以做到像简单值一样赋值、传参、返回，这样的函数也称之为第一级函数（First-classFunction）。不仅如此，JavaScript中的函数还充当了类的构造函数的作用，同时又是一个Fu 阅读全文

摘要：当HTML文件头使用了解析网页时，便无法使用自适应百分比的高度设置！这是因为：在以前的网页中，table用height:100%是可以整屏的，但在网页头部增加: 后就和没有用height:100%一样了，后来发现要给html,body都增加height:100%的属性，这是高度自适应问题的关键所在。 复制代码代码如下: html,body{ margin:0px; height:100%; } 一个对象高度是否可以使用百分比显示，取决于对象的父级对象，Table在body之中，因此它的父级是body，而浏览器默认状态下，是没有给body一个高度属性的，因此当我们直接设置#... 阅读全文

摘要：最近在做一个网页，要求网页首部使用固定像素高度，底部使用浏览器自适应高度，这样，就不能使用height:100%;的方法使网页保持浏览器自适应了，上网找解决方案，有很多，基本都是用JS实现的，既然如此，我也来一把呗：直接在网页中监听resize事件：window.addEventListener("resize", doResize);function doResize(){ var frmDiv = document.getElementById("frameContainer"); frmDiv.style.height = document.doc 阅读全文

摘要：很多朋友搞不清楚CSS中有哪些HACK，怎么使用，我翻译+整理了一下贴在这里。这篇文章是关于CSS的hacking技术。不要和微软专有的CSS属性“滤镜”混淆。 在理想世界里，正确的CSS应该在任何支持CSS的浏览器里工作良好。不幸的是，我们并不是生活在理想的世界里，浏览 器们布满了BUG和不一致。创建一个跨浏览器并且显示一致的页面，CSS开发者必须想尽办法。通过使用BUG和未实现的CSS，开发者就能够为不同的浏览 器应用不同的规则。HACK和FILTER是开发者强有力的武器。了解各种常用的HACKS以及它们如何工作，是件重要的事，但什么时候用和什么时候不用 它们，也是件同等重要的事情。 .. 阅读全文