使用rem单位进行手机适配，在路径/src/assets/js/common.js里面加入以下代码，作为公用JS方法，便于每个页面调用。 这是rem布局的核心代码，如果页面宽度超过了750px，那么页面中html的font-size字体大小应为100px。否则，页面中html的…

交错列表稍微复杂点，不过我们可以分解为两个动画。 每个复杂的动画其实都是很多简单小动画的拼接，所以下次设计师拿来充满想象力的动画设计稿，先别急着掏菜刀，仔细分析下动画的组成部分，可能也没有那么难。 想在动画上根据不同的dom设置不同的动画延迟是十分困难的，但是我们可以很方便的给…

grid布局又称网格布局，因为属性太多了，在整理大神阮一峰的博客后，我写下这篇博客，方便日后自己翻看的时候加深一点印象。 在grid布局中，就跟flex一样，需要先设置父盒子的display:grid属性，然后来给父盒子设置有几行几列。 上面代码设置了一个五行五列的盒子，每行占…

最近小编接了一个新需求，用h5开发页面，通过webview嵌入原生APP中，自己在浏览器上开发爽歪歪，什么信息都能看到，可是一嵌入原生app中，瞬间就熄火了，啥也看不到了，不知道为什么...

作为一个优秀的 HTTP 库，axios 打败了曾经由 Vue 官方团队维护的 vue-resource，获得了 Vue 作者尤小右的大力推荐，成为了 Vue 项目中 HTTP 库的最佳选择。 虽然，axios 是个优秀的 HTTP 库，但是，直接在项目中使用并不是那么方便，所…

跳槽和离职理由要恰当。 其实笔试和面试各1个小时，在路上竟然花了4个小时。下午4点约的面试，我早早就到了同花顺，发现才1点多，是我太早了，突然想到一句话：准时是礼貌，早到是修养。 @+事件名，忘记了。 要求用闭包方式写一个JS从文本框中取出值并在标签span中显示出来。 两个面…

ECMA规范最终由TC39敲定。TC39由包括浏览器厂商在内的各方组成，他们开会推动JavaScript提案沿着一条严格的发展道路前进。 Stage 0: strawman——最初想法的提交。 Stage 1: proposal（提案）——由TC39至少一名成员倡导的正式提案文…

比如下图中，有的列表项的文字短，有的文字长。 需求是：希望文字长的部分能通过动画滚动显示。 我的第一反应是用纯 CSS 做不了。 其中涉及了一些有趣 CSS 知识点，在这里分享一下。 1. 如何让文字溢出容器？ work-break 属性是用来处理文字如何换行的，这里使用了不太…

CSS1、div水平垂直居中2、css盒模型box-sizing:content-box;(标准模型)box-sizing:border-box;(IE盒模型)3、inline和inline-bloc