- 博客(35)
- 资源 (22)
- 收藏
- 关注
RSS订阅原创 前端(初、中级)面试题(June)
这里的题，也是我自己的答案，仅仅当做参考，可能有错的，如果您对我的答案有更好的见解，希望可以和您有所交流。文章最后有原题的在线测试地址，如果您对本套测试 题目感兴趣，可以尝试写“地狱级别”的题目。第1-10题为普通测试，每题6分。Ready? Go!1. 已知这样一段HTML：p class="a">p>应用了这样一段CSS： .a{ font:12px arial; }
2015-06-04 18:04:44
3913
2
原创 H5,Audio音乐播放器(移动版)
有些时候，总是感觉自己进步的没有以前快了。于是就怀疑自己是不是也被时间磨灭了，这可真是一件不幸的事儿。可能是自己会的东西太少了，总是有种莫名的危机感。 前一段时间，想写一个移动版音乐播放器，于是就开始利用下班后的时间写写。每天大概有大概两个小时的时间来做这件事儿，但是写了一版，感觉逻辑不是理想的，所以就推掉了原来写的，又从新写了一版。最近公司的事儿有点儿多，所以导致播放器被推延了一
2015-05-24 19:49:56
16340
22
原创 iconfont图标
在以前，图标是由png格式的图片体现出来的，因此要使其变色等操作，需要用js改变相应的图标地址才能实现。维护方便，改变图标的大小，颜色，使需要设计师再进行进行设计，也是一件计较麻烦的事儿。 Iconfont，在我理解起来，就是把图标“文字”话。通过字体把图标输出到页面。因此，图标就像字体一样可以随意的根据css调整其颜色，大小，行高，行距。因为是矢量输出，所以也不会有失真的问题。
2015-05-19 16:19:41
3756
原创 H5音乐播放器我的2.0
阳光的午后，听着自己播放器传出的音乐，写着一些文字，这是一种享受。今天总结一下自己的播放器2.0相比以前1.0(http://xxyy.ahthw.com//xiaoyu/musicV1.0/Music1.0.html)的一些改进和不足。项目演示地址：http://xxyy.ahthw.com//xiaoyu/musicV2.0/Music2.0.html新增加的功能： a)歌曲分类
2015-04-01 20:58:10
4892
10
原创 html5，audio音乐播放器
终于，做了自己原来一直想要实现的事儿，得出的结果是，有些事儿一旦开始做了，那么它就并不是很难。现在的我，正听着自己的播放器放出的《光辉岁月》写这篇周六清晨的博文。写的不是很好，但也请各位前辈担待一下我这个什么都不懂的菜鸟，也希望各位前辈积极地指正我的错误，小弟感激不尽！ 正式内容前，可以先预览一下效果，http://xxyy.ahthw.com/myMusic/MyMusic.ht
2015-03-14 10:45:15
1996
4
原创 js模拟滚动条
在项目开发的过程中，拿到的设计图总是很精美，但是代码实现的结果却总是差强人意。滚动条就是一个例子，今天小菜就用js去模拟滚动条，以替代原本各个浏览器风格不一的滚动条。 主要用到的事件：鼠标的拖拽(鼠标按下mousedown，鼠标移动mousemove，鼠标松开mouseup)，以及给内容添加滑轮滚动的监听事件。由于jquery中没有对这一事件的支持，所以将用原生的js去实现这一部分
2015-03-09 20:53:42
4620
原创 js基础巩固之--数组的声明与操作
本文的目的：巩固基础，数组的声明和常见操作 本文知识点：数组的栈方法(后添加后删除)：push(),pop()，数组的队方法(前添加，前删除)：unshift(),shift(); 数组的排序：反序排列reverse();自定义排列：sort();
2015-02-08 10:13:38
608
原创 jquery实现放大镜功能
放大镜效果，被广泛的应用于商城的商品展示，其效果相比大家都不陌生。其原理也不是很难，那么今天就实现下放大镜效果！ 主要的CSS样式：溢出隐藏overflow:hidden，隐藏图层display:none，边距margin-left，margin-right 用的主要事件：鼠标移动事件mousemove()和鼠标移出事件mouseout(); 原
2015-02-08 09:49:56
5872
2
原创 js基础巩固之--变量类型以及声明
在只求达到目的的同时，却丢失了坚实的基础，深知自己的基础有待加强。目前主要学习的书籍是《javascript高级编程设计(第三版)》，本博文笔记是第三章第三小节--数据类型(p23)。 本博文用到的知识点：变量的声明和赋值，变量的类型的检测(typeof)，对象的遍历(for in)，JS中arguments对象。 本文宗旨：总结所学到的知识点，得到大神的指点/纠错，给
2015-02-02 22:32:32
564
1
原创 jQuery基础学习之---cookie换肤
jQuery基础学习之---cookie换肤 记得在刚刚基础js的时候写过一个原生的cookie换肤效果，但是使用起来不是很方便，所以闲时变用jQuery自己封装了一个换肤效果。其原理和原生的js一样，都是通过cookie进行效果的展示。 本文存在的问题：操作cookie时，只能通过document么？JQuery有没有类似的方法？ 希望：得到大虾
2015-01-28 16:17:33
856
原创 css基础巩固之选择器
进入前端行业也有一段时间，总是觉得缺点儿什么。可能是之前没有经过系统化的学习吧(以前总是用到了什么才找什么)，所以总是觉得自己的基础不够扎实。终于，决定，再次系统化的学习一下基础知识，巩固一下基础，我想每个大神都应该是这样过去的，我相信我也会成为一个优秀的前端开发者，只是我还需要一个过程。 努力一点，生活更美好…… 如果这篇文章中有什么不对的地方，请一定给予
2015-01-27 14:39:43
495
原创 js基础之变量作用域
很多知识别人都总结了，或许我再总结显得有点儿多余，而且我总结的不一定有别人的好。但是我想，知识可能就是这样吧，别人会的，自己也需要会点儿出门麻麻才能放心。 很多时候理不清楚js里的同名的变量到底访问的是哪一个？为了解决这样的困惑，小菜鸟决定搞搞清楚函数变量作用域问题。 下面是菜鸟的代码及分析，希望路过的大神多多指教。也希望能给像我一样的初学者一点儿帮助。
2015-01-27 14:34:40
482
原创 css3实现六边形照片展示
总是在匆忙中不知所措，总是还未做好准备，所有的事情就已经发生。对于大多数人努力程度之低，所以根本就不用拼天赋。每天学习一点点。今天实现的是，用css3去实现多边形的照片显示。其核心是利用css3中的旋转，transform:rotate(xdeg)，以及溢出隐藏overflow:hidden。代码很简单先看看这个效果模样。最后又源代码下载，供和我一样的菜鸟学习交流。html代码。
2015-01-15 17:15:06
7592
1
原创 jquery实现打字机效果
打字机，算是一种比较好玩的一种文字输出效果，其原理是时段性向页面输入内容，以达到效果……我这里是在html中预先有一个隐藏的div，里面有将要输出的内容。js的主要功能是，获取隐藏的内容元素，对内容进行预处理，把每一个字符分别和标签传入数组中。(如果有标签，那么这一个标签将占用数组的一个元素)。然后再便利数组进行输出就能达到效果。文章的最后，有免费的资源供大家下载……希望共同学习，交流……
2014-12-17 13:46:44
2351
原创 jQuery实现拖拽
拖拽是在前端开发中，经常用到的一种使得目标文件位移的效果。其核心事件是鼠标的三个事件，mousedown(),mousemove(),mouseup(),通过改变目标绝对定位div的位置来实现拖动。这里分享我的代码，希望得到大神的指点。在文章的最后，将提供免费的代码资源，供和我一样的菜鸟学习。HTML： 点击移动 CS
2014-12-10 16:17:36
1159
1
原创 css3，实现照片墙展示效果
慢慢的靠近css3，享受它给我们的生活带来的魅力。今天将简单的用css3实现一个照片墙效果。 css3*{margin: 0;padding: 0;}body {background:#eee;}img{border: none;}.container{width: 1200px; height: 500px; margin:
2014-11-21 18:05:55
2089
原创 100%宽屏banner，轮番
今天练习，100%宽度banner图。但是由于技术原因，我还不知道怎么去动态的改变整个banner的高度。请路过的大神指点一二。
2014-10-31 15:41:45
1049
原创 Jquery,图片依次进入内容区域，幻灯片
2014年10月2 8日 忙了一段时间，忽然发现自己已经很久没有继续写总结，写博客，很多问题没有能做笔记，这是一种损失。以后要多多记笔记。 昨天技术经理让实现一个效果，让一组图片一次进入内容区域。有一个排列效果。这个效果可用于首页banner。或者全屏的显示图片导航。（全屏的话，可能需要计算屏幕的大小，然后再去）。目前的代码实现了一定程度上的动态效果，但是还
2014-10-28 21:26:53
655
原创 jquery实现选项卡
在前一段学习原生js中学习了选项卡的实现方式，其核心是切换css样式，以实现视觉上的切换。在学习jquery中则有不同的方法，当然其思想也还是那个思想，只是有了封装好的更简单的方法。下面是菜鸟代码。
2014-09-01 18:18:33
537
原创 原生js实现表单验证（提交后验证）
在平常的页面当中，我们经常用到表单和表单验证，表单验证是数据进入数据库前一次在客户机利用脚本检查数据类型的行为。作为一个初学者，在这里贴下我的菜鸟代码。
2014-08-29 08:41:24
2734
原创 js利用cookie实现网页的换肤
在浏览网页的时候，我们经常可以看到部分页面上具有换肤功能，点击改变皮肤且但我们下次浏览的时候，还会是我们选择的皮肤。作为菜鸟来说，这是一种赤裸裸的诱惑……今天查了相关资料，很粗糙的写了一个利用coolkie的换肤效果。求大神勿喷，也请多多指点。下面是菜鸟代码……
2014-07-31 16:32:08
3005
原创 通过css加载外部自定义文字
很多时候，我们希望自己的页面上出现比较个性的字体，但是这种字体并不是系统上默认自带的，以前的做法是通过加载图片来达到效果，但是这一做法的缺点是，不灵活，不利于后期更改维护。且如果特殊字体过多的话，便会造成加载速度过慢的现象。解决这一问题的办法是，通过CSS来加载外部字体。一下是我的代码，如果有不同或者更好的建议，期待着和你的交流探讨。
2014-07-24 16:42:34
694
1
原创 js实现图片轮番效果，原生代码
我们在浏览网页的时候，会经常看到网页上有图片轮番效果，虽然网上有很多优秀的特效代码，但是作为菜鸟的我，依旧决定写一个自己的照片轮番，只为给自己增加一点点安全感。 分析下，思想很简单。图片轮番：（需要用到的方法）1：隔一段时间自动循环展示图片。||{setInterval(),}2：当鼠标进入到图层区域时，图片停止轮番。||{clearInterval(),}3：当鼠标移
2014-07-04 17:17:39
2609
原创 JS实现钟表计时。
毕业一个多月，忽然发现学习时间是这么的珍贵。也忽然明白，大学需要做的，仅仅是学会一种适合自己的学习方式。距离上次发文已经有一个星期，想想这真的是中悲剧。经常会看到网站上有关于时间的显示，那么今天，自己就写一个简单的时钟。代码很简单，思想也很简单，创建Date对象，然后调用其方法，得到返回值，就OK了。下面是菜鸟代码，希望路过的大神不要嘲笑，也真诚的希望您能指点一二。
2014-06-30 14:06:40
963
原创 JS实现栅栏式选项卡
今天再向大家分享一种另类变相的选项卡，可做效果演示，也可作二级导航栏。 要点：1和先前分享的选项卡原理基本上一样，都是通过控制display的属性值来达到想要的效果。2需要考虑显示顺序，鼠标移动触发事件中没有定义鼠标时左移动还是右移动，所以需要通过其他方法来解决这个问题。不要把问题复杂化，目的只有一个，当鼠标在一耳导航区域的时候，只有一个内容模块显示。所以用排除法相对来说更
2014-06-20 14:20:32
1038
原创 js实现选项卡，图层切换
在平常的网页中，选项卡是常见的一直展示方式。今天我将用JS实现图层的切换。可能用到的方法比较笨重，如果你有更好的方法，期待着你与我的分享。前端菜鸟的代码如下：
2014-06-18 09:30:44
1246
原创 js实现点击更换图片
看到很多技术大牛都在写技术博客，作为刚刚入职的一名应届生，我想这是一种好习惯。大概在一个月前有了这样的想法，但是却一直没有实施，说起来真惭愧。今天终于决定发一篇文章，作为一个新的开始。如果这文章有幸被读者读到，我倍感荣幸，谢谢和您的交流。 刚刚入职Web前端开发，还有很多东西需要学习，这段时间，我主要学习javaScript脚本技术，从零开始！
2014-06-17 08:45:24
15474
1
jquery实现拖拽
2014-12-10
原生js实现瀑布流效果
2014-11-09
JQuery实现滑动banner轮番图（1030修改）
2014-10-30
图片依次进入内容区域，幻灯片
2014-10-28
JQuery实现滑动banner轮番图
2014-09-28
jquery实现图片切换
2014-09-04
jquery实现选项卡
2014-09-01
原生js实现表单验证（提交后验证）
2014-08-29
Div+Css实现图层固定，吊窗
2014-08-04
利用cookie实现换肤
2014-07-31
通过css加载外部自定义文字
2014-07-24
js实现图片轮番效果，原生代码
2014-07-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人