小嘟 - 博客园

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)

smarty实例教程

摘要：转：http://www.webshu.net/jiaocheng/programme/PHP/200606/2897_4.html一、什么是smarty?smarty是一个使用PHP写出来的模板PHP模板引擎，它提供了逻辑与外在内容的分离，简单的讲，目的就是要使用PHP程序员同美工分离,使用的程序员改变程序的逻辑内容不会影响到美工的页面设计，美工重新修改页面不会影响到程序的程序逻辑，这在多人合作的项目中显的尤为重要。二、smarty优点：1. 速度：采用smarty编写的程序可以获得最大速度的提高，这一点是相对于其它的模板引擎技术而言的。2. 编译型：采用smarty编写的程序在运行时要编译阅读全文

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

判断页面是否加载完成实现代码

摘要：用js判断页面是否加载完成实现代码jquery加载页面的方法(页面加载完成就执行)。1、$(function(){ $("#a").click(function(){ //adding your code here });});2、$(document).ready(function(){ $("#a").click(function(){ //adding your code here });});3、window.onload = function(){ $("#a").click(function(){ //adding you 阅读全文

posted @ 2013-03-16 09:12 小嘟阅读(261) 评论(0) 推荐(0)

JS 跨浏览器兼容问题

摘要：转：http://topic.csdn.net/u/20100703/12/b7006a23-7d5b-4e5f-868d-38b64cc9aa1c.html?75132做BS开发就难免会用到javascript，而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们下面是兼容IE和FF的js脚本做法和分解（部分选自网上，经本人整理），希望对大家有帮助。/*以下以 IE 代替 Internet Explorer，以 MF/FF 代替 Mozzila Firefox *///window.eventIE：有window.event对象FF：没有window.event对象。阅读全文

posted @ 2013-03-16 08:42 小嘟阅读(288) 评论(0) 推荐(0)

导航