随笔分类 -  前端

记录前端学习，一些小知识
js实现函数重载
摘要：js本身由于其并不检查参数的个数和类型，而是直接把参数放到一个arguments的对象中，由于这种机制我们并不能像c++和java一样去实现函数重载，而要在函数里面去判断参数的个数和类型来间接实现函数重载function addMethod(object, name, fn){ // Save ... 阅读全文
posted @ 2015-11-30 20:36 Kinthon 阅读(342) 评论(0) 推荐(0)
前端小游戏之拼图功夫熊猫
摘要：1)效果图2)代码链接:3)体会： a)学会分析这个游戏的主要问题，也就是需要解决什么问题？可以得出首先是关于如何切图？如何让图片移动？如何只让与深色背景在一起的拼图块移动？ b)对于第一个问题，切图可以使用background-image和background-position; 第二个问题可... 阅读全文
posted @ 2015-11-19 00:20 Kinthon 阅读(571) 评论(0) 推荐(0)
checkbox美化
摘要：背景:checkbox的样式比较普通，可以通过js与css的手段来让其美化；要求:达到内容，样式，行为分离；目标:实现效果图当点击后 代码:体会: 首先要理解我们不是单纯的需要这个样式，我们需要在保证原本checkbox存在而且可以发挥作用的情况下实现这个样式，在实现中使用的策略：1)使用labe... 阅读全文
posted @ 2015-11-15 22:59 Kinthon 阅读(228) 评论(0) 推荐(0)
JS 之简单计算器
摘要：要求:响应用户对数字和算术操作符按钮的操作，记录并显示用户通过按钮输入的算术表达式（50分）响应用户功能按钮的操作用户按下“←”按钮，删除当前算术表达式最后一个字符，并更新显示用户按下“CE”按钮，清除当前算术表达式（20分）用户按下“=”按钮，计算当前表达式的结果并显示如果，算术表达式非法，弹出警... 阅读全文
posted @ 2015-11-08 23:10 Kinthon 阅读(373) 评论(0) 推荐(0)
纯JS实现fadeIn 和fadeOut
摘要：CSS相关透明度的设置方式 filter:alpha(opacity=50); opacity: 0.5;opacity: 0.5This is the “most important” one because it is the current standard in CSS. This will... 阅读全文
posted @ 2015-10-09 20:01 Kinthon 阅读(3279) 评论(0) 推荐(0)
纯CSS实现气泡框
摘要：参考网址：http://www.cnblogs.com/daxiong/articles/3158630.html1)根据博主的操作可以很书实现这个操作，操作过程中主要是利用了chrome devtools来实现定位的；2）相关知识的补充：定位（position之常规使用）position的属性值有... 阅读全文
posted @ 2015-10-09 14:39 Kinthon 阅读(485) 评论(0) 推荐(0)
Web发展史
摘要：Web 发展史与其发展趋势发展史Web定义 从技术层面上看，Web架构的精华有三处：用超文本技术（HTML)实现信息与信息的连接，用统一资源定位技术（URL)实现全球信息的精确定位；用应用层协议（HTTP）实现分布式的信息共享，其本身是一种典型的分布式应用架构基本发展史Web 1.0（信息共享） W... 阅读全文
posted @ 2015-09-28 23:47 Kinthon 阅读(3746) 评论(0) 推荐(0)
Javascript学习过程（二）
摘要：1）在学习Javascript过程中避免不了要输出一些测试结果，一般的作法是使用alert来显示，但是alert函数是一个单参的，为了可以方便测试，可以使用控制台输出，console.log(arguments);在chrome中可以打开devtool查看控制台。2）使用script标签时，要注意使... 阅读全文
posted @ 2015-09-22 22:17 Kinthon 阅读(216) 评论(0) 推荐(0)
javascript学习小记
摘要：1,event对象是DOM给事件提供更为详细信息的对象，在定义事件处理函数时经常需要用到，为了确保我们得到的event对象不是空值，我们需要先确认下：1 if(!e) 2 e = window.event;其常用的属性有：event.target(元素出现的对象，比如锚，在部分浏览器中用ev... 阅读全文
posted @ 2015-07-17 10:35 Kinthon 阅读(186) 评论(0) 推荐(0)