08 2019 档案

React同级组件传值
摘要：在React中同级组件本身是没有任何关联的，要想有联系只能通过共同的父组件传值，一个子组件将数据传递到父组件中，父组件接收值再传入另一个子组件中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Hello 阅读全文
posted @ 2019-08-21 23:40 //toMe 阅读(1116) 评论(0) 推荐(0)
React实现导航栏点击高亮
摘要：在jquery中实现导航栏的切换只需要一行代码找到同级其他元素removeClass以及添加点击元素addClass就可以实现了，但是React没法直接找到同级元素，这个时候需要一点js中的思维，根据添加的序列号判断该添加哪种className 为了方便实例测试，这个我直接引用了菜鸟教程的在线文件， 阅读全文
posted @ 2019-08-21 23:25 //toMe 阅读(1684) 评论(0) 推荐(0)
js之以面向对象的形式书写贪吃蛇
摘要：此代码存在一定的小bug，当蛇出边界之后存在一定的小问题 分析贪吃蛇功能需求： 1.食物 （1）每次生成一个，位置随意但不可超出规定范围 （2）每次蛇吃到食物之后，前一个食物消失同时新的食物又生成 （3）属性：大小、颜色、位置 2.蛇 （1）属性：长度，颜色，位置、方向 （2）每吃掉一个食物，蛇尾新 阅读全文
posted @ 2019-08-10 23:06 //toMe 阅读(314) 评论(0) 推荐(0)
jquery实现轮播图切换
摘要：这个是我模仿网易云的音乐界面写的轮播图，主要实现的功能有 1.每隔4秒图片和对应的背景颜色一起切换 2.点击翻页会跳转到相对应的图片以及背景上 3.点击左右翻页，实现顺序切换 <1>HTML结构 <!-- 轮播图 --> <div class="n-ban"> <div class="n-wrap" 阅读全文
posted @ 2019-08-10 22:28 //toMe 阅读(426) 评论(0) 推荐(0)
JavaScript之原生ajax && jQuery之ajax
摘要：ajax提供了异步访问服务器的方法，使页面无须刷新就可以更改页面内容，在实际情况中使用原生的情况较少但是原理需要掌握，一般都是使用jquey更轻量级的实现ajax但是原理是共同的。 原生ajax使用过程： 1.创建ajax核心对象 IE浏览器核心对象为XMLHTTP，其他浏览器核心对象为XMLHTT 阅读全文
posted @ 2019-08-10 00:13 //toMe 阅读(219) 评论(0) 推荐(0)