2013 年 3月 19 日随笔档案 - 小嘟

2013年3月19日

CSS3中的5个有趣的新技术

摘要：圆角、个别圆角、不透明度、阴影和调整元素大小。1：基本标记在我们开始这个教程之前，先来创建整个教程都要使用的基本标记。我们的xHTML需要一下div元素:#round, 使用CSS3代码实现圆角.#indie, 应用个别的几个圆角.#opacity, 展示新的CSS3实现不透明度的方式.#shadow,展示不使用Photoshop的情况下，使用CSS3来实现阴影效果.#resize, 展示如何使用某种CSS来实现重设大小的效果.综上所述，我们的xHTML应该是这样的:以下为引用的内容：<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit 阅读全文

posted @ 2013-03-19 22:39 小嘟阅读(318) 评论(0) 推荐(0)

html5新增元素

摘要：一、HTML5新增结构元素之前，我们只能用万能的div标签，并为其设置不同的id如header, footer, sidebar等来分别表达头部，底部或者侧栏等。而现在代码编写者不再需要为id的命名费尽心思，对于手机、阅读器等设备更有语义的好处。HTML 5增加了新的结构元素来表达这些最常用的结构：section: 这可以表达书本的一部分或一章，或者一章内的一节header: 页面主体上的头部。并非head元素footer: 页面的底部（页脚），可以是一封邮件签名的所在nav: 到其他页面的链接集合article: 诸如blog, 杂志，纲要等之中的一条独立记录举个例子，一个blog的首页，用阅读全文

posted @ 2013-03-19 18:41 小嘟阅读(413) 评论(0) 推荐(0)

前端安全问题

摘要：常见攻击XSS (Cross Site Script) ，跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入的恶意html代码会被执行，从而达到恶意用户的特殊目的。XSS属于被动式的攻击，因为其被动且不好利用，所以许多人常呼略其危害性。但是随着前端技术的不断进步富客户端的应用越来越多，这方面的问题越来越受关注。举个简单例子：假如你现在是sns站点上一个用户，发布信息的功能存在漏洞可以执行js 你在此刻输入一个恶意脚本，那么当前所有看到你新信息的人的浏览器都会执行这个脚本弹出提示框（很爽吧弹出广告：）），如果你做一些更为激进行为呢后果难以阅读全文

posted @ 2013-03-19 17:50 小嘟阅读(403) 评论(0) 推荐(0)

jQuery和dom转化

摘要：在项目中经常会用到JQuery和DOM的相互转换一般来说，有以下方式可以实现1.JQuery转DOM var o=document.getElementById("id");//o即是DOM对象 var $v=jQuery(o); //v就是jQuery对象2.DOM转jQuery jQuery对象的本质是数组对象，因此转换有两种方法：（1）[index]属性 var $v =jQuery("#id"); //v即是jQuery对象 var o=$v[0]; //o就是DOM对象（2）get(index)方法 var $v =jQuery(" 阅读全文

posted @ 2013-03-19 17:21 小嘟阅读(144) 评论(0) 推荐(0)

js apply

摘要： Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一下几个问题:1.apply和call的区别在哪里2.什么情况下用apply,什么情况下用call3.apply的其他巧妙用法（一般在什么情况下可以使用apply）我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用. apply:方法能劫阅读全文

posted @ 2013-03-19 16:49 小嘟阅读(230) 评论(0) 推荐(0)

js call

摘要： js callcall 方法请参阅应用于：Function 对象要求版本 5.5调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。-------------------- 阅读全文

posted @ 2013-03-19 16:47 小嘟阅读(114) 评论(0) 推荐(0)

nodeType

摘要： Node.ELEMENT_NODE（1）Node.ATTRIBUTE_NODE (2)Node.TEXT_NODE (3)Node.CDATA_SECTION_NODE(4)Node.ENTITY_REFERENCE_NODE(5)Node.ENTITY_NODE (6)Node.PROCESSING_INSTRUCTION_NODE (7)Node.COMMENT_NODE (8)Node.DOCUMENT_NODE(9)Node.DOCUMENT_TYPE_NODE(10)Node.DOCUMENT_FRAGMENT_NODE(11)Node.NOTATION_NODE(12) 阅读全文

posted @ 2013-03-19 15:10 小嘟阅读(161) 评论(0) 推荐(0)