学习日记
Naro7L
这个作者很懒,什么都没留下…
展开
-
7.18学习bootstrap之路!
开始学习的第11天,第一天学习bootstrap,感觉这个框架方便的同时又觉得头好大啊,名字又复杂有多,对于初学者来说,真的很难筛选哪些是我需要的,哪些不是!原创 2017-07-18 18:49:54 · 364 阅读 · 0 评论 -
学习理解GIT命令之git fetch的用法
列几个常用的git命令git init 项目初始化 git clone 拉取项目 git add . 添加到暂存区 git commit -m 添加commit信息 git push 将本地分支推送到服务器上去 git pull origin master 本地与服务器端同步git log 查看日志 git status 查看当前状态 git tag 查看版本号 git diff原创 2017-12-26 11:22:21 · 34203 阅读 · 0 评论 -
web前端面试题
这几天在准备面试了,开始刷面试题 https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers1.行内元素,块级元素和空元素。 行内元素:1.可以在排列在同一行。 2.设置宽高和内外边距对它都没有效果。 常原创 2017-09-05 15:00:21 · 676 阅读 · 0 评论 -
js定时器(四)点击方块掉下来
这个也可算是前面的三的2.0版本吧一.要实现的效果1.自动生成小方块 2.点击小方块,小方块依次掉下来二.效果图三.代码1.css<style type="text/css"> div{width: 50px;height: 50px;background: red;}</style>2.htnlnull3.js<script type="text/javascript"> va原创 2017-08-03 20:33:41 · 852 阅读 · 2 评论 -
js数组的方法
刚刚学习了数组的方法,又看了廖雪峰教程讲的数组,把这次的收获记录一下,下面贴廖雪峰教程网址 https://www.liaoxuefeng.com/[廖雪峰]我的方法总结里面没有lenght和数组的写法1.push();末尾添加值var arr=[1,2,3,4]; var b=arr.push('ab'); console.log(arr);//[1,2,3,4,原创 2017-08-04 10:43:19 · 331 阅读 · 0 评论 -
js鼠标事件(一)实现banner的轮播效果
一.要实现的效果1.点击左右可切换图片 2.点击小圆点 可切换图片二.效果图三.代码1.css<style type="text/css">body,img,span,ul,li{margin: 0;padding: 0;}#div1{width: 600px;height: 350px;margin: 150px auto;border: 10px solid #eee;position:原创 2017-08-03 20:52:33 · 1031 阅读 · 1 评论 -
js定时器(五)无缝滚动
一.要实现的效果1.点击按钮实现左右滚动 2.鼠标放上去实现清除定时器二.效果图片三.代码1.css<style type="text/css">#div1{ margin:50px; width:800px; height:200px; background:pink; position:relative; overflow:hidden;}原创 2017-08-03 20:40:11 · 566 阅读 · 0 评论 -
js定时器(三)向左向右
非常简单的一个小练习,一会考虑把2.0贴上来一.要实现的效果1.点击向左 ,小方块向左走 2.点击向右,小方块向右走二.效果图片三.代码1.css<style type="text/css">div{width: 100px;height: 100px;background: pink;position: absolute;left: 0;}</style>2.html<body><inpu原创 2017-08-03 20:28:27 · 587 阅读 · 0 评论 -
js定时器(二)延时消失的菜单
这个小练习,我有点偷懒了=.=.一.要实现的效果这个效果和之前的简易qq面板有些类似 1.点击导航延时出现子列表 2.子列表延时消失 3.鼠标放在子列表上,子列表不消失二.效果图三.代码1.css<style type="text/css">body,ul,li,span,a{margin: 0;padding: 0;}li{list-style: none;}#div1{width:原创 2017-08-03 20:17:24 · 1422 阅读 · 0 评论 -
js定时器的练习(一)淘宝广告效果
这几天在学习定时器,写了几个小练习!现在贴上来一.要实现的效果1.点击按钮切换图片 2.图片的自动切换二.效果图片三.代码css部分<style type="text/css">ul{ margin: 0; padding: 0; }li{ list-style: none; }#div1{ width: 298px; height: 208px; border: 1px #ff6300原创 2017-08-03 20:08:37 · 497 阅读 · 0 评论 -
隐藏滚动条
隐藏::-webkit-scrollbar {display: none;/*隐藏滚轮*/}原创 2017-08-17 20:37:24 · 271 阅读 · 0 评论