vue
奔跑者runner
you want something,just go get it
展开
-
vue集合vieojs播放m3u8
最近一个项目中需要在移动端播放m3u8格式的视频,刚开始用了 vue-video-player 这个插件,在IOS手机体验良好,本以为完事了, 结果安卓手机一点播放就自动全屏。查了资料说是安卓微信浏览器是X5内核与IOS的不同。折腾了好半天还是解决不了,于是决定换个插件,于是用了video.js。1、首先安装,在你的vue项目中npm install --save video.jsnpm i...转载 2019-10-22 14:35:00 · 2272 阅读 · 0 评论 -
vue-cli webpack配置分析
https://segmentfault.com/a/1190000008644830说明此仓库为vue-cli webpack的配置分析,其实只是在源码中加上注释而已。大家查看详细分析,可以从后面提到的入口文件开始查看。分析不包括check-versions.js文件,因为check-versions.js是检测npm和node版本,不涉及webpack,所以就没有对check-versi...转载 2019-07-09 23:19:34 · 411 阅读 · 0 评论 -
VUE+Element-UI 多语言化
https://www.cnblogs.com/Mxy-cnblog/p/9242305.htmlVUE+Element-UI 多语言化写在前面应项目需要同时感谢项目组前辈给我这次机会去实践 vue+element-ui 本地化的任务 ,本着分享的原则将过程记录下来VUE及Element-UI信息网站快速成型工具Element-UI渐进式JavaScript 框架...转载 2019-06-11 16:16:51 · 972 阅读 · 0 评论 -
vue组件国际化
一、前言趁着11月的最后一天,来写一篇关于前端国际化的实践型博客。国际化应该都不陌生,就是一个网站、应用可以实现语言的切换。 在这就不谈原理,只说说如何实现中英文的切换。做技术的总得先把 demo 做出来嘛。二、demo 场景需求分析需求很简单,以上 ‘’项目导航‘’就是一个中英文切换的按钮,点击切换语言,实现中文版本。切换成中文版本:三、实现国际化 &nb...转载 2019-06-11 16:15:47 · 1557 阅读 · 1 评论 -
在vue项目中使用Nprogress.js进度条
Ajaxyy应用程序的细长进度条。灵感来自Google,YouTube和Medium。在vue中使用nprogress.js安装$ bower install --save nprogress$ npm install --save nprogress12在项目中引入在main.js中引入要使用的nprogressimport NPro...转载 2019-04-19 15:54:04 · 305 阅读 · 0 评论 -
js-cookie插件使用
js-cookie 官方文档里面就详细的介绍了es5怎么引用,以下是ES6以上的用户一、安装npm install js-cookie --save二、引用import Cookies from ‘js-cookie’三、一般使用存到Cookie去// Create a cookie, valid across the entire site:Cookies.set(‘name’...转载 2019-04-19 15:51:45 · 707 阅读 · 0 评论 -
css布局之flex布局
网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就...转载 2019-04-13 23:12:21 · 101 阅读 · 0 评论 -
vue——从零搭建vue+webpack项目
一 安装node vue项目搭建依赖node的npm包管理器,所以我们先得安装node,此处就不详细讲解其安装过程。二 安装vue-clinpm install -g vue-cli安装成功后可以输入vue查看相关命令的使用,输入vue list可以查看vue可以用的模板:我们这里选择webpack模板:vue init webpack project...转载 2019-04-13 17:34:13 · 109 阅读 · 0 评论 -
vue 项目 webstrom IDE格式化代码规则遵循eslint设置
首先vue-cli生成了一个项目,开启了eslint的检测,但是根据webstorm的快捷格式化代码 ctrl+alt+L会造成eslint报错。解决办法一:编辑器打开文件首先,在编辑器里面要启用eslint 插件在 .eslintrc.js 上右键,菜单底部有一个 “Apply ESLint Code Style Rule” 点它,之后自动格式化就会按照 eslint 的规则了解决办...转载 2019-04-16 18:46:04 · 582 阅读 · 1 评论 -
vue-router 基本使用
路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。 点击之后,怎么做到正确的对应,比如,我点击hom...转载 2019-04-12 19:01:55 · 94 阅读 · 0 评论 -
VueJS中学习使用Vuex详解
https://segmentfault.com/a/1190000015782272在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先...转载 2019-04-10 17:49:46 · 321 阅读 · 0 评论 -
vue.js入门
Vue.js——60分钟快速入门Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。本文摘自:http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作...转载 2019-04-04 17:25:14 · 100 阅读 · 0 评论