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

让梦想更容易实现

前端网友最新动态:

加关注有惊喜:新浪微博腾讯微博
  • nicole_hf关于setTimeout同步和异步问题

    关于setTimeout同步和异步问题

    <scripttype="text/javascript"> functiontest(){ for(vari=0;i<5;i++){ setTimeout(function(){ alert(i)},100); } } test(); </script>复制代码 第一段代码中,开发人员的本意应该是每隔100毫秒将i的值加1输出,然而这段代码并不能达到上述目的,因为i

  • treejs--练习=数字时钟

    js--练习=数字时钟

    这算是Date()的练习吧 获取各种本地时间... //获取从1970年开始的毫秒数 document.write(oDate.getTime()+"毫秒"); //获取本地时间的秒数 document.write(oDate.getSeconds()+"秒"); //获取本地时间的分钟数 document.write(oDate.getMinutes()+"分

  • tianzitianxieJS根据汉字获取简拼

    JS根据汉字获取简拼

    <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="utf-8"> <!--AlwaysforcelatestIErenderingengine(eveninintranet)&ChromeFrame Removethisifyouusethe.htaccess--> <metahttp-equiv="X-UA-Compatible"con

  • Ann大然我也来滚一滚~~视差滚动

    我也来滚一滚~~视差滚动

    看到波可比写的笔记视差滚动学习了一下,自己也写了一个: 原理:1.利用background-attachment固定背景让其不随内容滚动2.不同元素设置不同的滚动速度,形成交错的视差 重点在第2点,如何做到不同速度? 主要是通过改变background-position的y来达到不同速度

  • pingfanhtml5 canvas时钟

    html5 canvas时钟

    基础知识点: canvas标签只是图形容器,您必须使用脚本来绘制图形。 getContext()方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。——获取上下文对象。 getContext("2d")对象属性和方法,可用于在画布上绘制文本、线条、矩形、圆形等等。

  • 留住回首纯css3写的步奏框

    纯css3写的步奏框

    <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>纯css3写的步奏框</title> <style> .step{position:relative;} .stepa{position:absolute;display:inline-block;color:#fff;} .stepaspan{display:inline-block;fl

  • 波克比未知高度的图片垂直居中显示

    未知高度的图片垂直居中显示

    方法一: <!DOCTYPEHTML> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"> <title>无标题文档</title> <style> .box{width:800px;margin:0auto;height:600px;border:2pxsolid#000;display:

  • iyang高质量css

    高质量css

    今天在阅读前端面试时,看到其中一条关于如何组织css,想起我曾经读过的一本编写高质量的代码中的高质量的css,将我感悟的东西做以下分享。 高质量的css: 标准模式和怪异模式以及DTD 1:标准模式中,浏览器根据规范表现页面,而怪异模式浏览器通常模拟老式浏览器

  • 晴天才微笑前端学习资料汇总(转)

    前端学习资料汇总(转)

    前端工具: canisee:http://caniuse.com/——一个查看css及html5在各个浏览器及手机端的支持情况 前端视野:——平时可以多看看的网站了解下最新资讯 前端观察站,腾讯的前端技术,挺有含金量: html5中国:http://www.html5cn.org/——有很多html及css小知识的网

  • kepinweb让我们一起来做一个好的Banner图片。

    让我们一起来做一个好的Banner图片。

      我们的网站,是由若干个“碎片”组成的,那么其中Banner的作用,想必大家都知道,或许很多朋友,对于亲手操刀Banner来说,事件不可想象的事情,自己审美不行、技术不行等,做不了,其实呢,Banner的制作很简单。   首先我们要知道,Banner不仅仅是装饰网站,更

  • Ling丶Q好久没来,打篇笔记(PNG8和PNG24的区别)

    好久没来,打篇笔记(PNG8和PNG24的区别)

    今天我做了一个图,因为需要透明,所以我存为了PNG8格式,结果发现图片变了,图片变得四周都 不光滑了,四周都变得有锯齿了,而且阴影也不见了,后来存为PNG24,这些问题就消失了。 我去百度搜索了关于PNG8和PNG24的区别,看到下面的文章,原来PNG8要么完全透明,要么

  • 5j2f前端值得看的文章

    前端值得看的文章

    事件冒泡事件捕获:http://www.jb51.net/article/42492.htm; js作用域:http://blog.csdn.net/yueguanghaidao/article/details/9568071; form表单:http://suo.iteye.com/blog/493998; 雅虎ui:http://yui-doc-zh.googlecode.com/svn/trunk/yui_2.7.0b/docs/YAHOO

  • w3cannyshen雅虎网站页面性能优化的34条黄金守则(转)

    雅虎网站页面性能优化的34条黄金守则(转)

    雅虎团队经验:网站页面性能优化的34条黄金守则 1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少

  • huangkang10条影响CSS渲染速度的写法与建议

    10条影响CSS渲染速度的写法与建议

    1、*{}#zishu*{}尽量避开 由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有标签的默认属性全部去除,以达到所有签标属性值都统一的效果。所以就有了*通配符。*会遍

  • pure_lugHTML5--本地存储Web Storage(转)

    HTML5--本地存储Web Storage(转)

    WebStorage功能,顾名思义,就是在Web上针对客户端本地储存数据的功能,具体来说WebStorage分为两种; sessionStorage:   将数据保存在session对象中,所谓session是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所

  • 5j2f字符串多位置的插入

    字符串多位置的插入

    (function($){ vartool={}; //字符串多位置的增删改查; tool.string={ //strings:是要操作的字符串,opt_str:如果要操作的是单个字符串的话则传单个字符串,如果是多个则是操作字符串组成的一维数组, //place如果是只操作一个地方则传成要操作地方位置或者是多

  • winglauJS操作JSON总结

    JS操作JSON总结

    JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不须要任何特殊的API或工具包。 本文主要是对JS操作JSON的要领做下总结。

  • zwj2010haojs使用eval解析json(js中使用json)

    js使用eval解析json(js中使用json)

    先来说eval的用法,内容比较简单,熟悉的可以跳过 eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回

  • pingfan中秋作品-只想对你说

    中秋作品-只想对你说

    今天下午,看到了微信朋友圈有人分享的中秋推广,觉得别人做的挺不错的,一时起兴,自己也上了一个,因为没人跟我做ui,那只有借鉴人家的了…… 就废话少说了,直接上效果代码,也祝大家中秋节快乐…… 访问链接地址(请用高级浏览器访问,手机微信浏览器访问功能最

  • iyangcss水平居中和垂直居中

    css水平居中和垂直居中

    水平居中: 内联元素:text-align:center;相对于父级居中显示 块级元素:margin:0auto;但是需要同时width,否则无法看到效果 多个块级元素居中:在此想要探讨一下display:inline-block;和display:flex; 方法1:在父级上设置text-align:center;在元素上设置:display:

  • zwj2010haoConsole命令详解,让调试js代码变得更简单

    Console命令详解,让调试js代码变得更简单

    转自http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html Firebug是网页开发的利器,能够极大地提升工作效率。 但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。 =================

  • 波克比CSS3 loading动画(蓝色系列)

    CSS3 loading动画(蓝色系列)

    loading动画1 <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>蓝色系loading动画</title> <h3>loading动画1</h3> <style> h3{text-align:center;} .loading-demo1{width:60px;height:60px;position:relat

  • 潇洒html图片淡化方式滚动条

    图片淡化方式滚动条

    话不多说,直接上代码,小菜,第一次发,老鸟勿笑!~~~ <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <m

  • pingfan基于HTML5的多图Ajax上传实例页面

    基于HTML5的多图Ajax上传实例页面

    基于HTML5的多图Ajax上传实例页面 初稿: <!DOCTYPEHTML> <htmllang="en-US"> <head> <metacharset="UTF-8"> <title>基于HTML5的多图Ajax上传实例页面</title> <styletype="text/css"> body,h1,section{margin

  • Rainy°JS判断滚动条是否停止滚动

    JS判断滚动条是否停止滚动

    原地址:http://blog.csdn.net/ghsau/article/details/8693824 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head>

  • no1_____tank_谈谈JS里的{ }大括号和[ ]中括号的用法

    谈谈JS里的{ }大括号和[ ]中括号的用法

    谈谈JS里的{}大括号和[]中括号的用法,理解后就可以看懂JSON结构了。 一、{}大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。 如:varLangShen={"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象

  • pure_lugthis.index的妙用

    this.index的妙用

    window.onload=function() { varoLi=document.getElementById("tab").getElementsByTagName("li"); varoUl=document.getElementById("content").getElementsByTagName("ul"); for(vari=0;i<oLi.length;i++) { oLi[i].index=i;//单独存储 oLi[i].onmo

  • tianxiaofeng747前端学习资源罗列(转)

    前端学习资源罗列(转)

    前言:  站在巨人的肩膀上,确实能让我们看得更远。而我认为学习的不二法门就是不断模仿,但是一定要有自己的思考。拿来主义如果少了思考,就会变得毫无意义。以下列出一些前端优秀网站,大家自行取其精华,批判吸收。    学习站点资源 Adobe出的,Adobe其

  • 79px前端前端乐事--谷歌变相阻止用户使用老版浏览器

    前端乐事--谷歌变相阻止用户使用老版浏览器

    腾讯科技讯在上周末,谷歌论坛里的很多人报告说,他们在使用老版浏览器的时候看到的是2013版的谷歌搜索主页。 这个问题主要是由那些使用Safari5.1和Opera12浏览器的用户反映出来的。 谷歌在这个论坛中发布的一条信息称,这种变化是为了“鼓励”人们升级他们的浏览

  • 唯美美【javascript】多组自定义属性图片切换 (辅导完成)

    【javascript】多组自定义属性图片切换 (辅导完成)

    经过辅导,经过百度,最后终于完成了。 多组图片同时切换。 自己总结:开始写这个练习时,先写的初始化,都实现了,唯一不能实现的是,图片的切换,左边是5张图、右边是4张图、要同时切换,不能缺图,也不能多图。 想了一个晚上,没写出那样的效果,后经过朋友辅导

  • Crik重新实现marchen的"搞点特效 CSS3"

    重新实现marchen的"搞点特效 CSS3"

    原文章地址:http://www.w3cfuns.com/blog-5441597-5400240.html蛮喜欢这篇文章,挺有创意的!!谢谢博主 下面的代码是我重写的!!!!!!帖子中有回复说代码写得太多了,我个人也这么认为!!<!DOCTYPEhtml> <htmllang="zh"> <head> <meta

  • hugeannexcss3之3D效果——滚吧

    css3之3D效果——滚吧

    到新公司上班了,刚成立不久的技术部,自己把公司的页面整理了一下,下一步的任务还没到手,有点无聊,复习一下css3的3d吧,发现IE11的支持度还不够,微软真坑俺们前端,就不能一步到位? 来个效果。呵呵。 <!DOCTYPEhtml> <html> <head> <metacharse

  • wchy830让IE6/IE7/IE8支持CSS3属性的8种方法介绍

    让IE6/IE7/IE8支持CSS3属性的8种方法介绍

    我们都知道,IE浏览器暂不支持CSS3的一些属性。国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的进步的。到目前为止,有不少可以让IE支持部分CSS3属性的工具。例如

  • 移花香一个老程序员对学弟学妹的一些忠告

    一个老程序员对学弟学妹的一些忠告

    文章来源 文章来源 2014年6月30日15:21 我是一个在程序界混得不算太久但自以为有点积淀的老程序员,今天想敞开心扉跟没有毕业的学弟学妹们谈谈心,纯粹谈自己的个人看法。 对编程初学者来说,或者对仍在大学接受高等教育,即将成为编程工作者的人来说,IT界的

  • Rainy°jQuery 方法总结

    jQuery 方法总结

    width()height() 扩展: width()//width innerWidth()//width+padding outerWhidth()//width+padding+border outerWhidth(true)//windth+padding+border+margin Dom节点操作: 同级别操作: .insertBefore//把指定元素插入到备选元素前面例如:$('span'

写个八卦图,看下CSS3的强大。

kepinweb写个八卦图,看下CSS3的强大。

<style> .kepinweb_taiji{ position:relative; left:100px; top:100px; width:100px; height:100p

网页布局百叶窗效果

tanxuxu网页布局百叶窗效果

先运行看一下百叶窗效果是怎样的 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http

小屌丝教你怎么一秒致富

tianxiaofeng747小屌丝教你怎么一秒致富

朋友,你想一夜暴富么?你想买豪车洋房吗?你想赢取女神吗?你想让那些看不起你的人大跌眼镜么? 方法除

IE6/IE7下:inline-block解决方案

wchy830IE6/IE7下:inline-block解决方案

1、inline元素(比如span,em等)的display属性设置为inline-block时,所有的浏览器都支持; 2、block元素的d

icomoon网站使用总结

maDaoicomoon网站使用总结

1.icomoon网址: https://icomoon.io/#home 2.icomoon作用: a.这个网站提供20+套,合计上千个不同风

CSS3滤镜——原来这么性感诱人

css3ChinaCSS3滤镜——原来这么性感诱人

今天在办公室亲眼目睹了同事使用CSS3滤镜为一张漂亮的照片轮廓加上了阴影,瞬间亮瞎了我的的双眼,见笑了。

搞点特效 CSS3

marchen搞点特效 CSS3

1.做个边框hover效果.思路:用css3的过渡效果.边框用span元素来绝对定位.然后改变位置就行了.原理图.(纯css,

淡定点!骚年

tianxiaofeng747淡定点!骚年

description:'最近一个月的工作都在学习angular和改一些小东西,所以不怎么忙,因为自己工作也3,4年了,

CSS3 正方体 三棱体

521fengxiaoCSS3 正方体 三棱体

看到有位同学写了个带动画的正方体,随即想到静态的正方体是否可以实现。趁着空闲,写了一下,有写的不好的

iScroll处理移动端滚动

pingfaniScroll处理移动端滚动

iScroll的历史 之所以iscroll会诞生,主要是因为无论是在iphone、ipod、android或是更早前的移动webkit

nodejs的安装配置

wc57242263nodejs的安装配置

1.下载最新版本的nodeJs http://www.nodejs.org/download/ 这里以v0.10.30为例,后面的文章都是 2.安

初见github

和尚初见github

github早段时间之前就在上边了,一直没有向上边传点东西,后来经过了阿里的笔试,觉得这东西还是要弄一下。

CSS3-- text-shadow写出来的文字效果

treeCSS3-- text-shadow写出来的文字效果

学了text-shadow,闲来没事,敲了几种文字效果,跟大家分享下。 <!DOCTYPEhtml> <htmllang="en

阿里巴巴2015秋季校园招聘前端开发工程师在线笔试题及答案

Blizzard阿里巴巴2015秋季校园招聘前端开发工程师在线笔试题及答案

前几天是阿里巴巴秋季校园招聘在线笔试的第一天,本着学习和共享的精神,本人上网百度了其中一份前端在线笔

javascript学习大总结(三)正则表达式

Blizzardjavascript学习大总结(三)正则表达式

正则表达式是一种文本模式,包括普通字符(例如,a到z之间的字母)和特殊字符(称为“元字符”)。模式描述

个人修改的QQ客服代码

Crik个人修改的QQ客服代码

Html结构<!--942850532可以改成你的QQ号码--> <divid="qq-service"> <dl> <dtclass="I

阿里2015校招前端在线笔试初体验

Xuecheng_Albert阿里2015校招前端在线笔试初体验

说实在的,我是一名小白,基础不是很扎实,发个帖子缓和一下没答完题的尴尬。。。 functionmySort(){

javascript学习大总结(一)基础部分

Blizzardjavascript学习大总结(一)基础部分

js基础部分 1.JScript的变量 变量在第一次用到时就设置于内存中,便于后来在脚本中引用。使用变量之前先

阿里巴巴校招笔试题整理(HTML+CSS+js篇)

让我消停下行吗阿里巴巴校招笔试题整理(HTML+CSS+js篇)

说明:红色字体的答案标注是还未验证(可能对也可能不对)的答案。 PPs:之前把笔记锁了是因为题目都是我

阿里巴巴校招笔试题整理(HTML+CSS篇)

让我消停下行吗阿里巴巴校招笔试题整理(HTML+CSS篇)

说明:红色字体的答案标注是还未验证(可能对也可能不对)的答案。 PPs:之前把笔记锁了是因为题目都是我

构建高性能Web站点 通过通俗易懂的文字和生动有趣的配图,让读者充分并深入理解高性能架构的真相。同时,

点击下载 »

js语言精粹 百度网盘http://pan.baidu.com/s/1kTyYDgF 提取密码:jqrq

点击下载 »
返回顶部