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

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

前端网友最新动态:

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

加载中,请稍后

  • 恶十三打字游戏

    打字游戏

    有感于《简单的字母游戏,看谁打字快!》,写了一个 <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>TypingGame</title> <style> body{ margin:0; padding:0; } .wrapper{ width:8

  • ouwdCanvas API

    Canvas API

    JavaScript标准参考教程(alpha) HTML网页的API CanvasAPI GitHub TOP CanvasAPI 来自《JavaScript标准参考教程(alpha)》,by阮一峰 目录 概述 绘图方法 图像处理方法 drawImage方法 getImageData方法,putImageData方法 toDataURL方法 save方法,

  • yiyiwudian禁止浏览器自动保存密码弹框

    禁止浏览器自动保存密码弹框

    问题描述:浏览器会提供自动保存密码功能,我刚刚输入了用户名和密码,单击了浏览器提供的保存密码。而当我访问另外一个页面的时候,因为存在一个type=password的input,在谷歌浏览器中,却在这里把我刚刚保存的用户名和密码显示出来了,这是问题之一。 问题之二,我这

  • yuqiaini49自己看QQ右上角有一个天气图标,用纯CSS3写了个!自学

    自己看QQ右上角有一个天气图标,用纯CSS3写了个!自学

    <!DOCTYPEHTML> <html> <title></title> <head> <metacharset="utf-8"/> <linkrel="stylesheet"type="text/css"href="css/style.css"/> <style> #sun{width:200px;height:200px;background-color:#67A7F2;bord

  • ouwdjs模拟下拉菜单

    js模拟下拉菜单

    <html> <head> <metacharset="utf-8"> <title>js模拟下拉菜单</title> <style> *{margin:0;padding:0;} body{font:14px'微软雅黑';color:#555;padding:50px;} ul{list-style:none;} p{margin-bottom:20px;} .model-select-box{width:197px;

  • ouwdtab选项卡

    tab选项卡

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

  • yuanoookJs 实现万有引力模型

    Js 实现万有引力模型

    DEMO:http://yuanoook.com/file?hash=baaf249a8c65bc48ae1acfbedf081f44 GitHub:https://github.com/yuanoook/wormhole <!DOCTYPEhtml> <html> <head> <metacharset='utf-8'> <title>虫洞</title> <script> !function(E){ z=0; E.prototy

  • cherrycm在github上创建新分支

    在github上创建新分支

    在github上创建仓库: Createanewrepositoryonthecommandline touchREADME.md gitinit gitaddREADME.md gitcommit-m"firstcommit" gitremoteaddoriginhttps://github.com/BrentHuang/MyRepo.git gitpush-uoriginmaster 在本地新建一个分支:gitbran

  • 小新1991一些前端学习中好的书籍,整理。

    一些前端学习中好的书籍,整理。

    都是一些正在看和准备看的前端书籍,偶然在一位大牛的博客里找到整理出来的。 一、Javascript方面的书籍: 1JavaScript权威指南(第6版):号称javascript圣经,前端必备;前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScriptAPI的指南和综合参考手册

  • CodeLover简单的字母游戏,看谁打字快!

    简单的字母游戏,看谁打字快!

    玩儿法:在字母落下前,输入对应字母即可消除字母。区分大小写的哦 涉及技术:简单的canvas使用 <!DOCTYPEhtml> <html> <head> <title>words.html</title> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312">

  • iyang移动端性能

    移动端性能

    移动H5前端性能优化指南[托尼托尼研究所] 原文:http://www.tuicool.com/articles/2eIRZj2 概述 1.PC优化手段在Mobile侧同样适用 2.在Mobile侧我们提出三秒种渲染完成首屏指标 3.基于第二点,首屏加载3秒完成或使用Loading 4.基于联通3G网络平均338KB/s(2

  • loheonlyHTML5的画布功能

    HTML5的画布功能

    参考手册 创建画布 <canvasid=""width=""height=""style="">你的浏览器不支持canvas元素</canvas> 获取元素,并设置绘图环境 varcanvas=document.getElementById(ID); varcontext=canvas.getContext("2d"); 基本绘制 先设置样

  • xia196900几个常用的linux命令(新手向)

    几个常用的linux命令(新手向)

    useraddtestuser--创建用户 passwdtestuser--修改密码 userdeltestuser--删除用户 rm-rftestuser--删除用户所在目录(同为删除文件夹命令) tar-zcvfxxx.tar.gz--压缩 tar-zxvfxxx.tar.gz--解压 ll--(打的最多的命令,)列出所有文件信息 ls--只

  • xia196900html5横、竖屏状态 以及禁止横屏

    html5横、竖屏状态 以及禁止横屏

    <metaname="screen-orientation"content="portrait"><!--uc强制竖屏--> <metaname="x5-orientation"content="portrait"><!--QQ强制竖屏--> //js获取当前屏幕状态 window.addEventListener("onorientationchange"inwindow?"

  • 小玛丽打怪兽仿天猫左边/右边悬浮导航效果

    仿天猫左边/右边悬浮导航效果

    之前公司有用到过,现在发现天猫还是会在用这个效果,和大家分享下。 <!DOCTYPEHTML> <html> <head> <metacharset="utf-8"> <title>悬浮导航</title> <style> html{ height:6000px; } #left{ background:#000;position:fixed;_positi

  • 冰冰2013将网站变为灰色~

    将网站变为灰色~

    html{ filter:grayscale(100%);//IE浏览器 -webkit-filter:grayscale(100%);//谷歌浏览器 -moz-filter:grayscale(100%);//火狐 -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -we

  • 张国旺迷你版JS密码强度函数(原生态JS)

    迷你版JS密码强度函数(原生态JS)

    varexam=(function(){ varnumber="0-9";//数字 varletter="a-zA-Z";//字母 varother="_";//其它字符,可修改增加。如:"_@#"; varlen=6;//字符串最小长度 var__=function(type,str){ varreg=newRegExp(); if(type=="number")reg=newRegExp("["+

  • 丶八月份的前奏一些常用的正则表达式

    一些常用的正则表达式

    注:内容来至网络 用户名:/^[a-z0-9_-]{3,16}$/ 密码:/^[a-z0-9_-]{6,18}$/ 十六进制值:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/ 电子邮箱:/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ URL:/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*\/?$/

  • 丶八月份的前奏网站变灰代码

    网站变灰代码

    html{ filter:grayscale(100%);//IE浏览器 -webkit-filter:grayscale(100%);//谷歌浏览器 -moz-filter:grayscale(100%);//火狐 -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -we

  • sylklCSS类命名的语义化VS结构化方式

    CSS类命名的语义化VS结构化方式

    [size=1.2em] 一般而言,CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的”用意”,独立于它的”定位”或确切的特性(结构化方式)。像left-bar,red-text,small-title…这些都属于结构化定义的例子。[size=1.2em]让我们看看下面这个例子:[size=1.2em][size=1.2

  • 过滤嘴css3制作惊艳hover切换效果

    css3制作惊艳hover切换效果

    <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"/> <metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0"> <title>css3制作经验hover切换效果</title

  • hugeannex简单加入购物车

    简单加入购物车

    仍在说永久,不想被说是借口。。。 没做scrollTop处理。。。 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"/> <metaname="Author"content=""/> <metaname="Keywords"content=""/> <metana

  • laijieyao居然只在前端也能扫描条形码了!纯javascript

    居然只在前端也能扫描条形码了!纯javascript

    QuaggaJS是一个完全用JavaScript编写的条形码扫描库,支持实时的各种类型的条形码扫描,例如EAN和CODE128.该工具同时使用getUserMedia来直接访问用户的摄像头。代码重度依赖智能手机的图像处理。 但是对于safari以及ie浏览器他本身不允许调用摄像头外,其他主流浏览器

  • kxqjsNode.js批量抓取高清妹子图片

    Node.js批量抓取高清妹子图片

    批量抓取高清妹子图片Node.js版本 妹子不错,统统抓起来! http://www.focalhot.com/blog/62.html//依赖模块 varfs=require('fs'); varrequest=require("request"); varcheerio=require("cheerio"); varmkdirp=require('mkdirp'); //目标网址 varurl='http:/

  • 旅行の者累积技术实践及苦恼

    累积技术实践及苦恼

    都是自己看文章总结出来的东西,本人还小白一枚,请大神们轻点拍砖,另希望能给些建议谢谢~! 对于使不使用图片如何使用图片上,之前的笔记已经”挣扎“过,但在移动端上,过多的图片应该怎么使用?雪碧图?SVG?CSS3去画?还是存成字体font-face来调用? 首先雪

  • sparrow1008俄罗斯方块(纯js无插件)

    俄罗斯方块(纯js无插件)

    看到有人上传了个贪吃蛇的游戏。闲来无事,我想也来个俄罗斯方块吧。 结果一搞搞了两天还有一堆bug。不能整天搞这个。给领导看到影响不好。 以后有时间修改bug。(已知bug。方块翻转超频,莫名提前gameover)<html> <head> <!--<linkrel="stylesheet"

  • guangpunbacss3曲线阴影

    css3曲线阴影

    <!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title>曲线阴影</title> <style> *{margin:0;padding:0;} .wrap{width:60%;height:200px;margin:100pxauto;background:#fff;} .wraph1{text-align:center;l

  • 天下无双javascript贪吃蛇游戏详细注释版

    javascript贪吃蛇游戏详细注释版

    一直挺喜欢玩游戏的,以前还学了一段时间C++,打算转行游戏开发,但是还是没有抗过时间的压力,最终还是放弃了。不过这个梦想还是存在的。所以打算用javascript多写些游戏逻辑,为我这个梦想做准备,先从这个最简单的游戏开始吧,黑点代表小蛇,红点代表食物,按上下左右

  • zhang'kun用键盘或接触弹奏‘小星星’

    用键盘或接触弹奏‘小星星’

    <!DOCTYPEhtml> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title></title> <style> *{margin:0;padding:0;border:0;} #nav{position:re

  • WDS正则表达式元字符整理

    正则表达式元字符整理

    \将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。例如,'n'匹配字符"n"。'\n'匹配一个换行符。序列'\\'匹配"\"而"\("则匹配"("。 ^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配

  • 十nian一个五角星

    一个五角星

    <div><canvasid="mycanvas"width="200"height="200"style="border:2pxsolidblue"></canvas></div> <script> varc=document.getElementById('mycanvas'); varcxt=c.getContext('2d'); cxt.moveTo(50,50); cxt.lineTo(150,50

  • makityang"好玩"de JS 七:实现自己的前端模板框架

    "好玩"de JS 七:实现自己的前端模板框架

    不写框架的页面仔不是好奇的猫 在这个模板化的速食编程时代,工程师们已经习惯了使用各种框架去实现需求,常常会陷入一种固有和机械化的编程模式,在我看来这是非常恐怖的一件事,因为这种状态常常会使人感到疲惫和厌倦,创新的能力和思维会消失殆尽。又回到那个经典

  • SunShine0325前端网站汇总

    前端网站汇总

    w3cfuns:http://www.w3cfuns.com/ 专注前端开发:http://www.aseoe.com/webdata/ HTML中国:http://www.html5cn.org/ WEB开发前端:http://www.css88.com/ w3cfuns:http://www.w3cfuns.com/ 前端观察:http://www.qianduan.net/ WEB前端资源网:htt

  • 嗯嗯哈CSS 翻页效果

    CSS 翻页效果

    适用于googlechrome浏览器 <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title>Document</title> <style> #my3dspace{ -webkit-perspective:800; -webkit-perspective-origin:50%50%; overflow:hidden; } #pag

  • 痴xin尘封收藏js-全屏滚动

    收藏js-全屏滚动

    <!doctypehtml> <html> <head> <metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/> <metaname="renderer"content="webkit"> <title

canvas随笔之粒子汇聚“OPEN”!

CodeLovercanvas随笔之粒子汇聚“OPEN”!

<!DOCTYPEhtml> <html> <head> <title>grain.html</title> <metahttp-equ

canvas随笔之简易时钟

CodeLovercanvas随笔之简易时钟

<!DOCTYPEhtml> <html> <head> <title>时钟描绘</title> <metahttp-equiv="k

JS类型判定题目 解题血泪史

卡修JS类型判定题目 解题血泪史

<!DOCTYPEHTML> <html> <head> <metahttp-equiv="Content-Type"content="text/h

CSS layout:margin collapse问题研究

赵冰龙CSS layout:margin collapse问题研究

1.这货是什么?? cssmargin重叠,也有大牛叫做margin塌陷,通常这个问题会在布局的时候遇到,触发条件是

HTML流淌着 物理学般的严谨基因

卡修HTML流淌着 物理学般的严谨基因

许多年前,当我第一次尝试使用文本文档写上一个P标签,保存并将文件后缀修改成html,然后双击,在浏览器上

减少你的鼠标行为,sublime让编辑代码如此优美~~

bikachaosky减少你的鼠标行为,sublime让编辑代码如此优美~~

1.AdvancedNewFile 2.AllAutocomplete 3.AutoFileName 4.BracktetHighLighter 5.Cssformat 6.DocBlock

sublime text 插件推荐(附上每款插件的详细安装与配置)!!!!

bikachaoskysublime text 插件推荐(附上每款插件的详细安装与配置)!!!!

1.下载安装 目前网上也就两种版本:官方版本和修改版,官方试用版和注册版的功能相同,无使用时间限制,

理解:Before和:After伪元素

chachaxw理解:Before和:After伪元素

今天我转了一篇有关:before和:After伪元素的详细介绍,希望对大家有益,同时自己也复习一下css的知识。 CS

短小精悍的CSS3动画库

zhou111222短小精悍的CSS3动画库

比较简单好用,链接:http://animator.ringotc.net/

CSS3 Transition

zhou111222CSS3 Transition

上一节花了大篇幅整理了CSS3中动画属性中的Transform,今天我们接着一起来看CSS3动画属性中的另一个属性Tra

移动端页面引导效果

marchen移动端页面引导效果

什么都不说,先看效果图. 用到的框架.swipe.js 关于这个框架,就不多说什么了.相关api自行百度. 制

纯CSS画的基本图形

chachaxw纯CSS画的基本图形

纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等),里面很多涉及到CSS3的一些属性 1、正方

盒子模型应用(css三角原理)

sunny120盒子模型应用(css三角原理)

1.css盒子模型理解 盒子总宽度包括:content+padding+border+margin css的width、height指内容区域

过年放烟花

pure_lug过年放烟花

<!doctypehtml> <htmllang="en"> <head> <metahttp-equiv="Content-Type"con

jquery 超简单的点赞效果

叫我周先森jquery 超简单的点赞效果

1.HTML(可以优化一下,尽量少些几个标签.....) <divid="dianz"> <bclass="cz"><em>

css选择器中:first-child与:first-of-type的区别

zhou111222css选择器中:first-child与:first-of-type的区别

:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码:

我的Sublime Text 2/3 笔记

showmyself|民工我的Sublime Text 2/3 笔记

sublimetext2和3大部分操作都是相通的: 说明:本教程来源与互联网,集我看到的各家所长,并修复了参考链

javascript函数节流例子

zhou111222javascript函数节流例子

Javascript函数节流 最近在做网页的时候有个需求,就是浏览器窗口改变的时候需要改一些页面元素大小,于

冬季飘雪

精致疯子冬季飘雪

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

upyun

jQuery Mobile快速入门-源码 豆瓣:jQuery Mobile快速入门 点击下载:jQuery Mobile快速入门-源码

点击下载 »

前端必看的js书,js系统学习 psf扫描版文件过大,已发往百度空间,需要的同学可以猛戳下面的链接:http://pan.baid

点击下载 »
返回顶部