近日,因工作需要,需要通过点击某个元素后, 动态创建一个DOM元素并显示,因此写了一些相关的JS函数,在此记录,以作备忘: 精心开发5年的UI前端框架!
/**//*
动态创建DOM元素的相关函数支持
www.jcodecraeer.com
*/
/**//*
获取以某个元素的DOM对象
@obj 该元素的ID字符串
*/
function getElement(ob...
分类:
Web程序 时间:
2014-10-15 16:25:11
阅读次数:
246
在 Web 空前繁荣的今天,有关 Web 设计中的各种观点很多会成为话题,有的很快达成一致,有的则一直争议下去,本文讲述 Web 设计中的 5 大经典争议,这些争议从它们诞生的那天起,就被正反两方争得不亦乐乎。
争议之一:链接是否应该在新窗口打开
正方:
外部链接应该始终从新窗口打开,当你浏览一个站点的时候,点击了一个链接,却被带到另外一个站点,你在这个站点的会话也因此丢失,...
分类:
Web程序 时间:
2014-10-15 16:08:51
阅读次数:
219
postMessage 是 HTML5 新方法,它可以实现跨域窗口之间通讯。到目前为止,只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持,而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。
postMessage 方法 JSONP 技术不一样,前者是前端擅长跨域文档数据即时通讯,后者擅长针对跨域服务端数据...
分类:
Web程序 时间:
2014-10-15 16:08:11
阅读次数:
366
jQuery
1.特点:
小巧
功能强
跨浏览器
插件
2.使用
实际是js文件
a) 复制js到WebRoot
b) 页面jquery.js"
charset=""> 精心开发5年的UI前端框架!
3.核心对象及常用方法和属性
a)名称
jQuery和$
用$找出来的对象叫jQuery对象
用doc...
分类:
Web程序 时间:
2014-10-15 16:01:12
阅读次数:
370
基于jquery的可触摸滑屏的Web端系统
在移动设备越来越普及的今天,如何使用一套技术体系开发PC与移动平台都可使用的软件是值得探索的。
这个系统就是对这方面做了一下尝试, PC和平板均有比较好的体验。
平板中的截图如下:
主界面:
可更换背景:
点击图标后以新tab的方式打开页面,标签在底部方便触摸
网页中嵌...
分类:
Web程序 时间:
2014-10-15 15:46:10
阅读次数:
175
听说是最常用。。。。我是看了dom编程艺术想到的。 精心开发5年的UI前端框架!
无标题文档
.ca{background-color:red; padding:20px;}
.js{ border:1px solid #00F; padding:10px;}
...
分类:
Web程序 时间:
2014-10-15 15:28:10
阅读次数:
180
大部分网站,都要求用户登录。
常见的做法,是让用户注册一个账户。
这种做法并不让人满意。
对于用户来说,每个网站必须记住一个密码,非常麻烦;对于开发者来说,必须承担保护密码的责任,一旦密码泄漏,对网站的业务和信誉都是巨大打击。
所以,很早以前,人们就开始设想"无密码登录"(password-less login)。这对用户和网站,都将是极大的减负。
本文先回顾...
分类:
Web程序 时间:
2014-10-15 14:55:50
阅读次数:
279
CSS的class、id、css文件名的常用命名规则
(一)常用的CSS命名规则
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
...
分类:
Web程序 时间:
2014-10-14 19:34:19
阅读次数:
317
在很多的具体应用中都需要使用事件延迟触发,具体实现上使用setTimeout 函数,但使用还是有很多的不方便,所以这里介绍一个jQuery插件doTimeout,这个插件可以实现setTimeout 一样的效果,而且使用简单,同时可以在timeout运行之前可强制执行回调函数等。支持jQuery的链式调用。
使用实例
一,包含文件部分 精心开发5年的UI前端框架!
...
分类:
Web程序 时间:
2014-10-14 19:15:59
阅读次数:
270
module dom {
[Supplemental, NoInterfaceObject]
interface NodeSelector {
Element querySelector(in DOMString selectors);
NodeList querySelectorAll(in DOMString selectors);
};
Document implements N...
分类:
编程语言 时间:
2014-10-14 19:00:29
阅读次数:
645