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

前端工程师

前端网友最新动态:

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

加载中,请稍后

  • 留住回首placeholder插件

    placeholder插件

    由于ie8不支持placeholder属性,所以用jquery写了个placeholder插件 直接上代码: <!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title>placeholder插件</title> <style> .box{ padding:10px; position:relative

  • Susu123JavaScript 开发的45个经典技巧(转)

    JavaScript 开发的45个经典技巧(转)

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

  • OneAPM【译】 沙箱中的间谍 - 可行的 JavaScript 高速缓存区攻击

    【译】 沙箱中的间谍 - 可行的 JavaScript 高速缓存区攻击

    王龑—MAY27,2015 原文连接TheSpyintheSandbox–PracticalCacheAttacksinJavascript 相关论文可在https://github.com/wyvernnot/cache_attack_in_javascript下载 作者和单位 YossefOren(yosATcs.columbia.edu) VasileiosP.Kemerlis(vpkATcs.columbia.edu) S

  • 推优创意Git命令大全

    Git命令大全

    关联用户:$gitconfig--globaluser.name"yourName" 关联邮箱账号:$gitconfig--globaluser.email"yourEmail" 创建新文件夹:$mkdir<file> 显示当前目录:$pwd 将某个目录变成Git仓库:$gitinit 将文件添加到仓库:$gitadd<file> 把文件提交到仓库

  • winglau水果机里+new Date("2015-05-27 13:44:00");取时间戳返回NaN

    水果机里+new Date("2015-05-27 13:44:00");取时间戳返回NaN

    刚好有个同事问到,说在PC端,跟安卓机里,用+newDate("2015-05-2713:44:00");都可以返回时间戳,唯独在水果机(ios)里,不管是UC浏览器,自带浏览器,还是微信,都是返回NaN,后来想起PC端里系统时间显示的格式是“/”,立马将其替之,duang~,时间戳取到了。

  • hugeannex黑客帝国文字下落效果

    黑客帝国文字下落效果

    看到这么多人转这效果的同一段代码,我自己也弄一个。 代码比网上的多一点,但个人觉得性能会好一点。 测试了一下,fps稳在30帧。网上的稳在29帧。 <!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="UTF-8"/> <metaname="Keyw

  • iyangcss深入理解浮动

    css深入理解浮动

    浮动是原先设计为了实现文字环绕效果,具有包裹性和破坏性,包裹性体现在宽度收缩,高度坚挺,与外界隔绝。破坏性体现在父元素高度塌陷,影响其他元素,浮动元素脱离的文档流。浮动也使元素block化,去空格化。 清除浮动带来的影响有二种方式: 1.添加clear:both,但

  • 飞鱼跃日优质网站推荐

    优质网站推荐

    转载自:https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers 极客标签:http://www.gbtags.com/ 码农周刊:http://weekly.manong.io/issues/ 前端周刊:http://www.feweekly.com/issues 极客头条:http:

  • Mercy_dw正则表达式的简单语法

    正则表达式的简单语法

    今晚研究了一下正则表达式,在网上查到一份讲的还不错的,我又稍微修改了一下,备份一下,如果有不对的地方,欢迎大家批评指正。 一.正则表达式基本语法 1.两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。 例子: "^The":表

  • Johnson小白天猫前端大神js做的动画= =牛逼轰轰的样子

    天猫前端大神js做的动画= =牛逼轰轰的样子

    分享给大家看看!学习! http://www.tmall.com/go/market/promotion-act/mv-alone.php

  • ChristChrist关于元素垂直居中

    关于元素垂直居中

    .box1{display:table-cell;vertical-align:middle;height:300px;width:500px;background:red;} .box1.am{width:50px;height:50px;background:blue;}复制代码 恩,今天学习到了,记录一下,大神勿喷

  • 拎壶充基于jQuery遮罩图片hover翻转效果

    基于jQuery遮罩图片hover翻转效果

    基于jQuery遮罩图片hover翻转效果。这是一款基于jQuery+css3实现的鼠标经过遮罩图片翻转特效。效果图如下:在线预览源码下载实现的代码。html代码:<divclass="index_hd"> <divclass="frhd_rmajor-list-outer"> <ulclass="major-list"> <licl

  • tianxiaofeng747成功的程序员(转)

    成功的程序员(转)

    我算是靠坑蒙拐骗进了程序员的门,然后一路狂奔。26岁之前几乎没有任何写代码的经验,研究生毕业却意外选择了一家不可能提供培训的初创公司,在每日担忧公司倒闭、害怕被炒鱿鱼以及同事冷落白眼的三重压力下逆流而上,一年半后离职,已是拥有500万用户产品的后台主程。

  • Hugh.Lee【angularJS】Directive

    【angularJS】Directive

    Directive指令:实现主义化标签,即能让浏览器识别自定义的dom元素。 示例: <html> <head> </head> <body> <myelement><myelement> </body> </html>复制代码 <myElement>是浏览器不能识别的元素。那怎么样才能让浏览器识别这

  • jestin使用3行CSS代码使任何元素垂直居中

    使用3行CSS代码使任何元素垂直居中

    http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201505121820.html 在页面设计中,使元素水平居中是比较简单的事情。但是如何使元素垂直居中呢?其实,我们通过3行CSS代码(不包括添加浏览器厂商所需的代码)就可以使任何元素垂直居中。秘诀就是使用transform:t

  • 认真quezy纯css3实现3d动画

    纯css3实现3d动画

    这是一个纯css3实现的3dbox动画,不含js代码,对最初接触css33d的朋友或许有点帮助 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtm

  • i7758超赞值得一试的六款jQuery插件和CSS3应用

    超赞值得一试的六款jQuery插件和CSS3应用

    [size=13.333333015441895px]1、jQuery图片横向滚动插件这是一款利用jQuery实现的图片横向滚动插件,我们可以设置任意数量的图片,然后点击左右箭头按钮即可分组浏览这些图片。这款jQuery图片插件的优势有两点,其一是可以定义每组图片的数量,其二是图片可循环播放,而

  • blackkeysublime 快捷键

    sublime 快捷键

    插件使用方法:Ctrl+Shift+P调用命令面板,我们就会找到一些以“PackageControl:”开头的命令,我们常用到的就是几个InstallPackage(安装扩展)、ListPackages(列出全部扩展)、RemovePackage(移除扩展)、UpgradePackage(升级扩展) Ctrl+D选词(反复按快捷键,即可继续向

  • 倔强的紫玫瑰前端面试题整理……

    前端面试题整理……

    JavaScript: 1.介绍一下isNaN函数? 如果参数不是数字类型的话isNaN返回true(函数名称:isnan函数功能:判断数组的元素是否是NaN。) 2.javascript都支持哪些布尔型的操作? &&,||和!(&&逻辑与,||逻辑或,!逻辑非) 3.“1″+2+4在javascript

  • 谢某某跳动的心:transform+transition动画实例

    跳动的心:transform+transition动画实例

    学了transition和transform,总在想到底应该做一个什么样的例子来练习这两个新的知识点,无意中看到某一位博主的笔记《纯CSS3实现一颗跳动的红心》,点进去运行了一下,感觉还不错,于是想想不如用transition和transform做一颗跳动的心,费了一番心思,终于实现了效果,

  • a1320020331移动端浏览器30坑

    移动端浏览器30坑

    OpreaMini加载页面后不会重绘:targetCSS指令。 BlackberryOS6的SVG字体支持糟透了 BlackberryOS5不支持:before/:after的background-image 设定-webkit-appearance会导致Android4.0+影子DOM样式问题 iOS7虚拟器:无法清除Safari的cookies和数据 Android默

  • i7758不容错过的七个jQuery图片滑块插件

    不容错过的七个jQuery图片滑块插件

    1、jQuery多图并列焦点图插件今天我们要来分享一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示。和其他jQuery焦点图一样,这款焦点图插件的图片下方也有一排小按钮,可以任意切换图片。另外,每张图片也

  • ikeyoo记下移动端开发界面的那些事儿--输入框获取焦点,页面放大解决方法

    记下移动端开发界面的那些事儿--输入框获取焦点,页面放大解决方法

    今天搞一个移动端的登录界面,画草图、做原型,一切OK,开始编码^_^ 各种乱乱完成之后,尝试着编写小可的第一个移动端登录界面…… 忙活了那么个一些歌时间后,算是结束了界面的编写,奈何在移动端做测试的时候发现一个BUG妹纸来找我的茬…… Is---输入框获取

  • LEEFENG类似百度页面的分享效果

    类似百度页面的分享效果

    <!DOCTYPEhtml> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>类似于网站的分享效果</title> <styletype="text/css"> #div1{widt

  • 可怜兮兮js性能优化,收藏!

    js性能优化,收藏!

    通过网上查找资料了解关于性能优化方面的内容,现简单整理,仅供大家在优化的过程中参考使用,如有什么问题请及时提出,再做出相应的补充修改。 一、让代码简洁:一些简略的表达方式也会产生很好的优化 eg:x=x+1;在不影响功能的情况下可以简写为x++; 二、变量

  • angus_jiang$.extend()

    $.extend()

    不管说什么我喜欢先看例子,这样会更容易理解: 例1:合并对象obj1和obj2,并且修改第一个对象obj1 <!DOCTYPE> <html> <head> <metacharset='utf-8'> <title></title> <scriptsrc="https://code.jquery.com/jquery-1.10.2.js"

  • n76011299javaScript & jquery完美判断图片是否加载完毕<转载>

    javaScript & jquery完美判断图片是否加载完毕<转载>

    好久没写东西了,正好最近因为工作需要,写了一个瀑布流异步加载的程序。 今天就不谈瀑布流,来谈一下关于load的问题。 ------------------------------------------------------------- 众所周知,常见瀑布流当鼠标滚动到浏览器底部的时候,就会发起一个ajax

  • i7758绝对震撼 7款HTML5动画应用及源码

    绝对震撼 7款HTML5动画应用及源码

    [size=13.333333015441895px]1、HTML5Canvas模拟衣服撕扯动画超级逼真今天又要来推荐一款HTML5Canvas动画,是一个模拟衣服撕扯动画,效果非常逼真。刚开始衣服挂在绳子上,用鼠标拖拽衣服即可让衣服摆动起来,当你拖拽的很用力时,你会发现,衣服被撕破了。该HTML5动画

  • 拎壶充jQuery弹性展开收缩菜单插件gooey.js

    jQuery弹性展开收缩菜单插件gooey.js

    分享一款基于jQuery弹性展开收缩菜单插件gooey.js。这是一款基于gooey.js插件实现的弹性菜单特效代码。效果图如下:在线预览源码下载实现的代码。html代码:<headerclass="plugin-demo-header"> <h1>GooeyMenu</h1> <navid="gooey-upper"> <i

  • shadow_yy最近的前端事儿

    最近的前端事儿

    进入公司已经半个月了,现在做项目,学前端,做手机端,都是一些没有接触过的知识 看着时间一点一点的流逝,看着进度一天一天的执行,肚子里的那点儿水儿都差不多见底了 心里很着急 不过也知道着急是没有用的 现在的困难说明自己的不足 如果什么都会 那就没有付出

  • 牧羊少年ABCanvas模拟粒子

    Canvas模拟粒子

    一个简单的粒子系统,位置为鼠标位置,颜色随机,方向随机,速度由鼠标滑动速度加上随机系数决定. <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Particle</title> </head> <body> <div>

  • ericeverjavascript oop编程 — 实现继承的三种形式(1)

    javascript  oop编程  — 实现继承的三种形式(1)

    (1)模拟类的方式,我们都知道js是原型继承机制,不存在class和instance分离的这种方式 假设,我们有两个类 functionAnimal(){ this.name=“animal”; this.eat=function(){ consle.log(“eating"); } } functionCat(){ this.say=function(){ cons

  • seewp88HTML5 Canvas头发飘逸动画

    HTML5 Canvas头发飘逸动画

    <html><head> <metacharset="UTF-8"> <title>HTML5Canvas头发飘逸动画</title> <linkrel="stylesheet"href="http://www.html5tricks.com/demo/html5-hair-animation/css/style.css"media="screen"type="text/css"

  • i775810款强大的jQuery/HTML5应用新鲜出炉

    10款强大的jQuery/HTML5应用新鲜出炉

    [size=13.333333015441895px]1、CSS3/jQuery自定义弹出窗口多种弹出动画这是一款利用jQuery和CSS3实现的自定义弹出窗口,这可比浏览器默认的弹出窗口漂亮多了。弹出窗口中可以自定义html,十分灵活。另外最重要的一个特点是,它利用了jQuery和CSS3可以实现很多种弹出窗

  • 天使的眼泪-前端我的前端开始之路—1

    我的前端开始之路—1

    作为一个工科女研究僧,今年就要走完自己这是十八年的学校生涯之路。毕业论文写完之际,给自己的入职工作添砖加瓦。以后我会用在这里记录我的前端学习之路,也作为激励自己进步的一个平台。 去年找工作时,纠结自己要找什么性质的工作。看到周围人在BAT等一些大牛公司

关于Javascript中的this

skq110@qq.com关于Javascript中的this

学习面向对象写法时,做了两个小练习,选项卡和拖拽,开始this的知识点总是让我觉得困惑,但慢慢从练习中越

text-align  justify

utopia_onrtext-align justify

参考applewatch网站在项目中添加nav,发现人家的导航文字两端对齐,像这样: 研究他们的css发现这里用到

Android Studio 的安装配置与使用

推优创意Android Studio 的安装配置与使用

一、前言 2013年GoogleI/O大会,推出了新的Android集成IDE“AndroidStudio”,最大的转变就是从Eclipse切

前端常用技术汇总

神经质女孩前端常用技术汇总

以下是我就目前常用前端技术做的一个汇总,若有错误,还请多多指教

感谢大家的支持,快切助手 赢HTML5 Coding大赛二等奖!

kuaiqie感谢大家的支持,快切助手 赢HTML5 Coding大赛二等奖!

本来为公司前端开发方便,做了快切助手,用着不错,都要求我别干别的了,赶紧升级快切助手吧! 索性开源了

jq简单仿写2cars游戏

jie4038jq简单仿写2cars游戏

2cars是个不错的一心两用游戏,我用jq仿写了一个最简陋版的,给大家放松一下。程序思路上我觉得写得还很幼

2015-05-11

天使的眼泪-前端2015-05-11

尽自己能力解答一个面试阿里实习童鞋公布的题目 1.设计一个两列div布局,使得左侧div的宽度为90像素,右侧

css经典布局之---圣杯布局

wanmeicss经典布局之---圣杯布局

圣杯布局 1、首先我们需要一个简单的html结构来完成我们的的实验 标准的3列的布局模式,左边列(left

Sublime Text 3 全程详细图文原创教程(持续更新中。。。)

推优创意Sublime Text 3 全程详细图文原创教程(持续更新中。。。)

一、前言 使用SublimeText也有几个年头了,版本也从2升级到3了,但犹如寒天饮冰水,冷暖尽自知。最初也是

css3重复渐变(repeating-linear-gradient)和(repeating-radial-gradient)

hoky_qiancss3重复渐变(repeating-linear-gradient)和(repeating-radial-gradient)

css3重复渐变repeatinggradient即重复让线性渐变(linear-gardient)或者径向渐变(radial-gradient)重复

关于css hack

Ymoc关于css hack

在做团队的任务时,还要向下兼容IE8,于是开始了解下CSS的hack。不过不推荐使用hack,因为向后兼容不好,只

时间轴列表,:after,:before伪类样式的启示

谢某某时间轴列表,:after,:before伪类样式的启示

无意中研究某个bootstrap模板的侧导航结构发现了一个有意思的技巧,在一边疯狂使用控制台摸索样式构造的同

纯CSS3实现一颗跳动的红心

hahaxiaotianxia纯CSS3实现一颗跳动的红心

初学css3,用几个div拼成的一颗跳动的心 JSBin:http://jsbin.com/gayiseqeha/1/edit <!DOCTYPEhtmlPU

angular 无限树形 加搜索

zhangliuxiaominangular 无限树形 加搜索

这个功能包含挺多angular知识点,自己做备用 先上个图新鲜一下 前台代码 <inputclass="form-contr

盒子模型及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的框架设计,写此文章的内容也就是为了复习知识。很早就打算写博客了,一直没有这个

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

点击下载 »

javascript权威指南(第6版) 中英文两本书PDF扫描版文件过大,已发往百度空间,需要的同学可以猛戳下面的链接:

点击下载 »
返回顶部