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

让梦想更容易实现

前端网友最新动态:

加关注有惊喜:新浪微博腾讯微博
  • 波克比CSS3动画案例—抖动导航

    CSS3动画案例—抖动导航

    <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>css3导航</title> <style> *{padding:0;margin:0;} body{font-size:12px;font-family:"宋体",Arial;color:#333;} ul{list-style:none;} a{color:#333;text-de

  • lilinsoftBing输入带提示搜索框制作 - 不同分辨率布局依然垂直居中

    Bing输入带提示搜索框制作 - 不同分辨率布局依然垂直居中

    <!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

  • lilinsoftTaoBao网可选择分类的搜索框

    TaoBao网可选择分类的搜索框

    <!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

  • 波克比CSS3动画案例—流光效果

    CSS3动画案例—流光效果

    <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>css3流光效果</title> <style> body{text-align:center;width:470px;margin:0auto;} .overimg{margin:0auto;position:relative;display:block;box-shadow:0010px#FF

  • Richaren转载别人的博客(z-index无效的几种情况)

    转载别人的博客(z-index无效的几种情况)

    在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。 1.第一种情况(z-index无论设置多高

  • ruijiecss编写规范

    css编写规范

    规范的编写,有助于代码的阅读性; 不管对于后端开发人员,还是以后的维护都有很好的,便利性!所以在此总结,在总结个人书写习惯。希望对朋友们有所帮助! 一:通过w3c 标准 二:css样式一律小写 三:使用Reset但并非全局Reset(Reset并不是一成不变的,具

  • langfa0408CSS3笔记

    CSS3笔记

    兼容低版本 -webkit-transition -moz-transition -o-transition transition 属性选择器 E[attr]只使用属性名,但没有确定任何属性值 E[type="text]指定属性名,并指定了该属性的属性值 E[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列

  • Blizzard纯html5绘制的七巧板

    纯html5绘制的七巧板

    使用纯html5绘制的七巧板 <!DOCTYPEHTML> <htmllang="en-US"> <head> <metacharset="UTF-8"> <title></title> </head> <body> <canvasid="canvas"style="border:1pxsolid#aaa;display:block;margin:50px

  • 影沫《JS DOM编程艺术》 个人总结

    《JS DOM编程艺术》 个人总结

    新手,怀抱着对前端的极大兴趣,希望把自己对《JSDOM编程艺术》这本经典书籍的理解写下来。大神什么的可以无视飘过了,或许站在一个新人角度能够对更多刚刚接触前端的同学有一点点帮助或启发。 正文将从本书所强调的原则,书中的关键概念,书中较为实用的部分代码,还有

  • 风中小萌睡不着、把以前写的jquery无刷新分页整理下。不完善还请不要见怪哦

    睡不着、把以前写的jquery无刷新分页整理下。不完善还请不要见怪哦

    之前由于公司需求、要用无刷新的分页效果。就自己动手做了一个(因为自己不是搞WEB前端的、所以对于页面样式不会调整,有点丑陋哦、勿怪!哈哈) 感觉现在不会前端技术开发就比较烦、所以最近一段时间都在学习(新手哈、),第一次用这个、对排版这个还不熟悉。有点乱的

  • tree浏览器如何渲染页面

    浏览器如何渲染页面

    基本概念 WEB页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将HTML代码根据CSS定义的规则显示在浏览器窗口中的这个过程。 渲染过程 1.用户输入网址(假设是个HTML页面,并且是第一次访问),浏览器向

  • tianxiaofeng747推荐大家使用的CSS书写规范、顺序

    推荐大家使用的CSS书写规范、顺序

    CSS书写顺序 1.位置属性(position,top,right,z-index,display,float等) 2.大小(width,height,padding,margin) 3.文字系列(font,line-height,letter-spacing,color-text-align等) 4.背景(background,border等) 5.其他(animation,transition等) CSS

  • yorky浮动导航(不兼容IE6)

    浮动导航(不兼容IE6)

    <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> </head> <title>浮动导航</title> <scripttype="text/javascript"src="http://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js

  • perfectyangjs打字机效果,你懂的,哈哈!!!

    js打字机效果,你懂的,哈哈!!!

    <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>无标题文档</title> <style> #one,#two{width:400px;height:300px;border:1pxsolidred;padding:10px;} #two{border:1pxsolid#339;} </style> </head>

  • tanxuxutextarea限制字符输入方法

    textarea限制字符输入方法

    functioncheck(obj){ varMaxchar=20; if(obj.value.length>Maxchar){//如果超出 obj.value=obj.value.substring(0,Maxchar);//截取0到Maxchar的字符串 } varcurr=Maxchar-obj.value.length; document.getElementsByClassName("count")[0].innerHTML="您还可以

  • tanxuxu解决ie7下overflow:hidden失效问题

    解决ie7下overflow:hidden失效问题

    父亲元素下面的子节点或者孙子节点有position:relative;或者absolute时,父亲即使设置了overflow:hidden;在ie低版本下依然会溢出,特别是在有下拉导航的情况下经常出现。 解决方法可以: 在父亲元素上加上*position:relative; 说明:*是ie的hack,只有ie6,

  • perfectyang转:JavaScript初学者建议:不要去管浏览器兼容

    转:JavaScript初学者建议:不要去管浏览器兼容

      我初学时的处境   在我初学JavaScript的时候最头痛的就是浏览器兼容问题。在Firefox下面好好的代码放到IE就不能显示了,又或者是在IE能正常显示的代码在firefox又报错了。   前端开发工程师的职责就包括跨浏览器开发。所以我就在还不了解JS这门语言本身

  • it_163@126.comdialog插件

    dialog插件

    基于bootstrap.css和jquery-1.7.2版本开发的一个小插件 <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"> <title>Examples</title> <metaname="de

  • loheonlyJavaScript中的继承,构造函数以及new关键字的作用

    JavaScript中的继承,构造函数以及new关键字的作用

    通常一个构造函数是这样子的,它带有一个area的原型方法,在构造函数中传入长、宽并计算面积。 varShape=function(width,height){ this.width=width; this.height=height; }; Shape.prototype.area=function(){ returnthis.width*this.height }; varshape=newShape(20

  • steplidom 层次遍历-仿underscore

    dom 层次遍历-仿underscore

    经常在面试题中看到dom层次遍历,自己尝试着用underscore的式的方法写了个,试着还可以用。 <!doctypehtml> <html> <head> <metacharset="utf-8"> <title></title></head> <body> <divid="par"> <divid=

  • pingfanjs九宫格图片集,浮动特效

    js九宫格图片集,浮动特效

    js九宫格图片集,里面含有我拖拽图片的写法: 难道:主要是实现运动特效上。 完美兼容ie6,ie7,ie8 <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>Javascript控制多个图片放大缩小/简易js相册/浮动布局转定位布局</ti

  • sara_rice前端面试题

    前端面试题

    HTML相关 HTML相关的面试题目 1:html5有哪些新特性? HTML5中的一些有趣的新特性: 用于绘画的canvas元素 用于媒介回放的video和audio元素 对本地离线存储的更好的支持 新的特殊内容元素,比如article、footer、header、nav、section 新的表单控件,比如c

  • pingfan跨域取值瀑布流

    跨域取值瀑布流

    现在瀑布流这种特效,越来越常见了,我也练了一下手: 分析瀑布流疑难问题: 1.其实主要是通过ajax,取值,然后添加到节点 2.判断滚动条滚动到底部,ajax就行了 完美兼容ie6,7,8 预览展示: <!DOCTYPEHTML> <htmllang="en-US"> <head>

  • alice2121Sublime Text 2快捷键大全

    Sublime Text 2快捷键大全

    Ctrl+L 选择整行(按住-继续选择下行) Ctrl+KK 从光标处删除至行尾 Ctrl+Shift+K 删除整行 Ctrl+Shift+D 复制光标所在整行,插入在该行之前 Ctrl+J 合并行(已选择需要合并的多行时) Ctrl+KU 改为大写 Ctrl+KL 改为小写 Ctrl+D 选词(按住-继续选择下个相同

  • sara_riceJavascript编程风格

    Javascript编程风格

    DouglasCrockford是Javascript权威,Json格式就是他的发明。 去年11月他有一个演讲(Youtube),谈到了好的Javascript编程风格是什么。 我非常推荐这个演讲,它不仅有助于学习Javascript,而且能让你心情舒畅,因为Crockford讲得很幽默,时不时让听众会心一笑。 所谓

  • sara_riceJavascript异步编程的4种方法

    Javascript异步编程的4种方法

    你可能知道,Javascript语言的执行环境是"单线程"(singlethread)。 所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这种模式的好处是实现起来比较简单,执行环境相对单纯;坏

  • 家乡的云_月风车,白云,流水,纯CSS动画

    风车,白云,流水,纯CSS动画

    一下午吃饱无事可做,想想干啥子好呢,开着个电脑,想起之前一个大神写的风车动画,突然跃跃欲动,无聊也是无聊着,于是就动手开始写了。 由于是无聊游戏之做,所以没有考虑太多,代码不好看啥子的就不要太在意这些细节 由于我是在chrome浏览器上做的测试,所

  • pingfan写自己的js拖拽照片墙

    写自己的js拖拽照片墙

    拖拽照片墙的,难度其实还是蛮大的,自己摸索了大半天,也参考了别人的………… 难点:1.九宫格判断碰撞,通过排除法,如果四个边距没有相交,以外的都有碰撞的。 2.然后就是如何运动了,感觉挺不好理解的,先要用容器装载要移动的left,top值,还要分别有不同的计时

  • 5j2finnerHTML、innerText和outerHTML、outerText的区别

    innerHTML、innerText和outerHTML、outerText的区别

    刚刚看了一遍博客,关于innerhtmlinnertext和outerhtmloutertext的区别:innerHTML设置或获取位于对象起始和结束标签内的HTMLouterHTML设置或获取对象及其内容的HTML形式innerText设置或获取位于对象起始和结束标签内的文本outerText设置(包括标签)或获取(不包括标签)对

  • yorkyCSS里div的几种水平垂直居中

    CSS里div的几种水平垂直居中

    一、百分比宽高div,水平垂直居中<!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="Conten

  • 疯狂webercss直接写出小三角

    css直接写出小三角

    在开发移动端项目时,总是遇到很多小三角,之前一直用图片,感觉好麻烦,今天尝试了直接用CSS写出小三角! 先看看如何写出各种小三角!/*箭头向上*/ .arrow-up{ width:0; height:0; border-left:30pxsolidtransparent; border-right:30pxsolidtransparent; border-bott

  • Blizzard纯HTML5打造的时钟

    纯HTML5打造的时钟

    自己写的HTML5时钟 <!DOCTYPEHTML> <htmllang="en-US"> <head> <metacharset="UTF-8"> <title></title> <script> window.onload=function(){ varoC=document.getElementById('ch1'); varoGC=oC.getContext('2d'); fun

  • yorky(转)css3 transition结合js实现手机轮播

    (转)css3 transition结合js实现手机轮播

    <!DOCTYPEhtml> <html> <head> <metahttp-equiv="content-type"content="text/html;charset=UTF-8"> <metacontent="width=device-width,user-scalable=no,initial-scale=1.0;maximum-scale=1.0;user-scalable=0;"name="viewport"

  • fcoral原生js支持鼠标滚轮键盘左右键图片展示

    原生js支持鼠标滚轮键盘左右键图片展示

    帮朋友做的一个小效果,各位大神看下哪里可以改进。<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title></title> <metaname="Keywords"content=""/> <metaname="Description"content=""/> <styl

  • hexiaoco百度天气预报接口

    百度天气预报接口

    接口说明 根据经纬度/城市名查询天气的结果 接口示例 http://api.map.baidu.com/telematics/v3/weather?location=北京&output=json&ak=5slgyqGDENN7Sy7pw29IUvrZ 百度ak申请地址:http://lbsyun.baidu.com/apiconsole/key 接口参数说明 参数类型参数名称

近三天面试叨叨

hugeannex近三天面试叨叨

周一去了“锐捷”面试,基本上就是和技术经理探讨一下效果的实现,公司离住的地方挺近的,可惜money没跟上

js常见的cookies操作

pingfanjs常见的cookies操作

前一段时间,做手游联盟有用到过cookies,但隔了一段时间感觉自己都忘记了,今天闲了,整理了一下资料,做

手机H5图集插件

hugeannex手机H5图集插件

力压3G门户的、百度新闻的、新浪微博的、搜狐新闻的。 何谓HTML5自适应,百分比也,而不是用js来算宽高,

CSS照片墙效果

不新鲜的萝卜皮CSS照片墙效果

CSS照片墙效果 <html> <head> <metacharset="utf-8"> <title>照片墙面效

一行代码轻松搞定各种IE兼容问题

Blizzard一行代码轻松搞定各种IE兼容问题

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案,Google也给出了解决方案

CopyGirls_0.0.1开发记录

mproxyCopyGirls_0.0.1开发记录

CopyGirls是一个可以无限滑动看图的应用,她虽然看起来简单,用起来无聊,却能打发你无所事事的时间,况且

windows下node.js安装教程(一)

pingfanwindows下node.js安装教程(一)

在Windows上安装Node.js十分方便,我们只需要访问node.js官网http://www.nodejs.org/,点击Download链接,

写了一个基于KendoUI的js插件,拿出来分享下

mengchen129写了一个基于KendoUI的js插件,拿出来分享下

第一次发笔记,先试一下效果,若有不好不要喷哈~ 插件主页截图: 附上代码: /** *KendoUISelector

Javascript模块化编程

sara_riceJavascript模块化编程

随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越

女生程序员的路:向左,向右

5j2f女生程序员的路:向左,向右

目前所在公司是一家做新媒体服务的公司,来公司半年这是第二次参加公司培训,之前的一次是公司福利制度

Github上最受关注的前端大牛,快来膜拜吧

loheonlyGithub上最受关注的前端大牛,快来膜拜吧

PaulIrish PaulIrish是著名的前端开发工程师,同时他也是Chrome开发者关系团队成员,jQuery

纯css手风琴效果

不新鲜的萝卜皮纯css手风琴效果

纯css手风琴效果,利用了transition属性<html> <head> <metacharset="utf-8"> <titl

表单美化-单选按钮

Sam_Hu表单美化-单选按钮

<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>表单

html5音乐播放器

x537196html5音乐播放器

切换列表: 额,首先说明,我是纯业余的,只是为了好玩,所以求大神轻拍 所有一切都是为了实现功能

css2 画特殊三角^

tianxiaofeng747css2 画特殊三角^

^ 就像这个一样,怎么画?看下面 楼主以前是做美工的,所以上个图吧。 看代码 <!DOCTYPEhtm

《JavaScript高级程序设计》读书笔记

langfa0408《JavaScript高级程序设计》读书笔记

Javascript由以下三部分组成: 核心(ECMAScript)文档对象模型(DOM)浏览器对象模型(BOM) ECMAScript组成

《实用技巧》—让你的网站变成响应式的3个简单步骤

精致疯子《实用技巧》—让你的网站变成响应式的3个简单步骤

摘要:1-布局.2-媒体.3-字体. 如今,一个网站只在桌面屏幕上好看是远远不够的,同时也要在平板电脑和

关于Yahoo十四条军规与前端性能优化

Blizzard关于Yahoo十四条军规与前端性能优化

启用Gzip压缩。Gzip的思想就是把文件先在服务器端进行压缩,然后再传输。这样可以显著减少文件传输的大小。

详解CSS相对定位和绝对定位

Blizzard详解CSS相对定位和绝对定位

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

藏阅:怎样才能成为优秀的前端开发工程师?

精致疯子藏阅:怎样才能成为优秀的前端开发工程师?

摘要:如何才能成为一名优秀的前端工程师呢?1.多写,2.看书,3.读Blog,4.学一门后端语言,5.去用很多产品,至

upyun

CSS常用的一些技巧整理 部分同学下载后发现手册右侧内容不显示,大家只需要在文件上点击 右键→属性→解除锁

点击下载 »
返回顶部