Flex布局实例

本文转载自阮一峰老师的《Flex 布局教程:实例篇》 一、骰子的布局 骰子的一面,最多可以放置9个点。 下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo。 如果不加说明,本节的HTML模板一律如下。 <div class=”box”> <span class=

彻底弄懂事件冒泡、事件捕获和事件委托

事件冒泡和事件捕获 事件冒泡:当一个元素接收到事件的时候,会把他接收到的事件传给自己的父级,一直到window。 事件捕获:事件从最不精确的对象(document 对象)开始触发,然后依次将事件传给子级,跟冒泡的顺序相反。 注意: 1.这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数,就算传

手写Promise<一>

前言 在前端开发中,Promise的重要性,我就不做过多的叙述了,大部分异步的操作都会用到它,我们大部分同学可能用了很多次,但是从未真正关注过它的原理,这里呢,我就和大家来手动实现一个Promise,当然我会分几次来实现,徐徐渐进,要不然文章太长,大家也懒得看(其实我也是在学习ing…)。 正文 首先,我们

关于JS闭包那些事

前言 在javascript中,闭包可谓是一个非常重要的概念,在很多面试中,面试官也老师会问到什么是闭包。关于闭包的文章,网上有很多介绍的文章,但很多文章看得总是让人似懂非懂,那么本文争取让大家搞懂什么是闭包。 什么是闭包 在《高级程序设计》上说:当在函数内部定义了其他函数时候,就创建了闭包,闭包有权访问包含函数内部的

用H5开发移动端的注意事项

1.单个页面内容不能过多 设计常用尺寸:750 x 1334 / 640 x 1134,包含了手机顶部信号栏的高度。 移动端H5活动页面常常需要能够分享到各种社交App中,常用的有 微信、QQ 等。 使用移动设备查看页面时会发现,在微信浏览器中有顶部导航栏,在qq内置浏览器里不止有 顶部导航,底部也有 操作栏(safa