最新统计:5458879 名前端工程师,270143 篇优秀笔记,23327 个前端问题被解决,1166 家高端企业入驻,1 个网站,1 个共同的家园!

高手的蜕变

前端网友最新动态:

加关注有惊喜:新浪微博腾讯微博

加载中,请稍后

  • 407449671解决jquery冲突的几种方法(转)

    解决jquery冲突的几种方法(转)

    方法一: jQuery.noConflict();//将变量$的控制权让渡给prototype.js jQuery(function(){//使用jQuery jQuery("p").click(function(){ alert(jQuery(this).text()); }); }); $("pp").style.display='none';//使用prototype 复制代码 方法二: var$j=jQuery.

  • blackkey设计网站

    设计网站

    用户体验团队网站 1、UCD大社区http://ucdchina.com/ 2、腾讯WSDhttp://wsd.tencent.com/ 3、腾讯CDChttp://cdc.tencent.com/ 4、腾讯ISDhttp://isd.tencent.com/ 5、淘宝UEDhttp://ued.taobao.com/ 6、著片会http://www.shupianhui.com/ 7、口啤U

  • 13515678147做页面时特殊符号的写法技巧总结

    做页面时特殊符号的写法技巧总结

    使用前: 1,快速创建出各种符号在页面显示 2,确保页面使用utf-8编码 3,不适用与移动端 4,因浏览器不同会造成一定差异 ⇠箭头类 符号UNICODE符号UNICODE HTMLJSCSSHTMLJSCSS ⇠⇠\u21E0\21E0⇢⇢\u21E2\21E2 ⇡⇡\u21

  • shaoyi52整理推荐的CSS属性书写顺序

    整理推荐的CSS属性书写顺序

    一.Mozilla建议CSS规则 [html]viewplaincopyprint? <spanstyle="font-family:MicrosoftYaHei;">/*Suggestedorder: *display *list-style *position *float *clear *width *height *margin *padding *border *background *color *font *text

  • jeanneze【总结】IE和Firefox的Javascript兼容性总结--非常赞

    【总结】IE和Firefox的Javascript兼容性总结--非常赞

      长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性:   一、函数和方法差异;   二、样式访问和设置;

  • AlenBoojQ多层动画

    jQ多层动画

    为公司新站开发的特效,jQ多层动画,为了顾及兼容,没用css3。为了简化前期开发,用色块模拟的运动元素。 测试地址:http://www.koncity.cc/test/banner.html 文件有点杂,不上传了,有兴趣的可以跟我拿源码。

  • 云婣叶子形状的loading

    叶子形状的loading

    <!doctypehtml> <html> <head> <styletype="text/css"> body{background:#000;} .color1{background:#FDE515;} .color2{background:#00DEF2;} @-webkit-keyframesloadRotate{ from{-webkit-transform:rotateZ(0deg);} to

  • 10029068javascript图片延迟加载

    javascript图片延迟加载

    原理和实现方法 延迟加载是通过自定义属性,把真实的img地址存到自定义属性中,如data-url=”img”,而图片真正的src存的是loading的图片,如src=”loading.gif”,通过JS来获取窗口的偏移量,当图片在窗口中的时候,再动态将data-url的值赋给src; 延迟加载的原理其

  • sylkljquery选择器使用

    jquery选择器使用

    jQuery常用的元素查找方法总结 1.基础 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div")选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类

  • tmeixia如何成为一名优秀的前端工程师

    如何成为一名优秀的前端工程师

    发现一篇不错的博文,和大家分享一下,为有志成为一名优秀前端工程师的童鞋们提供一个参考。:)~ 本文来源:http://www.biaodianfu.com/what-makes-a-good-front-end-engineer.html 一、技术的必须的 作为一名最基础的前端工程师你必须掌握HTML、CSS和J

  • happiness_warm呵呵 整个一看就懂的9*9简明乘法表吧

    呵呵  整个一看就懂的9*9简明乘法表吧

    <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title></title> </head> <body> </body> <scripttype="text/javascript"> document.write("<tablewidth='650'align='center'border='1'>"); for(vari=1;

  • xingzhongHTML5+CSS3安卓小人

    HTML5+CSS3安卓小人

    <!DOCTYPEhtml> <html> <head> <title>智能世界</title> <styletype="text/css"> body{font-family:"LucidaSansUnicode";font-size:14px;color:#4b4b4b;text-align:center;} *{padding:0px;margin:0px;} #container{position:

  • G.调dē哗丽CSS公用样式与一些解决方案

    CSS公用样式与一些解决方案

    html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td{margin:0;padding:0;}//这些样式大家应该都明白这样是把原先的选择器自带的外填充和内填充去掉归0,也许有人还在用“*”通配符,但是这样是有缺点的会让代码变

  • G.调dē哗丽响应式布局这件小事

    响应式布局这件小事

    讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布

  • z4yongheng目前比较全的CSS重设(reset)方法总结

    目前比较全的CSS重设(reset)方法总结

    在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现

  • z4yonghengcss通配符“*”及样式重置

    css通配符“*”及样式重置

    css通配符"*"可以消除浏览器的默认属性,比如:*{margin:0;padding:0;} 推荐这样html,body,div,span,applet,object,iframe,h1,h2,p,a{margin:0;padding:0;} 而不是*{margin:0;padding:0;} 因为css通配符“*”会将网站内所有元素的默认值重设,这在大型网站会加重

  • 赵冰龙webapp开发中使用的meta标签

    webapp开发中使用的meta标签

    1.声明是一个webapp,视图不缩放,禁止用户缩放 <metaname="viewport"content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">复制代码 2.指定网页使用[size=1.3]webkit引擎渲染,这句命令是用来针对国内用户使用的360浏览器6

  • 留住回首看你有多色游戏小试身手

    看你有多色游戏小试身手

    一、看你有多色游戏玩法: 首先初始化游戏时,界面出现两行两列的正方形色块,其中有一个颜色与其他颜色不同,自己找出来,然后点击,界面会逐渐增加正方形色块的行列数,最大增加到9行9列。 二、写js的主要思路: 2.1首先写一个方法用来绘制正方形块,用for循环来绘

  • g-yt移动Web单页应用开发实践——页面结构化

    移动Web单页应用开发实践——页面结构化

    1.前言 在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(SinglePageWebApp)。对于不同的系统需求,单页应用的粒度会不同,可能是整个系统都使用一个页面装载,也可能是按模块分为独立页面装载。在开发单页应用时第一个要处理的

  • zaijian99jquery 筛选元素方法

    jquery 筛选元素方法

    jQuery常用的元素查找方法总结 1.基础 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div")选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类

  • 10029068百度,淘宝,腾讯三大巨头HTML页面规范分解

    百度,淘宝,腾讯三大巨头HTML页面规范分解

    【兼容html5方案】 百度贴吧,百度图片的实现 <!--[ifltIE9]> <script> (function(){ vartags=['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article','section','mark','abbr','meter','output','progress','time

  • AsmailJS 页面加载触发事件 document.ready和onload的区别

    JS 页面加载触发事件 document.ready和onload的区别

    document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件); 二是onload,指示页面包含图片等文件在内的所有元素都加载完成。 1、DomReady 用jQ的

  • wocacaca自己用jq写的打飞机游戏,希望大家给点意见,优化性能和一些想法

    自己用jq写的打飞机游戏,希望大家给点意见,优化性能和一些想法

    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;c

  • 蓝靖宇宁自己尝试写了个导航背景可滑动的jquery插件

    自己尝试写了个导航背景可滑动的jquery插件

    <styletype="text/css"> body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0;padding:0;} body,button,input,select,textarea{font-family:tahoma,Arial,"MicrosoftYaHei",S

  • doriswjavascript基础语法-变量与函数

    javascript基础语法-变量与函数

    三javascript语法基础-变量与函数 (一)变量的声明与运用 JavaScript中的变量与Java、C等强类型语言有很大区别,虽然在JavaScript中具有字符串、数字等数据类型。 变量申明语句的结构是var保留字加标识符,var和标识符之间用空格隔开。 赋值语句的结构是在变

  • doriswjavascript基础语法-数据类型

    javascript基础语法-数据类型

    二javascript基础语法 (一)JavaScript数据类型 ***************************************************************** 不同的编程语言往往有不同的数据分类,与C和Java等面向对象语言不同的是,JavaScript变量不需要明确的数据类型声明,在第一次对变量赋值

  • AlenBoo循环打字

    循环打字

    近来审查自家网站发现有不少地方用少量循环打字这种特效,不过可能是之前的前端偷懒的关系,全部都是用设计那边给的GIF动态图来实现,这些GIF图的大小每张都超过了100K,对于优化有点小偏执的我马上着手特效的开发。很简单的特效,就是定时器的应用。不过还是贴上代码,

  • hugeannex效果展示——图文编辑器

    效果展示——图文编辑器

    公司后台需要一个简单的图文编辑器,那就来一个呗。。。 要来就来个新功能的,好玩、任性!反正公司用的浏览器都是最新的。呵呵,用得就是爽! 展示地址

  • iyang性能之编程实践

    性能之编程实践

    *避免双重求值: javascript允许在程序中提取一个包含代码的字符串,然后动态执行它,eval()Function()构造函数setTimeout()setInterval()。 双重求值过程:当你在javascript代码中执行另一段javascript代码时,都会导致双重求值的性能消耗,此代码首先会以正常的方

  • iyang性能之算法和流程控制

    性能之算法和流程控制

    算法和流程控制: *循环:代码执行时间大部分消耗在循环中。 *循环类型:fordo...whilewhilefor..in *循环性能:由于每次迭代操作会同时搜索实例或原型属性,for-in循环的每次迭代会产生更多开销。除了for-in循环外,其他的循环类型性能都差不多,循环类型的选择

  • 407449671简单的js倒计时跳转

    简单的js倒计时跳转

    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;

  • pvfhv抽奖小程序

    抽奖小程序

    年底了为了备战年会抽奖,特此写了抽奖的小程序,主要思路:点击抽奖,程序已经选中界面中的某一项,在选中此项之前要做类似于转盘的操作,在转动几圈后逐渐把焦点放到终点处。因此会用到定时器,要做到缓冲由快到慢,要不停地把定时器间隔时间拉长,从而实现了慢慢接近

  • 104828720JS基础——Cookie与存储

    JS基础——Cookie与存储

    一、Cookie是什么 Cookie是一种客户端(浏览器)把用户信息以文件形式存储到本地硬盘的技术,说白了就是一种浏览器技术 二、Cookie的作用 Cookie的作用很单一,就是存储客户数据。(存储数据的文件叫Cookie文件) 三、Cookie与变量的区别 变量:数据是存储到内

  • 肖汤圆利用CSS3的transition和translate属性写轮播图

    利用CSS3的transition和translate属性写轮播图

    首先呢,为神马我要写这样的一个DEMO呢?因为。。。prada.com的首页就有呀,虽然我是一个很穷的程序员,但还是有一个爱美爱奢侈品的心,嘻嘻,官网地址:http://www.prada.com/zh_hk.html?cc=AP,女生看看可以当做前进的动力,男生可以准备给女盆友买。。。 不说废话了

  • jarsonnodejs--实现跨域抓取数据

    nodejs--实现跨域抓取数据

    最近公司安排给我一个任务,抓取页面数据;http://survey.finance.sina.com.cn/static/20205/20131120.html?pid=20205&dpc=1,身为一个前端,还没搞过后台的东西,硬着头皮接下之后,就到网上各种找方法了。最终找到一个nodejs的方法,经过实践之后,觉得非常好用,所

javascript函数节流例子

zhou111222javascript函数节流例子

Javascript函数节流 最近在做网页的时候有个需求,就是浏览器窗口改变的时候需要改一些页面元素大小,于

冬季飘雪

精致疯子冬季飘雪

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/

使用canvas绘制七色板

水瓶瓶盖盖使用canvas绘制七色板

初学canvas,绘制了一个简单的七色板。欢迎交流! 效果如下图: <!DOCTYPEhtml> <html> <he

js随机方块背景

disenchantedjs随机方块背景

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xht

JS面向对象实现。

ronalduo88JS面向对象实现。

关于JS面向对象编程这个问题相信大家已经很熟悉了。 我们可以这样创建一个对象: //定义Person工厂方法,

天工网前端面试题,麻烦大家能不能留言做一下,分享下您的思路

zhazhaxia天工网前端面试题,麻烦大家能不能留言做一下,分享下您的思路

天工网前端工程师岗位笔试题 姓名:电话:邮箱: 一.时间请控制在90分钟以内,完成后以附件形式回传到天工

读《腾讯的用户体验设计之道》总结

熬且坚持着读《腾讯的用户体验设计之道》总结

简介 用户体验,是互联网产品的命脉。这两年PC互联网转到移动互联网,用户行为和迁移速度之快,超乎很多人

圣诞快乐——Christmas Heart

cb340081631圣诞快乐——Christmas Heart

又到12月了,沃尔玛貌似很早就装上了圣诞气氛,貌似还有点早,不过黑哥的圣诞翻唱11月就发布了--。。。越听

JavaScript进阶之路(一)——历史与简介

WM_PerfectJavaScript进阶之路(一)——历史与简介

原文http://www.cnblogs.com/ghost-xyx/p/4035615.html 上一篇博文距离现在已经四个月了,一直想写些什么

JSON序列化和反序列化日期时间的处理

WM_PerfectJSON序列化和反序列化日期时间的处理

Date对象 启用基本存储器并取得日期和时间。 dateObj=newDate() dateObj=newDate(dateVal) dateObj=new

css3初体验之图标练习

407449671css3初体验之图标练习

在花瓣上找了图标,用css3做出来,请用谷歌浏览器观看 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Tran

移动Web单页应用开发实践——页面结构化

guangpunba移动Web单页应用开发实践——页面结构化

1.前言 在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(SinglePa

原来桃心是这样画出来的

CodeLover原来桃心是这样画出来的

参考网址:http://jsdm.com/jsw/paint/TysIL<!DOCTYPEhtml> <html> <head> <title>桃心

那一星期(上一星期)

hugeannex那一星期(上一星期)

双十一活动落幕了,又有点闲了,捡起久违的nodejs,回忆+复习+前进。 几个月前实现过websocket握手协议,

页面滚动特效

anyong_0@163.co页面滚动特效

<!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>

CSS3初体验之可爱的太阳

anyong_0@163.coCSS3初体验之可爱的太阳

<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/html

[CSS学习笔记]IE6,IE5.5下的margin(一)

飞奔的阿毛[CSS学习笔记]IE6,IE5.5下的margin(一)

做完一个页面的布局,打开ff显示正常。 在ietest下,新建ie6,ie5.5的环境,打开网页,发现==,尼玛呀

css3初体验之可爱的太阳

407449671css3初体验之可爱的太阳

<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/htm

css3初体验——闹钟练习

407449671css3初体验——闹钟练习

<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/htm

前端攻城狮学习:让你彻底弄清offset

katherinesnow前端攻城狮学习:让你彻底弄清offset

很多初学者对于JavaScript中的offset、scroll、client一直弄不明白!这一节先来解释下offset的用法.(本人也

upyun

HTML5移动web开发指南 本书是为从未接触过HTML5新技术但同时又对移动web技术感兴趣的读者而编写的。如果你有

点击下载 »
返回顶部