摘要：
先来一个常见的案例，把一张图片和下方文字进行居中： 首先处理左右居中，考虑到img是一个行内元素，下方的文字内容也是行内元素，因此直接用text-align即可： 实际的效果如下： 火星 火星 这样做的问题是，直接在最外层的container设置一个text-align的属性，导致所有子元素都会继承 阅读全文
posted @ 2017-10-27 17:46
m2maomao
阅读(242)
评论(0)
推荐(0)
摘要：
借用Effective之名，开始写Effective系列，总结一些前端的心得。 有些人写页面会走向一个极端，几乎页面所有的标签都用div，究其原因，用div有很多好处，一个是div没有默认样式，不会有margin、background等初始化设置，另外可能会觉得不用div还能用啥。所以看他的页面，一 阅读全文
posted @ 2017-10-27 17:35
m2maomao
阅读(165)
评论(0)
推荐(0)
摘要：
伪元素是一个好东西，但是很多人都没怎么用，因为他们觉得伪元素太诡异了。其实使用伪元素有很多好处，最大的好处是它可以简化页面的html标签，同时用起来也很方便，善于使用伪元素可以让你的页面更加地简洁优雅。 1. 伪元素使用场景 伪元素一般是用于画图，特别是那种无关紧要的分隔线、点之类的小元素，如下图的 阅读全文
posted @ 2017-10-27 17:01
m2maomao
阅读(781)
评论(1)
推荐(1)
摘要：
本文介绍使用css3的animation画一个太阳系行星公转的动画，再加以改进，讨论如何画椭圆的运行轨迹。然后分析京东和人人网使用animation的实际案例，最后结合css3的clip-path做一些比较特别的动画。 太阳系最终的效果图如下： css3的animation是通过关键帧的形式做出来的 阅读全文
posted @ 2017-10-27 16:19
m2maomao
阅读(1242)
评论(0)
推荐(0)
摘要：
如何实现一个三栏自适应布局，左右各100px，中间随着浏览器宽度自适应？ 第一个想到的是使用table布局，设置table的宽度为100%，三个td，第1个和第3个固定宽度为100px，那么中间那个就会自适应了，下面是一个实时的demo： 但是table布局是不推荐的，table布局是css流行之前 阅读全文
posted @ 2017-10-27 16:10
m2maomao
阅读(284)
评论(0)
推荐(0)
摘要：
借用Effective之名，开始写Effective系列，总结一些前端的心得。 为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。 1. 导航高亮 导航高亮是一种很常见的问题，包括当前页面 阅读全文
posted @ 2017-10-27 16:02
m2maomao
阅读(319)
评论(0)
推荐(0)
摘要：
信息比较丰富的网站通常会以分页显示，在点“下一页”时，很多网站都采用了动态请求的方式，避免页面刷新。虽然大家都是ajax，但是从一些小的细节还是 可以区分优劣。一个小的细节是能否支持浏览器“后退”和“前进“键。本文讨论两种方法，让浏览器可以后退和前进，或者说让ajax就像重定向到新页面一样 拥有能够 阅读全文
posted @ 2017-10-27 14:45
m2maomao
阅读(273)
评论(0)
推荐(0)
摘要：
什么是 for…of 循环 for...of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环，以替代 for...in 和 forEach() ，并支持新的迭代协议。for...of 允许你遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, 阅读全文
posted @ 2017-10-27 14:39
m2maomao
阅读(179170)
评论(0)
推荐(10)
摘要：
JS虽然是一个面向对象的语言，但是不是典型的面向对象语言。Java/C++的面向对象是object - class的关系，而JS是object - object的关系，中间通过原型prototype连接，父类和子类形成一条原型链。本文通过分析JS的对象的封装，再探讨正确实现继承的方式，然后讨论几个问 阅读全文
posted @ 2017-10-27 14:11
m2maomao
阅读(502)
评论(0)
推荐(0)
摘要：
本页推荐个人了解的一些专业及行业技术，拓展书籍，也欢迎大家提供更多推荐，本站将持续进行更新。 索引 [隐藏] 1 HTML 2 JavaScript 3 web开发 4 NodeJs 5 算法 6 设计模式 7 计算机科学基础 8 软件管理 9 其他编程语言 索引 [隐藏] 1 HTML 2 Jav 阅读全文
posted @ 2017-10-27 11:26
m2maomao
阅读(131)
评论(0)
推荐(0)
浙公网安备 33010602011771号