Vue.js
考拉比利
纽约大学计算机科学本科在读,前端开发者
展开
-
Vue CLI 3 快速搭建项目
Vue CLI 3 快速搭建项目Vue CLI 简介安装Vue CLI 3新建项目配置项目文件结构脚本运行开发服务器构建到生产环境代码检查单元测试参考Vue CLI 简介Vue CLI是一个用于开发Vue.js项目的脚手架工具,人们在用Vue开发项目时往往要用到很多的插件以及打包工具,而Vue CLI的存在帮助开发者省去了手动配置开发工具的麻烦,以用户界面的方式让开发者能在几分钟内快速初始化项...原创 2019-01-05 22:14:54 · 1337 阅读 · 0 评论 -
在Vue中使用i18n进行国际化
在Vue中使用i18n进行国际化介绍安装初始配置介绍vue-i18n是一个适用于Vue项目的国际化库,借助这个库可以方便地在一个项目中支持多国语言。在现成的项目中添加vue-i18n是非常方便的,本文假设你已经有了自己的Vue项目,如果你想新建一个,我推荐使用Vue的官方命令行工具Vue CLI,关于如何使用Vue CLI创建新项目,可以参考我的另外一篇文章Vue CLI 3 快速搭建项目。...原创 2019-01-12 15:45:06 · 1042 阅读 · 0 评论 -
在Vue中使用Font Awesome
在Vue中使用Font AwesomeFont Awesome介绍安装配置在Vue组件中使用图标使用商标图标源代码Font Awesome介绍Font Awesome是一套流行的图标字体库,我们在实际开发的过程中会经常遇到需要使用图标的场景,对于一些常用的图标,不用设计师,我们可以直接在Font Awesome中找到并且使用。个人感觉Font Awesome的图标还是很齐全的,绝大多数的图标它...原创 2019-01-13 16:45:41 · 24224 阅读 · 1 评论 -
Express+Vue+axios在前后端分离的项目中使用Session
Express+Vue+axios在前后端分离的项目中使用Session前言Session简介搭建带有Session功能的后端服务器搭建前端服务器跨域资源共享问题在axios中传cookie小结源代码前言当今流行的网页开发模式是前后端分离的开发模式,即后端只负责API的开发,将其暴露给前端,前端负责页面逻辑,利用后端的API完成网页的构建。而在开发大型应用时,session又是常用的用来保存信...原创 2019-01-18 16:50:06 · 2434 阅读 · 0 评论 -
在Vue中自制视频播放器(上)
在Vue中自制视频播放器前言前言平时大家在浏览视频网站时,会发现各大视频网站都有自己的视频控制组件,虽然浏览器有原生的视频控制组件,但是不同浏览器的视频控制组件外观差异较大,功能也有限制,所以为了保证用户体验,大型视频门户网站都会使用自定义的视频播放器。这篇文章介绍如何在Vue.js中自制一个视频播放器组件,我会用几个简单的功能抛砖引玉,带领大家初步了解视频播放器的实现方法。注意:本文视频...原创 2019-01-15 20:54:17 · 6825 阅读 · 3 评论 -
Vue中key属性的作用
Vue中key属性的作用在列表渲染时使用key属性使用key属性强制替换元素在列表渲染时使用key属性相信大多数Vue开发者接触到key属性的时候是使用v-for进行列表渲染的时候,如果不使用key属性,Vue会产生警告,那么在这个时候key属性的作用是什么呢?官方文档中说:当 Vue.js 用v-for正在更新已渲染过的元素列表时,它默认用“就地复用”策略。如果数据项的顺序被改变,Vu...原创 2019-01-26 08:47:36 · 37251 阅读 · 11 评论 -
在Vue中使用async函数
在Vue中使用async函数async/await语法在生命周期钩子上使用async函数在methods中使用async函数源代码async/await语法在ES7标准中新增了async和await关键字,作为处理异步请求的一种解决方案,实际上是一个语法糖,在ES6中已经可以用生成器语法完成同样的操作,但是async/await的出现使得用这样的方式处理异步请求更加简单和明白。下面是MDN上...原创 2019-01-27 09:15:03 · 72374 阅读 · 2 评论 -
在Vue中自制视频播放器(下)
在Vue中自制视频播放器(下)前言进度条基本原理进度条随时间自动更新进度条拖动自动隐藏控制条源代码前言本文是系列文章的下篇,如果你还没有读过上篇文章,可以移步:在Vue中自制视频播放器(上)。在上篇文章中我们已经完成了播放/暂停按钮、停止按钮、静音按钮、播放时间和全屏按钮的制作,代码和演示效果都可以在上一篇文章中找到,在这篇文章中我们就要完成视频播放器的核心部分——进度条。这篇文章我将改变...原创 2019-01-16 18:20:22 · 2230 阅读 · 1 评论