摘要:
前些日子总被人问起 iOS Retina 屏,设置 1px 边框,实际显示 2px,如何解决?原来一直没在意,源于自己根本不是像素眼……今天仔细瞅了瞅原生实现的边框和CSS设置的边框,确实差距不小…… 上图是原生实现,下图是 CSS 边框,手机上对比更加明显 然后,如何解决呢?搜遍整个谷歌,发现好多 阅读全文
摘要:
Karma Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具在Vue中的主要作用是将项目运行在各种主流Web浏览器进行测试。换句话说,它是一个测试工具,能让你的代码在浏览器环境下测试。需要它的原因在于,你的代码可能是设计在浏览器端执行的, 阅读全文
摘要:
Vue官方推荐的网络通信库不再是vue-resource了,推荐使用axios axios安装 npm: bower: Using cdn: 基本使用方法 GET请求 POST请求 同时执行多个请求 其实和其他的ajax库一样,基本用法都是差不多的。大家一看就知道怎么用。 axios API 可以直 阅读全文
摘要:
首先我们的需求: 打包调试 提取公共代码 压缩 热替换 1.打包调试 第一步,我们在目标文件夹下安装webpack(假设已有package.json)npm i webpack@ -gcnpm i webpack@ --save-dev(这里推荐大家安装稳定的2.x版本) 项目结构如图: 我们将编写 阅读全文
摘要:
1. Moon Moon 是一个灵感源于 Vue.js 的 JavaScript UI 库,但它却更轻量、简单。它具备优化的虚拟 DOM 引擎,对用户友好的 API,并且在 gzip 压缩后仅有 6KB 的大小。 项目地址:【传送门】 2. VX VX 结合了 D3 和 React 虚拟 DOM 的 阅读全文
摘要:
目标:实现对号动画,慢慢画出来的感觉; 原理:外层div的背景是一个对号图片,用一个div做遮罩,让遮罩div层从左到右做运动一次即可实现动画,需要注意的是遮罩div的初始位置应该在外层div的外面; 代码如下: 阅读全文
摘要:
方法很简单,只要调用一段js,就可以让主流浏览器实现video标签的视频播放。 使用方法:要想让主流浏览器都支持HTML5标签,使用非常简单,只要链接一个js文件就可以了。所以,只要您的页面上(头部或底部)有这么段代码: <script src="//api.html5media.info/1.2. 阅读全文
摘要:
在学习完vue.js以及vuex之后,我们还剩下vue全家桶中的最后一个需要学习的组件,这就是vue-router了,本篇文章我们就来一起认识和入门vue-router。为什么我们只是入门呢?因为在这里我不会把官方文档中的每一个细节都讲的清清楚楚,如果需要精通,仍然需要多多阅读官方文档和自我实践。 阅读全文
摘要:
1.Vuex是什么? 我们还是像以往一样先看一看官方文档对此的解读(Vuex 是什么? · GitBook) 是不是又遇到了很多看起来很高大上听起来却一脸懵逼的专业术语?别急别急,我们慢慢来剖析一下这个Vuex究竟是个啥东西,他能做些啥。 2.Vuex到底用来做什么? 用通俗一点的话来说,Vuex就 阅读全文
摘要:
1.Vue.js是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件 阅读全文