摘要: 前言在一个团队中,每个人的git的commit信息都不一样,五花八门,没有一个机制很难保证规范化,如何才能规范化呢?可能你想到的是git的hook机制,去写shell脚本去实现。这当然可以,其实JavaScript有一个很好的工具可以实现这个模板,它就是commitlint。接下来将会讲解如何一步步 阅读全文
posted @ 2021-05-25 11:21 浮-生 阅读(762) 评论(0) 推荐(0) 编辑
摘要: 曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配? 那么趁此Amfe阿里无线前端团队双11技术连载之际,用一个实 阅读全文
posted @ 2021-05-25 10:21 浮-生 阅读(173) 评论(0) 推荐(0) 编辑
摘要: flexible.js正是利用rem单位相对根元素<html>的font-size来做计算,而我们需要做的就是根据不同的屏幕算出html的font-size,而页面内的大小单位都根据rem来写,从而实现了自适应。 CSS单位rem 在W3C规范中是这样描述rem的: font size of the 阅读全文
posted @ 2021-05-25 10:20 浮-生 阅读(588) 评论(0) 推荐(0) 编辑
摘要: 一个炫酷大屏展示页的打造过程 作者:韩永豪 移动开发部 前端开发工程师 今年的11月初,我们公司参加了「2017年亚洲幼教年会(APEAC)」并取得了很不错的成果。本人有幸负责关于这次展示页的前端开发,特以此文记录开发过程中的关键环节。 展示页分为三大模块:数据展示、动态展示和地图展示。效果如下: 阅读全文
posted @ 2021-05-25 10:18 浮-生 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 通常来说PC端的页面并不像移动端页面那样对屏幕大小和分别率有那么强的依赖。一般的页面都是取屏幕中间的一块宽度(1280px), 两边留白, 高度随着内容的长度滚动。这样无论窗口怎么变化,页面都是可用的。比如,我们的这个页面. 然而也有少数的页面,天生就是要在 pc 端全屏显示的,其中最为典型的代表就 阅读全文
posted @ 2021-05-25 10:14 浮-生 阅读(4949) 评论(1) 推荐(0) 编辑
摘要: 浅析rem首先rem是css单位,相比于px固定的像素单位,rem更加的灵活,还有现在也比较好的vm。如果从未了解过,可以先过过眼 rem自适应。CSS3的REM设置字体大小 font size of the root element. 简单来说,rem就是根据html元素的字体大小来计算单位的。我 阅读全文
posted @ 2021-05-25 10:11 浮-生 阅读(2388) 评论(0) 推荐(0) 编辑