web前端
文章平均质量分 76
fanyuenan
这个作者很懒,什么都没留下…
展开
-
web前端开源小案例:立方体旋转
HTML部分: 舞台元素,设置perspective,让其子元素获得透视效果。--> 容器,设置transform-style: preserve-3d,让其子元素在3D空间呈现--> 1 立方体的六个面--> 2 3 4 5 6转载 2017-01-09 13:37:12 · 1504 阅读 · 0 评论 -
情人节炫酷表白神器
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 · 3788 阅读 · 0 评论 -
如何选取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 · 1704 阅读 · 0 评论 -
web前端面试题整理(前端和计算机相关知识)
1. 你能描述一下渐进增强和优雅降级之间的不同吗?定义:优雅降级(graceful degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复渐进增强(progressive enhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。 都关注于同一网站在不同设备里不同浏览器下的表现程度区别:“优雅降级”观点认为应转载 2017-02-13 11:23:50 · 1160 阅读 · 0 评论 -
哪些人可以学前端开发?
作为web前端开发设计师,不仅要懂得设计还要懂得交互,所需的眼界要广。所以,想要成为一名合格的web前端开发工程师,前期的学习与培训是必不可少。全面了解互联网企业对Web前端工程师最核心的技能要求和技术要求,并以此精心设置课程内容,来保证学生学到的Web前端开发技术与企业招聘要求相匹配。专业而有深度,以学习、授课、案例演示、实验相结合,同时加入实战。在教学过程中,理论讲授和实验是穿插进行的转载 2017-02-14 11:54:58 · 723 阅读 · 0 评论 -
小游戏-打地鼠(js版)
打地鼠 #content { width:960px; margin:0auto; text-align:center;转载 2017-02-14 12:19:00 · 1279 阅读 · 0 评论 -
你也会喜欢的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 · 260 阅读 · 0 评论 -
导航中的中英文切换
中英切换导航条*{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 · 1687 阅读 · 0 评论 -
js小效果:上移和下移!
body{ background:#D9D1CB; margin:0; } ul,li {转载 2017-02-03 11:41:48 · 997 阅读 · 0 评论 -
零基础学前端开发 色彩缤纷的Bottom Bar
零基础学前端开发 色彩缤纷的Bottom Bar Material BottomBar @keyframes morewidth { from { padding: 0 12px;转载 2017-05-11 11:27:45 · 364 阅读 · 0 评论 -
【签到有礼】课工场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 · 458 阅读 · 0 评论 -
自学h5 来看看项目常见问题汇总及解决方案
其他meta标签转载 2017-05-16 11:05:19 · 653 阅读 · 0 评论 -
零基础自学前端 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 · 750 阅读 · 0 评论 -
零基础自学前端 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 · 663 阅读 · 1 评论 -
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 · 483 阅读 · 0 评论 -
情人节的表白神器:H5 canvas ❤动画面
好困啊 body { margin: 0; padding: 0; background: white; } #myCanvas { display: block; } window.requestAn转载 2017-02-10 13:28:49 · 9195 阅读 · 0 评论 -
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 · 600 阅读 · 0 评论 -
如何用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 · 695 阅读 · 0 评论 -
ajax相关类web前端面试题
1. ajax的跨域问题和缓存原理? 答:推荐:ajax处理跨域有几种方式?实现原理是什么?推荐:ajax缓存原理 2. 同步与异步的区别? 答:1. 同步请求:顺序处理,即当我们向服务器发出一个请求时,在服务器没返回结果给客户端之前,我们要一直处于等待状态直至服务器将结果返回到客户端,我们才能执行下一步操作。2. 异步请求:并行处理转载 2017-02-04 15:21:08 · 2247 阅读 · 1 评论 -
CSS3扇形动画菜单
CSS3扇形动画菜单 *{padding:0; margin: 0;} body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;}转载 2017-02-05 10:39:37 · 974 阅读 · 0 评论 -
可以放在页面任何地方de 天气插件
天气 .xc{ width: 200px; margin: 0 auto; }转载 2017-02-05 10:48:14 · 2938 阅读 · 0 评论 -
CSS3鼠标悬停动画源代码
CSS3鼠标悬停动画 body{ margin:200px; text-align:center;转载 2017-02-06 12:54:31 · 1470 阅读 · 0 评论 -
前端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 · 468 阅读 · 0 评论 -
JavaScript的文字搬运工的功能
* {padding: 0;margin: 0;}.box {width: 1200px;height: 700px;margin: 0 auto;overflow: hidden;background: url(http://cdn.attach.qdfuns.com/notes/pics/201701/11/004435fkxwv3xt5pp8xf1x.jp转载 2017-01-11 10:25:20 · 735 阅读 · 0 评论 -
成为一名优秀的web前端工程师要做些什么?
我在 web领域工作越长时间,我就越意识到区分人才和顶尖人才的并不是他们的知识——而是他们思考问题的方式。很显然,知识在很多情况下是非常重要而且关键的——但是在一个快速发展的领域,你前进和获取知识的方式 (至少在相当长的一段时间里)会比你已经掌握的知识显得更加重要。更重要的是:你是如何运用这些知识解决每天的问题的。 这里有许许多多的文章谈论你工作中需要的语言、框架、工具等转载 2017-02-07 09:41:50 · 898 阅读 · 0 评论 -
输入框placeholder文字修改默认颜色
html5为input添加了原生的占位符属性placeholder,高级浏览器都支持这个属性,例如:修改输入框placeholder文字默认颜色" value=" ">默认的placeholder字体颜色是呈浅灰色,如果想改变这个默认颜色,解决方案如下:input:-moz-placeholder,textarea:-moz-placeholder { color:转载 2017-02-07 10:05:16 · 2991 阅读 · 0 评论 -
网页高级许愿墙开源代码
许愿墙 *{ margin:0px; padding:0px; } body{ background:-webkit-linear-gradient(top, rgb(203, 235, 219) 0%, rgb转载 2017-01-16 13:52:02 · 6057 阅读 · 0 评论 -
百度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 · 2675 阅读 · 1 评论 -
JavaScript学习基础,初学者请关注
基本语法 JavaScript语法和Java语言类似,每个语句以 ; 结束,语句块用 {...}包起来。JavaScript并不强制要求在每个语句的结尾加; ,但是建议都加上,不给自己找麻烦。 注释分为行注释(//)和块注释()两种。数据类型 Number // JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Numb转载 2017-02-08 10:37:42 · 362 阅读 · 0 评论 -
CSS3+JavaScript效果:胶卷式放映
胶卷式放映 * { margin: 0; padding: 0 } body{ background: black; } #wrap { width: 150px; height: 120p转载 2017-02-09 13:38:32 · 1729 阅读 · 0 评论 -
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 · 349 阅读 · 0 评论 -
零基础学前端 两列布局左边固定右边自适应
零基础学前端 两列布局左边固定右边自适应.div1{position: absolute;width: 200px;height: 200px;background: darkcyan;}.div2{height: 200px;background: red;margin转载 2017-05-10 14:36:10 · 506 阅读 · 0 评论