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

90%的人都不会的简历技巧

前端网友最新动态:

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

加载中,请稍后

  • crackBom_可视区尺寸

    Bom_可视区尺寸

    可视区:能够看到网页内容的区域 标准:window.innerWidth/innerHeight实时变化的 通过tagname获取的html在有些版本的ie中会有问题; document.documenttElement(兼容ie和标准)指的是html标签这个方法就没问题 ie678:document.documenttElement.clientWid

  • 留住回首移动端图片滚动swipe

    移动端图片滚动swipe

    <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui"> <metacontent="yes"name="apple-mobile-web-app-capable"> <met

  • Fancy_sr自己设计了一个纯CSS的动态logo

    自己设计了一个纯CSS的动态logo

    做了下浏览器兼容,前面忘记加了,但是safari还是有点问题,还望高手指教~ <!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title></title> <style>.lflogo-container{display:block;width:200px;height:200px

  • 倔强的紫玫瑰Sublime text3 快捷方式(windows平台)

    Sublime text3 快捷方式(windows平台)

    1.GotoAnything-快速查找(ctrl+P) 输入@+函数名可以快速找到函数 输入#+文本可以快速进行文件内文本匹配 2.命令模式 Ctrl+Shift+P:打开命令面板Ctrl+P:搜索项目中的文件Ctrl+W:关闭当前打开文件Ctrl+Shift+W:关闭所有打开文件 Ctrl+Shift+V:粘贴

  • CaelumTianJavascript 数组修复与扩展

    Javascript 数组修复与扩展

    Javascript数组提供的方法大多数和栈操作,队列操作有关这些也是常用的方法。本篇文章继续对数组方法内容进行扩展已提供更加常用的函数。 首先对IE8及以下的数组进行修复,因为这之前的版本中许多常用的数组方法并没有引入或者使用方法不太一致。 一、数组修复 1.ind

  • wocacaca第一个略挫的个人主页完工...

    第一个略挫的个人主页完工...

    话说,这几天忙里偷闲,总算是把自己的主页草草写完,在最后一屏写了一个小小的动画demo,其实有时候想法都很天马行空,可是真的要去实现,就可蛋疼啦,所以本来想的很复杂的一些动画效果,被我压缩压缩再压缩,变成了现在这样soeasy的效果(原谅我是个懒人...) mik

  • 月迷津渡常见浏览器兼容性问题与解决方案

    常见浏览器兼容性问题与解决方案

    浏览器兼容问题一:不同浏览器的标签默认的margin和padding不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。 碰到频率:100% 解决方案: CSS里加一行 1 *{margin:0;padding:0;} 备注:这个是最常见的也是最

  • 子涧用表格来完成一个日历特效

    用表格来完成一个日历特效

    [run]<!DOCTYPEhtml> <html> <head> <title>用表格来完成一个日历特效</title> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/> <scripttype="text/javascript"> functioninit(){ vary=document.getElemen

  • 子涧实现js加载广告代码

    实现js加载广告代码

    [code][run]<html> <head> <script> functionAd(str){ if(!str.match(/\.swf/i)){ document.write("<divid=\"con\"style=\"z-index:99;display:block;position:fixed;margin-left:-100px;margin-top:-100px;left:50%;top:50

  • i77587 款令人赞叹的 HTML5 动画应用

    7 款令人赞叹的 HTML5 动画应用

    [size=13.333333015441895px]1、HTML53D图片阴影翻转动画这是一款很酷的HTML53D动画特效,这款3D特效可以为你的图片增加阴影的效果,而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果。在线演示源码下载2、HTML5Canvas波浪动画,可调节波浪高度这款波浪动画是基于HT

  • xiaoyan2015web页面标签重置cssReset(新增HTML5标签)

    web页面标签重置cssReset(新增HTML5标签)

    为了保证各个浏览器初始化时页面布局一致,这就需要在页面开始时重置下页面标签; @charset"utf-8"; body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,th,td,pre,blockquote,fieldset,lengend,input,button,textarea,form{margin:0;padding:0;} body,input,button,te

  • sylkl(转)简单切图操作

    (转)简单切图操作

    相对于程序来说,切图门槛很低,只要有一些ps基础,摸索个五分钟基本也就了解各大概。但是就跟其他的所有技能一样,切图也是有很多技巧性和经验在里面的,这些东西可以让你的切图工作更有效率,更有目的性。本文希望把我几年做切图的心得整理归纳一下,希望对各位前

  • yangbojiayoujs实现基本排序与去重

    js实现基本排序与去重

      以前用到排序的时候,用js自带的sort()函数就好了,闲来无事就用js实现了一些基本排序:  //位置交换 Array.prototype.wrap=function(i,j){ vartemp; temp=this[i]; this[i]=this[j]; this[j]=temp; returnthis; } //数组去重 Array.prototype.unique=function()

  • hahaxiaotianxiaJavascript中的变量检测——typeof、instanceof、constructor、prototype

    Javascript中的变量检测——typeof、instanceof、constructor、prototype

    三种方法: 1、检测字符串、数值、布尔值、undefined、function使用typeof。 分别返回:"string"、"number"、"boolean"、"undefined"、"function"。 typeof返回值是一个字符串,该字符串说明运算数的类型(number,boolean,string,function,obje

  • yuqiaini49看就知道~\(≧▽≦)/~啦啦啦

    看就知道~\(≧▽≦)/~啦啦啦

    <!DOCTYPEHTML> <html> <head> <title></title> <metacharset="utf-8"> <style> *{margin:0;padding:0;} .loading{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;/*background-color:red;*/ background:-

  • yiXiaoWangJavaScript cloneNode()方法详解

    JavaScript  cloneNode()方法详解

    cloneNode()方法接受一个布尔值参数,表示是否深拷贝,当参数为true时,表示深复制,为false时,表示浅复制。复制后返回的节点副本属于文档所有,但是并没有父节点.可以使用appendChild,insertChild(),replaceChild()等方法将其添加到文档。 true:表示执行深拷贝,复制本

  • cb340081631(●—●)一只响应式的大白

    (●—●)一只响应式的大白

    听说贴大白会火,so。。。 <!DOCTYPEHTML> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"> <title>我是一只羊</title> <style> *{margin:0;padding:0;} body:before{position:absolute

  • hahaxiaotianxiajsonp原理详解——终于搞清楚jsonp是啥了

    jsonp原理详解——终于搞清楚jsonp是啥了

    什么是JSONP? 先说说JSONP是怎么产生的: 其实网上关于JSONP的讲解有很多,但却千篇一律,而且云里雾里,对于很多刚接触的人来讲理解起来有些困难,着用自己的方式来阐释一下这个问题,看看是否有帮助。 1、一个众所周知的问题,Ajax直接请求普通文件存在跨域

  • wanmei这篇文章让你认识前端

    这篇文章让你认识前端

    这是一个很老的话题“前端工程师的价值体现在哪里?”。有人说:“前端工程师之于网站的价值犹如化妆师之于明星的价值。”一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度。当然,Web前端工程师并不是设计师,每天接触最多的是代码,代码,还是代码。对此

  • liulin0524菜鸟一个,画的大白一个 - -

    菜鸟一个,画的大白一个 - -

    学习阶段,好多瑕疵,不好地方帮我提出来吧 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>大白</title> <style> body{ background-color:#BCCCD3; } #box{ width:450px; h

  • CaelumTianJavascript 字符串扩展

    Javascript 字符串扩展

    脚本语言对字符串的操作格外的重视,js也不例外,js本省提供了一些字符串的操作方法:charAt,charCodeAt,concat,indexOf,等基本操作。实际开发中经常需要其他的字符串处理,本文参考了一些框架对字符串操作,编写了一些常用的字符串扩展方法。 trim(Stringstring)

  • 小玛丽打怪兽一款很棒的h5音乐播放器

    一款很棒的h5音乐播放器

    <!DOCTYPEhtml> <htmlclass=''> <head> <metacharset='UTF-8'><metaname="robots"content="noindex"> <styleclass="cp-pen-styles"> *{ color:#000; font-size:10px; font-family:"OpenSans",sans-serif; padding:0

  • winglaufixed在iphone中bug!

    fixed在iphone中bug!

    在做移动web应用的时候,常常习惯于使用position:fixed把一个input框作为提问或者搜索框固定在页面底部。但在IOS的safari和webview中,对position:fixed的支持不是很好(在IOS5之前甚至还不支持position:fixed)。我遇到的其中一个问题就是,在iOS7环境下,inputfocus弹

  • angus_jiangjs中callee与caller的区别

    js中callee与caller的区别

    callee是对象的一个属性,该属性是一个指针,指向参数arguments对象的函数 首先我们来写个阶成函数: functionchen(x){ if(x<=1){ return1; }else{ returnx*chen(x-1); }; };复制代码 从这个函数中可以看出来,用到了递归函数,要是改变了函数名,里面的函数名也要随

  • !xiong《jQuery Mobile即学即用》读书笔记#2

    《jQuery Mobile即学即用》读书笔记#2

    《jQueryMobile即学即用》读书笔记#2 主题 工具栏可折叠内容网格按钮 一、工具栏 定位 1.内联模式 2.标准固定模式 3.全屏固定模式 定义全屏工具栏:data-position=“fixed”,并在当前页面定义:data-fullscreen=“true” 4.真实固定模式:position=“fixed

  • szeretlek常见的浏览器下margin出现的bug

    常见的浏览器下margin出现的bug

    林林总总写了那么多,最后总结一些浏览器中常见的marginBug吧,以后遇到margin下的布局问题可以查看这里找到解决的方案,如果你还发现其他关于浏览器下margin的Bug你可以发表留言,核对采纳后我会及时添加进去,感谢你的分享: IE6中双边距Bug: 发生场合:当给父元素

  • comlewod个人网站n0o0n

    个人网站n0o0n

    这是上一年做的一个个人网站~最近打算重做一个放在这里纪念一下~ 这是链接:n0o0n.com 希望大家能喜欢~

  • i77589 款赏心悦目的 HTML5/CSS3 特效

    9 款赏心悦目的 HTML5/CSS3 特效

    [size=13.333333015441895px]1、HTML5WebGL实验,超酷的HTML5Canvas波浪墙这是一款HTML5Canvas实验项目,也是波浪特效,只是这不是真正的水波,而是利用柱体高度的变化实现的波浪墙效果。在线演示源码下载2、HTML5重力感应动画特效,冲撞小球演示页面上会掉落大小不等的

  • 沙漠胡杨贪吃蛇-利用HTML5的canvas标签和output标签

    贪吃蛇-利用HTML5的canvas标签和output标签

    操作方法: 按键盘上下左右或者WASD移动方向。 计分规则: 蛇身每增加一节,分数加10,在吃到下一个食物前每改变一次方向,减一分。 ps:分数可能会是负值 HTML5标签canvas: canvas元素用于在网页上绘制图形。 在贪吃蛇中利用画布绘制背景网格: //清空整个

  • 沙漠胡杨网页弹幕技术实现

    网页弹幕技术实现

    炫酷的弹幕评论技术,利用jQuery的animate动画效果实现,文字可以随机变化颜色哦 <!doctypehtml> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"> <title>Java开发视频弹幕技术SreenText</title>

  • pasturn银行卡号(bin码)识别发卡行

    银行卡号(bin码)识别发卡行

    这个是初级版本,希望大家可以来一起完善。 GitHub地址:https://github.com/Pasturn/cardNumQuery (function($){ $.fn.cncard=function(options){ varcontainer=$(this); options=$.extend({ display:'' },options); vardisplay=options.display; functioncardForm

  • 拎壶充基于CSS3自定义美化复选框Checkbox组合

    基于CSS3自定义美化复选框Checkbox组合

    今天我们要来分享一组非常漂亮的CSS3自定义复选框checkbox,每一个checkbox都有其各自的特点。有几款checkbox在选中的情况下还会出现动画效果,非常不错的CSS3自定义美化checkbox组合。另外,之前分享过的jQuery实现美化版的单选框和复选框也是非常不错。在线预览源码下

  • CodeLovercanvas随笔之 2048小游戏

    canvas随笔之 2048小游戏

    <!DOCTYPEHTML> <html> <head> <title>2048小游戏</title> <metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=yes"/>

  • Summer小疯子前端入门小知识-忍者学院篇

    前端入门小知识-忍者学院篇

    实验室的项目有点重,只有中午这点时间看看前端的东西,进展缓慢啊,捉急 一句话总结 ------------避免误区 1.Table的目的是为了存储数据,而DIV是为了架设页面结构,两者有不同的工作职能,不要认为使用table就是outofdate; 2.布局标准页面:xHTML+CSS,notDIV+CS

  • 拎壶充基于HTML5 Canvas粒子效果文字动画特效

    基于HTML5 Canvas粒子效果文字动画特效

    之前我们分享过很多超酷的文字特效,其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5Canvas的文字特效,输入框中输入想要展示的文字,回车后即可在canvas上绘制出粒子效果的文字动画,相当酷的动画效果。在线预览源码下载实现的代码。html代码:<canvascla

盒子模型及CSS3新属性box-sizing

hahaxiaotianxia盒子模型及CSS3新属性box-sizing

盒子模型图示: 标准盒子模型认为元素的宽高就是它的内容填充部分,及图中content部分。 IE传统模

原创:自定义区域div滚动条

xiaoyan2015原创:自定义区域div滚动条

这是在公司时做的一个小功能,当时是用来在侧边展示产品及新闻的, 自定义区块div滚动条,一个页面可执行

趴百度的音乐让大家听听

少先队来了趴百度的音乐让大家听听

想做一个音乐播放,无奈没得音乐原文件啊 于是乎看上了百度音乐,先各种抓包分析了一遍把我自己的红心里

offsetLeft,Left,clientLeft区别

sylkloffsetLeft,Left,clientLeft区别

offsetLeft,Left,clientLeft的区别 假设obj为某个HTML控件 obj.offsetTop指obj相对于版面或由offsetP

块状元素

verstand块状元素

display元素,生成框的类型。 <divstyle="display:inline"></div> 转化为内联元素,将

Javascript 数据类型判定

CaelumTianJavascript 数据类型判定

最近我在学习javascript的框架设计,写此文章的内容也就是为了复习知识。很早就打算写博客了,一直没有这个

css3巧用border做翻页效果

zyp199737css3巧用border做翻页效果

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

移动端网站测试

katherinesnow移动端网站测试

目前,主流的操作系统:Android和IOS.Android系统上浏览器众多,到底哪款更适合用户使用,都有着怎样的特点

尽信书不如无书

hugeannex尽信书不如无书

哈哈,刚刚查了一下html5的标签手册,发现http://www.w3school.com.cn/这个挺有名气的网站竟也有错误(感觉

有趣的蹦床弹跳及橡皮筋拖拽切换图片效果

chachaxw有趣的蹦床弹跳及橡皮筋拖拽切换图片效果

Reallyreallyamzing!昨天很高兴从Codrops学习了一个非常有意思的蹦床弹跳切换图片效果,还有拖拽换图片的交

HTML+CSS仿hao123网站

yancuiHTML+CSS仿hao123网站

刚开始学习HTML+CSS,就模仿hao123做了一个页面,有些东西没有实现,等学习了javascript,再来更新。。。

前端开发:用户体验不佳的八大细节

zhu1033527427前端开发:用户体验不佳的八大细节

前端开发中,开发者懂得如何设计网页和增加网站实用性。但Web应用针对的客服群非常大,不好的用户体验,往

原生js图片放大缩小

WDS原生js图片放大缩小

昨天看了妙味的js运动视频,自己动手做的图片放大效果。 <!DOCTYPEHTML> <html> <head> <

jQuery实现div横向拖拽排序

WindyRain_HappyjQuery实现div横向拖拽排序

最近刚刚从JavaWeb开发,投入前端的怀抱,希望可以认识更多喜欢前端的朋友,^-^! 献上刚刚写的一个小玩意

spritebox,一个非常棒的在线sprite工具

gttencs123spritebox,一个非常棒的在线sprite工具

网站地址:http://www.spritebox.net/ 能把零散的切图完美的(注意是完美哦)拼接在一起,并且你可以在线

web app变革之rem

next2012web app变革之rem

webapp变革之rem rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝

WEB前端攻城小师傅修炼之道

ikeyooWEB前端攻城小师傅修炼之道

做前端这一个多年头来,零零碎碎的学了一些个知识概念,但是有时候思索一下啊,觉得这个前端知识链还是不很

从网页制作到前端开发工程师难吗?

kuaiqie从网页制作到前端开发工程师难吗?

招个前端开发工程师难吗? 今天在CSDN上看了一个帖子,标题被我无耻的复制了“招个前端开发工程师难吗?”

情人节礼物,玫瑰花

ljinkai情人节礼物,玫瑰花

通过cavans实现玫瑰花的效果,正好为要到来的情人节热下身.. <html> <head> <title>情

“按需加载”的应用--转载

pingfan“按需加载”的应用--转载

按需加载是前端性能优化中的一项重要措施,按需加载是如何定义的呢?顾名思义,指的是当用户触发了动作时才

极客学院

JQUERY权威指南(全)6月10日更新 《JQUERY权威指南》(全本下载): 网盘下载 样书电子书下载(本书资源由熊仔同学

点击下载 »

JavaScript入门经典(第三版) 今天早上在群里听 守候 同学问论坛有没有 javascript入门经典(第四版) 这个书的电

点击下载 »
返回顶部