专注WEB前端开发

摘要： 第一步：定义插件$(function() { $.fn.插件名称 = function(options) { var defaults = { Event : "click", //触发响应事件 msg : "Holle word!" //显示内容 }; var options = $.extend(defaults,options); var $this = $(this); //当然响应事件对象 //功能代码部分 //绑定事件 $this.li... 阅读全文

摘要： 什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域， 阅读全文

摘要： 你想创建的标题没有渲染和Photoshop每个标题吗?这里是一个简单的CSS技巧向您展示如何创建渐变文字效果,PNG图像(纯CSS,没有Javascript或Flash)。你所需要的是一个空的标记的标题和应用使用CSS背景图像叠加position:absolute。这种方法已经在大多数浏览器测试:Firefox、Safari、Opera,甚至Internet Explorer 6。继续阅读本文找出。VIEWDemosDOWNLOADDemo ZIP好处这是纯CSS技巧,没有Javascript或闪光。它可以工作在大多数浏览器包括IE6(PNG黑客需要)。它是完美的设计标题。你不必用Photos 阅读全文

摘要： 自CSS2早在1998年,推荐表的使用已经慢慢褪色成背景和历史书中。正因为如此,CSS布局从那时起一直编码优雅的代名词。的所有CSS概念设计师所使用,奖项可能需要给负margin的使用是最至少谈论的定位方法。这就像一个在线taboo-everyone的这样做,然而,没有人愿意谈论它。1。设置连续记录我们都使用我们的CSS,但当谈到负margin,我们的关系在某种程度上管理采取一个更糟的方向发展。使用负margin率在网页设计绝对是分歧如此之大,而我们中的一些人喜欢它,还有那些简单地认为这是魔鬼的工作。margin率为负看起来像这样:#content {margin-left:-100px;}负 阅读全文

摘要： demo您可以狠狠地点击这里：js文字选中分享到新浪微博demo方法与代码选中即分享的功能看上去比较高级，其实实现是相当简单的。其中的会让人头大，一般人也不感兴趣的原理这里就直接跳过。这个js文字选中后分享到新浪微博的功能我简单的封装了下，方法名是：$sinaMiniBlogShare，当然，您不喜欢可以换掉，甚至不要，此方法完整代码如下：var $sinaMiniBlogShare = function(eleShare, eleContainer) { var eleTitle = document.getElementsByTagName("title")[0]; e 阅读全文

摘要： javascript:可视区域宽 ：document.documentElement.clientWidth （width + padding）可视区域高 ：document.documentElement.clientHeight （height + padding）可视区域宽： document.body.offsetWidth(包括边线的宽： width + padding + border)可视区域高： document.body.offsetHeight(包括边线的高：height + padding + border)内容高 ： document.body.scrollHeight 阅读全文

摘要： 我一直在寻找有关jQuery性能优化方面的小窍门，能让我那臃肿的动态网页应用变得轻便些。找了很多文章后，我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表，你可以打印出来或者设为桌面背景。一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$('#content').hide(); 或者从ID选择器继承来选择多个元素:$('#content p').hide() 2. 在class前面使用tag jQuery中第二快的选择器就是 阅读全文

摘要： 1.使用 === 代替 == JavaScript 使用2种不同的等值运算符：===|!== 和 ==|!=，在比较操作中使用前者是最佳实践。“如果两边的操作数具有相同的类型和值，===返回true，!==返回false。”——JavaScript：语言精粹 然而，当使用==和！=时，你可能会遇到类型不同的情况，这种情况下，操作数的类型会被强制转换成一样的再做比较，这可能不是你想要的结果。2.Eval=邪恶 起初不太熟悉时，“eval”让我们能够访问JavaScript的编译器（译注：这看起来很强大）。从本质上讲，我们可以将字符串传递给eval作为参数，而执行它。 这不仅大幅降低脚本的... 阅读全文

摘要： 直在做各种项目接各种需求，但你的代码能力得到提高了吗？不停的项目经历虽然能够增加你的代码行数，但不一定能提升你的代码质量，所以除了构建阶段的代码细扣，项目之后的代码总结是至关重要的。微吧中除了模块化、公用和皮肤元素处理外，还有很多可总结的东西，例如：1、字符图标：整站大部分纯色的功能性的图标都是用字符实现的，节省了图片字节，利于修改和换肤。2、feed的改造和扩展：基础feed、图片带打开收起功能、扩展了视频音乐富文本功能、又扩展成带时间轴和PK模式的feed，代码清晰可扩展性强。3、各种margin负值：减少了很多用postion定位的样式，尽量的减少了PHP输出的判断工作。4、图片的拼合和 阅读全文

摘要： 思路：利用CSS3的text-shadow属性，对文字的四个边均用阴影。最终效果：单纯的为了实现效果。未作任何美化。实现代码：HTML：文字描边效果CSS：div{ text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #000, 0px -2px 0px #000; }text-shadow属性：语法：text-shadow： none |none | [, ] *或none | [, ]*相关属性： 无取值：：指定颜色。：由浮点数字和单位标识符组成的长度值。可... 阅读全文