Fork me on GitHub
Joe19970619的私人小站

爱嘎的前端发烧友


  • 首页

  • 分类

  • 关于

  • 归档

  • 标签

  • 搜索

完美解决CSS中float引起的父元素高度塌陷问题

发表于 2017-05-09 | 分类于 前端须知问题

完美解决float引起的父元素高度塌陷问题

相信很多同学在网页布局过程中都用过float浮动布局,float可以让我们很方便的去布局,但是同时也带来了很多的问题,虽然现在很多人都推荐用Flex布局来替代浮动布局(不了解Flex可以在这里看这里 阮一峰的网络日志),但是IE11以下和一些低级别版本的浏览器对Flex的支持不太好,所以我们用好浮动布局还是很有必要的。这篇文章主要解决的是float的所引起的父容器高度塌陷问题,相信很多人都遇到过使用浮动时发现父容器没有撑开,以下我会给出几种解决方法,让大家不会在这个问题上再出错。

阅读全文 »

用原生JavaScript写个简单的轮播效果

发表于 2017-03-21 | 分类于 JavaScript小练手

轮播图的基本样式

JavaScript写个轮播效果

这次也是一个适合JavaScript初学者的小练手,用JavaScript的基本知识去写一个轮播图,其实轮播图有很多方法去实现,像用一些框架,Bootstrap之类的,或者CSS3都可以轻松做出漂亮的轮播图,这次去用JavaScript实现,主要是为了锻炼自己使用Js的能力,代码非常简单,我会先放出HTML和CSS部分,最后详细讲解Js部分,还是那句话,重要的是思路,希望Js的初学者可以跟着我动手敲一敲,绝对对自己的能力有提升!完整代码也放在GitHub上了,链接在最后。

阅读全文 »

用原生JavaScript写个简易计算器

发表于 2017-03-21 | 分类于 JavaScript小练手

完成的基本样式

JavaScript写个简易计算器

这个小练手旨在帮助刚上手学习JavaScript的同学练习最基本的Js知识,大神勿喷哈,由于这个是非常简易的计算器,可以完成的功能有加减乘除和AC(清屏),DEL(退格)等基本运算,所以代码也不复杂,我会先放出代码,然后再讲解我的思路,非常简单,只要你按照我的思路走,15分钟不到我保证你也可以敲出同样的代码,当然主要还是希望可以为入门的同学提供一种解决问题的思路,各位看完后可以自己动手敲一遍哈。

阅读全文 »
Joe

Joe

这是一个准前端工程师的私人博客,我会在这里分享我的学习总结,希望您可以常来看看

3 日志
2 分类
2 标签
GitHub 微博 掘金 简书
友情链接
  • AlloyTeam
© 2017 Joe
由 Hexo 强力驱动
主题 - NexT.Mist
本站访客数 人次 本站总访问量 次