这是一个比较着急的事情（两天时间，写一个带视频播放、图片浏览、图文混排列表、上拉刷新、滚动刷新等等的单页），一开始同事使用传统H5+JS+CSS的方式，我担心进度，就硬着头皮上vuejs，为什么说硬着头皮上，原因是这是第二次在项目中使用vuejs，第一次使用的经历并不太好，主要…

2018-4-16日更新css-modules配置，前面步骤不变，可直接跳到第七步。 移动端适配最接近完美的解决方案在react中的使用方式。本文只讲create-react-app创建的项目如何配置，具体每个插件的用途和使用方法请先查阅大漠先生的文章，我相信大漠先生的文章已经…

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…

由于网页传播的便捷性，从网页向APP导流几乎是所有APP厂商都会采用的推广手段，具体来说就是在网页上提供一些触发点（例如按钮、链接），用于跳转到APP。 早期的应用跳转只能通过「URL Scheme」实现。例如通过下面这个「URL Scheme」，就可以跳转到「贝聊APP」： …

rem——更好的适配移动端。这个单位我一直想弄个究竟，今天终于看了个差不多。看了很多的博客。心中总算有自己的想法。（还有vh，vw这里我这个小白还没有弄明白就先不写了。） 1.rem可以在html，body下设置font-size的大小，然后根据 根元素的大小来进行兑换。eg：…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

随着时间的发展，现在基本上人手一部手机的低头族。做为前端开发的程序猿，在开发移动端web应用的时候，对面一堆各色尺寸不一样的屏幕，就有点淡淡的忧伤。 很明显我们所要实现的就是在上述如此之多的屏幕,都能实现UI大大出的视觉图上的效果。而要实现这样的效果主要有两个难点 各屏幕的适配…

1.什么是前端适配从UI展现层面上：我们期望不同尺寸的设备，页面可以自适应的展示或者进行等比缩放，从而在不同的尺寸的设备下看起来协调或者差不多。从代码实现层面上：我们希望前端适配可以用用尽可能简洁的代

互联网上的自适应方案到底有几种呢？就我个人实践所知，有这么几种方案： 1. 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 2. 使用 flexbox 解决方案 3. 使用百分比加媒体查询 4. 使用 rem