自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

web前端学习部落22群

想要在web前端知识领域有所涉入和提高的,搜web前端学习部落22群加入。。。

  • 博客(62)
  • 资源 (3)
  • 收藏
  • 关注

原创 想学java的朋友们 可以来听公开课

欢迎进群 web前端交流学习群018 找果子老师要学习资源哦~~~

2017-05-16 14:39:43 783

转载 自学h5 来看看项目常见问题汇总及解决方案

其他meta标签

2017-05-16 11:05:19 632

转载 美观大气的纯JS做出黑客帝国特效 初学前端进来看

美观大气的纯JS做出黑客帝国特效 初学前端进来看  var cav = document.getElementById('content');  var w = window.screen.width;  var h = window.screen.height;  va

2017-05-12 11:31:40 1560

转载 java项目开发-大神案例分享:京东京豆项目06

你还在找一个纯技术交流的地方嘛?你还在找一个每天更新资料的群吗?现在加裙256242993,无论是小白还是大神,可以尽情的讨论。http://v.youku.com/v_show/id_XMjY0MzIxNTU4NA==.html?spm=a2hzp.8244740.userfeed.5!4~5~5~5!3~5~Ajava的公益学习交流平台【Java互动交流群】,全部免费保你快速入

2017-05-12 11:01:37 870 1

转载 【签到有礼】课工场5月,签到的日子,春暖花开

5月到来,春暖花开,签到的日子里,我们一路,披荆斩棘,收获K币!【活动奖励】1. 5月份3、4、5号最接近下午四点签到的用户额外获得8K币。【已结束并公布】2. 5月份每周一最接近下午四点签到的用户额外获得8K币。3. 5月份无间断全勤签到,可获得“石榴花勋章”一枚;(5月30号晒图即可)4. 5月份累计签到23天以上,可凭借签到截图兑换4K币;(签到满

2017-05-11 14:28:48 442

转载 零基础学前端开发 色彩缤纷的Bottom Bar

零基础学前端开发  色彩缤纷的Bottom Bar                Material BottomBar            @keyframes morewidth {            from {                padding: 0 12px;   

2017-05-11 11:27:45 346

转载 零基础学前端 两列布局左边固定右边自适应

零基础学前端 两列布局左边固定右边自适应.div1{position: absolute;width: 200px;height: 200px;background: darkcyan;}.div2{height: 200px;background: red;margin

2017-05-10 14:36:10 490

转载 零基础自学前端 D3.js 初体验03 柱状图+排序

零基础自学前端 D3.js 初体验03 柱状图+排序    d3  排序  添加数据  var width = 1000,    height = 400,    dataset = [50, 90, 124, 86, 73, 64, 110,

2017-05-10 11:19:07 624 1

转载 零基础自学前端 D3.js 初体验03 柱状图+排序

零基础自学前端 D3.js 初体验03 柱状图+排序    d3  排序  添加数据  var width = 1000,    height = 400,    dataset = [50, 90, 124, 86, 73, 64, 110,

2017-05-10 11:18:54 714

转载 小游戏-打地鼠(js版)

打地鼠                      #content {                            width:960px;                            margin:0auto;                            text-align:center;                          

2017-02-14 12:19:00 1263

转载 哪些人可以学前端开发?

作为web前端开发设计师,不仅要懂得设计还要懂得交互,所需的眼界要广。所以,想要成为一名合格的web前端开发工程师,前期的学习与培训是必不可少。全面了解互联网企业对Web前端工程师最核心的技能要求和技术要求,并以此精心设置课程内容,来保证学生学到的Web前端开发技术与企业招聘要求相匹配。专业而有深度,以学习、授课、案例演示、实验相结合,同时加入实战。在教学过程中,理论讲授和实验是穿插进行的

2017-02-14 11:54:58 682

转载 web前端面试题整理(前端和计算机相关知识)

1. 你能描述一下渐进增强和优雅降级之间的不同吗?定义:优雅降级(graceful degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复渐进增强(progressive enhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。 都关注于同一网站在不同设备里不同浏览器下的表现程度区别:“优雅降级”观点认为应

2017-02-13 11:23:50 1146

转载 如何选取10——99的5个随机数,并进行从小到大排序

function suiJi(startNum,endNum,item){  //startNum开始的数,endNum结束的数,item表示截取的数量                   varcompare = function(num1,num2){  //排序的方法                   if(num1>num2){return1;}               

2017-02-13 11:21:26 1671

转载 情人节炫酷表白神器

HTML5粒子效果动画演示  BLUR = false; PULSATION = true;PULSATION_PERIOD = 600;PARTICLE_RADIUS = 4;   BLINK = false; GLOBAL_PULSATION = false; QUALITY = 2;   ARC = true

2017-02-12 09:55:58 3771

转载 web前端面试题整理后篇(程序篇)

需要web前端课程工具和电子书,可以加: 33群105601600;  22群1203428331. var obj ={a : 1}; (function (obj) { obj = {a : 2}; })(obj);       //问obj的值会改变吗?var obj = {a : 1}; (function (obj) {    obj = {a : 2}; })(

2017-02-12 09:53:50 459

转载 web前端面试题整理(程序篇)

1. var obj = {a : 1};(function (obj) { obj = {a : 2}; })(obj);       //问obj的值会改变吗?var obj = {a : 1}; (function (obj) {   obj = {a : 2}; })(obj);//问obj的值会改变吗?外部的obj不变.因为匿名函数中obj传入参数等于是创建了

2017-02-10 13:43:39 1414

转载 情人节的表白神器:H5 canvas ❤动画面

好困啊          body {         margin: 0;         padding: 0;         background: white;       }        #myCanvas {         display: block;       }      window.requestAn

2017-02-10 13:28:49 9172

转载 web前端面试题整理(HTML篇)

需要web前端课程工具和电子书,可以加: 33群105601600; 22群1203428331. h5的改进:新元素画布canvas: HTML5元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成音频audio视频video语义性: article,  nav,  footer, section, aside, hgroup等.时间time

2017-02-09 13:46:50 580

转载 web前端面试题整理(HTML篇)

需要web前端课程工具和电子书,可以加: 33群105601600; 22群1203428331. h5的改进:新元素画布canvas: HTML5元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成音频audio视频video语义性: article,  nav,  footer, section, aside, hgroup等.时间time

2017-02-09 13:40:27 327

转载 CSS3+JavaScript效果:胶卷式放映

胶卷式放映          * {           margin: 0;           padding: 0       }       body{           background: black;       }       #wrap {           width: 150px;           height: 120p

2017-02-09 13:38:32 1682

转载 JavaScript学习基础,初学者请关注

基本语法    JavaScript语法和Java语言类似,每个语句以 ; 结束,语句块用 {...}包起来。JavaScript并不强制要求在每个语句的结尾加; ,但是建议都加上,不给自己找麻烦。    注释分为行注释(//)和块注释()两种。数据类型    Number       // JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Numb

2017-02-08 10:37:42 349

转载 百度HR给的JS面试题

说出以下代码运行结果var a = {n: 1}  var b = a;  a.x = a = {n: 2}  console.log(a.x);  console.log(b.x)  输出:undefinedn:2解析:var a = {n: 1}    //定义变量 a为一个新对象,且这个新对象有一个值为 1的 n成员

2017-02-08 10:34:40 2633 1

转载 输入框placeholder文字修改默认颜色

html5为input添加了原生的占位符属性placeholder,高级浏览器都支持这个属性,例如:修改输入框placeholder文字默认颜色" value=" ">默认的placeholder字体颜色是呈浅灰色,如果想改变这个默认颜色,解决方案如下:input:-moz-placeholder,textarea:-moz-placeholder {     color:

2017-02-07 10:05:16 2956

转载 成为一名优秀的web前端工程师要做些什么?

我在 web领域工作越长时间,我就越意识到区分人才和顶尖人才的并不是他们的知识——而是他们思考问题的方式。很显然,知识在很多情况下是非常重要而且关键的——但是在一个快速发展的领域,你前进和获取知识的方式 (至少在相当长的一段时间里)会比你已经掌握的知识显得更加重要。更重要的是:你是如何运用这些知识解决每天的问题的。      这里有许许多多的文章谈论你工作中需要的语言、框架、工具等

2017-02-07 09:41:50 876

转载 前端HR告诉你前端题每日一练

常见的兼容性问题/*1 ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:display:inline;2 ie6.0下默认有行高解决方法:overflow:hidden;或font-size:0;或line-height:xx px;3 在各个浏览器下img有空隙(原因是:回车。)解决方法:让图片浮动。4 一个父标签

2017-02-06 12:57:54 454

转载 CSS3鼠标悬停动画源代码

CSS3鼠标悬停动画                                                body{                                     margin:200px;                                     text-align:center;                    

2017-02-06 12:54:31 1447

转载 可以放在页面任何地方de 天气插件

天气                                       .xc{                      width: 200px;                      margin: 0 auto;                 }                                         

2017-02-05 10:48:14 2912

转载 CSS3扇形动画菜单

CSS3扇形动画菜单                                               *{padding:0; margin: 0;}                            body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;}         

2017-02-05 10:39:37 941

转载 ajax相关类web前端面试题

1. ajax的跨域问题和缓存原理?    答:推荐:ajax处理跨域有几种方式?实现原理是什么?推荐:ajax缓存原理     2. 同步与异步的区别?    答:1. 同步请求:顺序处理,即当我们向服务器发出一个请求时,在服务器没返回结果给客户端之前,我们要一直处于等待状态直至服务器将结果返回到客户端,我们才能执行下一步操作。2. 异步请求:并行处理

2017-02-04 15:21:08 2233 1

转载 如何用CSS3做地月模型

#solar_wrap {  width: 0;  height: 0;  background-color: #251822;  padding: 100px 130px;  overflow: hidden;}#solar {  position: relative;  width: 0;  height: 0;  transform: perspe

2017-02-04 15:19:30 676

转载 js小效果:上移和下移!

body{                                     background:#D9D1CB;                                     margin:0;                            }                            ul,li {                   

2017-02-03 11:41:48 964

转载 js小功能:定时器之滑动的ul

ul{margin: 0;padding: 0;}        li{list-style: none}        .box{width: 100px;height: 150px;margin:100px auto;position: relative;overflow: hidden;}        .box2{width: 112px;height:56px;positio

2017-02-03 11:40:13 994

转载 导航中的中英文切换

中英切换导航条*{padding:0; margin:0;}li{ list-style:none; }a{ text-decoration:none;}.nav{ width:100%; height:40px;background:#222; margin-top:100px; overflow:hidden;}.list{ width:1000px; height:4

2017-02-02 15:15:17 1668

转载 你也会喜欢的CSS3文本动画

Title          body {           padding: 40px 0;           font-family: 'bebas', sans-serif;       }       body .textcontainer {           padding: 40px 0;           text-align: center

2017-02-02 15:08:18 247

转载 网页高级许愿墙开源代码

许愿墙           *{                   margin:0px;                   padding:0px;         }         body{                   background:-webkit-linear-gradient(top, rgb(203, 235, 219) 0%, rgb

2017-01-16 13:52:02 6022

转载 前端开源:导航中的中英文切换

中英切换导航条*{padding:0; margin:0;}li{ list-style:none; }a{ text-decoration:none;}.nav{ width:100%; height:40px;background:#222; margin-top:100px; overflow:hidden;}.list{ width:1000px; height:4

2017-01-16 13:50:21 2790 1

转载 小猫抓毛线球开源

Cat vs ball of wool    https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">    @import url(http://fonts.googleapis.com/css?family=Open+Sans:800); #world{position: absol

2017-01-14 14:04:04 850

转载 赶紧来许愿:canvas流星雨的背景

赶紧来许愿:canvas流星雨的背景                    一起来看流星雨                     var context;             var arr = new Array();            var starCount = 800;             var rains = ne

2017-01-14 13:45:15 937

转载 赶紧来许愿:canvas流星雨的背景

赶紧来许愿:canvas流星雨的背景                    一起来看流星雨                     var context;             var arr = new Array();            var starCount = 800;             var rains = new

2017-01-14 13:34:20 646

转载 3D动画效果照片墙demo

Title            html,        body {            margin: 0;            padding: 0;            background-color: #29454d;            /*禁止文字被选中*/            -moz-user-select: none;     

2017-01-13 15:16:50 3199

HTML5:canvas制作时钟

每周定期有公开直播课,有业内大咖为你授业解惑,真实项目案例分享,从零到大神的成功之路,从你相信我开始!!!

2017-02-22

3D动画效果照片墙demo

3D动画效果照片墙demo代码

2017-02-07

微信小程序开发的原创经验

2017-01-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除