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

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

前端网友最新动态:

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

加载中,请稍后

  • yangbojiayoucss缩写总结

    css缩写总结

    在刚学css的时候,css缩写老是让人有点记不住,也不碍事,总结了一下基本规律和一些常用的实例,css缩写就基本掌握啦 一.盒尺寸: 一般四个值的顺序为:top-right-bottom-left;   通常有下面四种书写方法:   property:value1;表示所有边都是一个值value1;   prope

  • 岸芷汀兰网页优化--DNS预获取(预读)

    网页优化--DNS预获取(预读)

    在前端优化中关于DNS的有两点: 一是减少DNS的请求次数 二是进行DNS预获取 什么叫DNS预读? 简单的说就是浏览器为了加快域名DNS解析速度,会对网页的所有链接先做域名解析 默认情况下浏览器会对页面中和当前域名(正在浏览网页的域名)不在同一个域的域名进行预

  • easy手机百度前端工程化之路

    手机百度前端工程化之路

    本文将围绕我半年来在移动前端工程化做的一些工作做的总结,主要从localstorage缓存和版本号管理,模块化,静态资源渲染方式三个方面总结手机百度前端一年内沉淀的解决方案,希望对大家移动开发有所帮助。 一年前存在的问题 可能因为之前项目节奏紧,人力不足原因,

  • 黑小黑javascript 的入门(2)

    javascript 的入门(2)

    javascript的内容,包含以下3部分: 1.ECMAScipt(核心),定义了javascript语法。 2.DOM(文档对象模型),规定了访问html和xml的接口。 3.BOM(浏览器对象模型),提供了独立于内容而在浏览器窗口之间进行交互的对象和方法。 BOM有关的操作: 1.关闭、移动浏览器及

  • viewSonic鼠标放上去图片放大效果

    鼠标放上去图片放大效果

    <divclass="course-item"> <divclass="course-img"> <ahref=""><imgclass="img-responsive"src="img/..."></a> </div> </div>复制代码 css: .course-item.course-img{ overflow:hidden; } .course-item.courser-im

  • shanhuayao收集整理一些css3的图片阴影效果

    收集整理一些css3的图片阴影效果

    主要利用gradient,transform,配合after以及before伪元素来实现各种图片阴影,卷角效果。<!DOCTYPEHTML> <htmllang="en-US"> <head> <metacharset="UTF-8"> <title>一些css3的图片阴影效果</title> <styletype="text/css"

  • Se7en丶Web前端工程师成长之路——知识汇总

    Web前端工程师成长之路——知识汇总

    web前端工程师 分类:Web开发应用 一、何为Web前端工程师? 前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码,

  • angus_jiang原生js完美拖拽,每次刷新可以记住上次拖拽的位置

    原生js完美拖拽,每次刷新可以记住上次拖拽的位置

    原生js完美拖拽,无bug <!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

  • zhazhaxia最常见的20个jQuery面试问题及答案

    最常见的20个jQuery面试问题及答案

    毫无疑问,jQuery给了JavaScript急需的提振,这是一门如此有用,但同时总是常常被低估的语言.在jQuery粉墨登场之前,我们曾经会写出冗长的JavaScript代码,不仅仅为更大型的应用程序,有时即使是更小的应用程序也要如此.那种代码常常是既难以阅读又难以维护的. 在使

  • yiXiaoWangcall()和apply()方法总结

    call()和apply()方法总结

    call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call,apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的,因为它们的作用一

  • jsaihaozhe手机移动端前端开发切图的疑问

    手机移动端前端开发切图的疑问

    从前年就开始学习html5,陆陆续续也学到了很多,html5新增的标签、css3新属性、js中和html5相关的部分; 可是每到项目实战的时候,总还是感觉底气不足,很多时候还会有无从下手的感觉; 静下心来仔细分析下,最近遇到的项目中,以前学的很多东西都好像没用上,而真正

  • 岸芷汀兰JS基础--currentStyle与getComputedStyle

    JS基础--currentStyle与getComputedStyle

    js中获取样式的方式: 由于在JS中用oDiv.style.width只能得到写在行内的即标签上的样式,不能得到样式表里的样式 所以可以通过currentStyle与getComputedStyle来得到 但是currentStyle与getComputedStyle存在兼容性问题, currentStyle:获取计算后的样式,也叫当前

  • 寒冬雪1991WebAPP的mate标签

    WebAPP的mate标签

    1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说,980的宽度在iphone上显示是很正常的,也是满屏的,但对于webapp而言,可能就有点问题了,

  • 旅行の者面向对象语言,寄生组合式继承

    面向对象语言,寄生组合式继承

    以前看过的章节,也记过笔记,但不曾用到过所以不深刻,最近一直很闲,突然想起很久之前做的一个项目里,一个页面有两个不同的滑动门,基础功能是一样的,但各有不同的扩展功能。 结果开发时,发现两者不能结合到一个函数里,把基础功能复制了两份再追加扩展功能,想

  • pure_lug图片自适应屏幕

    图片自适应屏幕

    适合满屏图片,对于宽高不协调等比例缩进,一直都上下左右居中。 <!DOCTYPEhtml> <htmllang="zh_cn"> <head> <metacharset="UTF-8"> <title>图片自适应屏幕</title> </head> <style> body,img,div{margin:0;padding:0;} img{

  • z4yonghengjson与jsonp的区别,貌似总结的很全

    json与jsonp的区别,貌似总结的很全

    由于SenchaTouch2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。   当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,

  • libin19901211IE中的Bug汇总

    IE中的Bug汇总

    来源:http://www.jb51.net/css/76894.html 1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明<!doctypehtml> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距) 解决方法:display:inli

  • 拎壶充基于HTML5/CSS3图片网格动画特效

    基于HTML5/CSS3图片网格动画特效

    现在HTML5技术可以让网页上的图片变得非常神奇,各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就非常炫酷。图片缩略图按网格的布局一行行排列,你只需点击按钮即可让这些图片出现不可思议的动画效果,值得一看。效果图如下:在线预

  • zhazhaxiaJavaScript 开发的45个经典技巧

    JavaScript 开发的45个经典技巧

    JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器

  • 巧克莉粒子烟花效果,求大神优化性能。。。

    粒子烟花效果,求大神优化性能。。。

    [run]<!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"/> <metaname="viewport"content="width=device-width"/> <title>烟花</title> <styletype="text/css"> body{ background-color:black; margin:0; }

  • chenjsh36网址篇:一些学习前端知识的网址

    网址篇:一些学习前端知识的网址

    1、JavaScript核心:http://weizhifeng.net/javascript-the-core.html 2、知乎上,前端开发领域有哪些值得推荐的问答?:http://www.zhihu.com/question/20246142?utm_source=weibo&utm_medium=weibo_share&utm_content=share_question&utm_campaign=share_sideb

  • wocacaca自己写的css3大白机器人~

    自己写的css3大白机器人~

    自己写的大白,多多指教啦 加了webkit的兼容 ps:我已经写明原创了还被转到知乎,并且变成别人的了,怎么看都觉得有点难受啊...,http://www.zhihu.com/question/28457916 <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>

  • Ann大然zepto.js加入touch模块自定义打包构建(基于别人修改)

    zepto.js加入touch模块自定义打包构建(基于别人修改)

    zepto.js是个好东西,小巧灵活,遵循jQueryAPI,gzip之后只有10k左右,很多移动web开发者都用它。 不过,官网下载的默认构建包里居然不含移动设备专用的touch组件,这是脑袋被门挤了的节奏吗?要知道,在移动设备上使用click事件会有几百毫秒的延迟呢! 所以只有自己b

  • ikeyooCSS3激光加载条

    CSS3激光加载条

    看到一个网站后台管理界面,呀呀呀滴!很漂亮!有木有?但是纠结怎么去做???!!!!!费心竭力的不知道咋子搞!!!开始拆!!!一点儿一点儿拆!拆的碎碎的先说,先拆个CSS3做的加载条吧! 上代码: <!DOCTYPEHTML> <htmllang="zh-cn"> <head

  • tsingt闭包

    闭包

    闭包是js里很重要的一块,很多高级应用都会用闭包去实现。 闭包和js变量的作用域的关系很密切,变量的作用域分为全局变量和局部变量; 从字面意思上看都知道全局变量的作用域比局部变量的作用域大,例如: varn=10; functionF(){ alert(n); } F();//10复制代码 以上是

  • zdw前端笔记-前端优化的简要总结

    前端笔记-前端优化的简要总结

    个人对前端优化的一些简要总结,参考了一些别人写得资料 服务器方面: 提高自己服务器质量,带宽等方面 开启浏览器缓存,减少http请求 开启gzip压缩 使用内容分发网络cdn html界面 css文件放在head,js文件放在html尾部。下载某一个js时其他任务是暂停的,需要

  • CodeLover拖拽小游戏~看你能拖几分!

    拖拽小游戏~看你能拖几分!

    游戏玩儿法:将有颜色的矩形,拖入对应颜色的框框里。谁能玩到50分,小妹绝对崇拜! 游戏口号:我拖,我拖,我拖拖拖! 游戏名称:“拖拖拖” <!DOCTYPEhtml> <html> <head> <title>js实现拖拽</title> <metahttp-equiv="keyword

  • guangpunbaiframe子页面调用父页面js函数的方法

    iframe子页面调用父页面js函数的方法

    iframe子页面调用父页面javascript函数的方法 今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题。顺便写一下iframe的父页面调用子页面javascript函数的方法吧,备用! 1、iframe子页面调用父页面js函数 子页

  • hugeannex【转】2014年最受欢迎的前十大语言:JavaScript、PHP、Java排前三

    【转】2014年最受欢迎的前十大语言:JavaScript、PHP、Java排前三

    (哈哈,我最喜欢的javascript终于排第一了!)英文原文:Top10MostPopularProgrammingLanguages20142014年快要结束了,我想知道2014年最受欢迎的语言是什么,我决定去研究一下,自己去寻找答案。下面的图表不可能100%准确,每一项或多或少有一些偏差。还有它包括一些可

  • iyanghtml5 canvas 时钟

    html5 canvas 时钟

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

  • Don.tWarrycss一些命名规范的个人约定

    css一些命名规范的个人约定

    在不断的迭代开发过程,由于项目改版频繁,css文件以及css命名非常容易变得混乱 正好借助这次契机规范下组内的同事css方面的代码 约定了项目css的相关规范 如下: =============================================================================================

  • 拎壶充基于jQuery仿淘宝产品图片放大镜代码

    基于jQuery仿淘宝产品图片放大镜代码

    今天给大家分享一款基于jQuery淘宝产品图片放大镜代码。这是一款基于jquery.imagezoom插件实现的jQuery放大镜。适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:在线预览源码下载实现的代码。html代码:<divclass="box

  • 小玛丽打怪兽一个用纯css画的iphone你会信。。。

    一个用纯css画的iphone你会信。。。

    在网上看到的,觉得超级吊。。。。 <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title>CSSOnlyiPhone6</title> <style> /*Noimagesinthispen:D*/ @font-face{ font-family:Helvetica; src:url(https://

  • showmyself|民工JavaScript的几道“难题”,太变态了

    JavaScript的几道“难题”,太变态了

    今天看到了几个关于JavaScript中function的几个难题。 这几个难题看似很“变态”,其实都是源于使用JavaScript时候最容易犯的一些错,一旦把这些概念搞明白了,JavaScript就不难了。 这些你能答出来吗? 1、下面代码的运行效果是什么?为什么? <html> <

  • CodeLoverjs随笔练习-拖拽

    js随笔练习-拖拽

    唉,还以为有多难…… <!DOCTYPEhtml> <html> <head> <title>js实现拖拽</title> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="thisismypage"> <me

尽信书不如无书

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“按需加载”的应用--转载

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

动感的时钟效果(纯CSS)

vqianduan动感的时钟效果(纯CSS)

【查看演示】 今天推荐一款动感的时钟效果,该效果用纯CSS打造。 什么是纯CSS?就是只有CSS啊!

CSS3:创意的图片堆叠效果

vqianduanCSS3:创意的图片堆叠效果

我们常常遇到这样一种效果,有多张图片,最初只在页面上呈现一张图片,当触发某个按钮时,更多的图片呗展现

js加载全解析

katherinesnowjs加载全解析

1.JS的加载 1.1JS不能并行下载和解析(阻塞下载) 1.2当引用了JS的时候,浏览器发送1个jsrequest就会一直

新版微信分享图片设置

小玛丽打怪兽新版微信分享图片设置

本教程绝对管用!和网上很多不靠谱的方法不一样! 微信规范了分享接口,必须要认证后的公众号才可设置分

移动平台WEB前端开发技巧汇总

katherinesnow移动平台WEB前端开发技巧汇总

参考文献: 来源:ECSS网站:[url=http://uecss.com/mobile-platform...skills-summary.html]http://uecss.co

javascript+jq实现的“消灭星星”简单版

straw_hatjavascript+jq实现的“消灭星星”简单版

想继续开发的朋友,可以帮我把积分系统等等搞搞,或者是关卡之类的!!感激不尽哈,有兴趣的可以一起开发

JS:2个值相互转换,实现与优化

cullenJS:2个值相互转换,实现与优化

功能:要2个值之间相互转换输出 就是这样: 未付款<->0 已付款<->1 无效<->4 线下<->

HTML5+JS实现刮刮乐刮刮卡抽奖

ljinkaiHTML5+JS实现刮刮乐刮刮卡抽奖

jquery、canvas实现瓜瓜卡效果,PC和手机端均可,效果如图 <!DOCTYPEhtml> <html> <head

NodeJS中文文档 越来越多的人在学习NodeJS了,http://nodejs.org/api/每次看这个文档的时候都有点吃力

点击下载 »

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

点击下载 »
返回顶部