参照百度的贪吃蛇教程,制作一个贪吃蛇小游戏

摘要: 从零开始太难下手,于是参考百度的教程制作了一个贪吃蛇小游戏, 目前只实现了贪吃蛇最基本的功能,积分面板与暂停开始功能都没有做,其余的bug以后也慢慢完善 阅读全文
posted @ 2018-03-13 18:10 小菜园的菜 阅读(373) 评论(0) 推荐(0) 编辑

利用原型对象来实现 隔行变色 全选不选反选 以及选项卡的功能

摘要: 先上代码 在一个效果中,在setBg的init函数里面通过外部传入的参数来修改setBg的默认参数,Ctx为实现特效的节点,ele判断节点使table还是div,其他步骤只是通过这些参数,实现一个小小的功能。 在通过如下方式调用 window.onload=function(){ var obj= 阅读全文
posted @ 2018-03-06 10:00 小菜园的菜 阅读(221) 评论(0) 推荐(0) 编辑

制作一个简单的选项卡插件

摘要: 闲来无事,参考同学的一个选项卡,自己制作了一个选项卡插件 以下为代码 使用方法如下 欲要修改其他的样式,添加其他的功能,也可以在其原型对象上添加,或者修改 现在效果如下 阅读全文
posted @ 2018-03-05 17:16 小菜园的菜 阅读(467) 评论(0) 推荐(0) 编辑

封装一个原生的ajax方法(保存方法^_^)

摘要: /* 封装一个类似于jq的ajax方法,调用与下面类似 $.ajax({ url:xxx.php, data:{ 'act':'q', 'user':'ghost', 'password':'123abc', }, type:'post', ... 阅读全文
posted @ 2018-03-03 21:19 小菜园的菜 阅读(141) 评论(0) 推荐(0) 编辑

小白用闭包做选项卡(此文是自己做题过程,本人对于闭包理解极差,求指正!)

摘要: 本次作业是利用闭包完成选项卡, 经过一系列磕磕绊绊,终于完成了,但是对闭包感觉还是有点懵逼, 故写下此文梳理自己的思路, 》求教导!求指正!求大佬带飞! 完成版代码如下 对于整段代码,最关键的部分也就在闭包那一段了 就是这一部分了... 首先来自我分析... 最开始是点击事件那一部分 >给btns每 阅读全文
posted @ 2017-10-12 21:50 小菜园的菜 阅读(165) 评论(0) 推荐(0) 编辑

对原型链相关的知识的梳理

摘要: 在上段代码中, 首先有一个构造函数Obj, 通过代码可知,在构造函数Obj中有有两个属性name与age,有一个方法fn_1。 在每个函数中,都有会有一个隐藏的属性,叫做prototype即原型属性,如下图: Obj的原型属性prototype指向的则是Obj的原型对象,即Obj.prototype 阅读全文
posted @ 2017-10-11 19:22 小菜园的菜 阅读(226) 评论(0) 推荐(0) 编辑

近段时间js的兼容性问题的汇总

摘要: 1.选择器的兼容问题所有的浏览器都支持getElementById getElemnetsByTagNameIE8不支持getElementsByClassName querySelector querySelectorAll 2.获取行间style时的兼容性问题obj.style.attr这种格式 阅读全文
posted @ 2017-10-09 19:51 小菜园的菜 阅读(150) 评论(0) 推荐(0) 编辑

初识面向对象,并完成全选,不选,与反选

摘要: Document 全选 不选 反选 阅读全文
posted @ 2017-10-08 20:25 小菜园的菜 阅读(148) 评论(0) 推荐(0) 编辑

jQuery中显示与隐藏的几种实现方法

摘要: 首先是body与样式 在上面内容中,实现div部分的显示与隐藏 toggleClass() 直接用来控制show() hide()简单粗暴。 利用if条件来判断 .css()的几种写法 将toggleClass拆分来分别完成 阅读全文
posted @ 2017-09-28 21:02 小菜园的菜 阅读(208) 评论(0) 推荐(0) 编辑

dom操作

摘要: DOM是为文档对象模型 dom操作主要是指对象中的节点(元素,文本,注释。。。等)。 childNodes 需要用nodeType兼容 nodeType = 1: 元素节点 nodeType = 3: 文本节点 children ( 子节点 集合 ) parentNode( 父节点 ) chrome 阅读全文
posted @ 2017-09-26 20:42 小菜园的菜 阅读(111) 评论(0) 推荐(0) 编辑