vuejs开发:vue-video-player插件小应用
![](/images/tt/vue.jpg) vuejs开发:vue-video-player插件。 最近的项目中需要实现视频断点续播的功能,一听到这个功能。内心方张了..但却又有点小窃喜,小懵乱。抱着求学态度去挑战一下。 ``` npm install vue-video-player --save ``` ``` import VideoPlayer from &...
![](/images/tt/vue.jpg) vuejs开发:vue-video-player插件。 最近的项目中需要实现视频断点续播的功能,一听到这个功能。内心方张了..但却又有点小窃喜,小懵乱。抱着求学态度去挑战一下。 ``` npm install vue-video-player --save ``` ``` import VideoPlayer from &...
![](/images/tt/vue.jpg) VUE开发:vue-cli中实现响应式布局。 我们在进行前端开发中必然会遇到PC与移动端的适配,面对这样的问题有些公司会准备两个页面,移动是移动,PC是PC,而响应式布局就是根据用户不同的机型展示不同的页面,废话不多说,直接贴代码 首先我们这个功能是借助vuex实现的,没下载的小伙伴可以先下一个。 ``` yarn add...
![](/images/tt/vue.jpg) vue开发TIPS:vue-cli中实现响应式布局。原理是利用vuex实现的,没安装的童鞋装下咯。 ``` yarn add vuex ``` 既然是响应式布局就要准备两套css,一个是PC端的css,一个是移动端的css,我们暂且将PC端的样式称为computer,移动端的样式称为mobile 我们首先要做的就是当前屏幕...
众所周知使用Nuxt.js可以扩展Vue,为什么要使用Nuxt.js?今天给大家分享些知识,供大家参考学习。 Vue应用程序使用Nuxt.js可以避免的7个问题。 Vue.js是您应用程序框架的绝佳选择。但是,您可能会遇到几个问题: * 如何合并和配置我的所有JavaScript&Vue库以有效地协同工作? * 如何使用最佳实践来构造应用程序代码? * 如何确定我的应...
![](/images/tt/vue.jpg) vue开发TIPS:对于keep-alive的小结。一起看看吧。 ### 作用 主要用于保留组件状态或避免重新渲染。 ### 用法 \<keep-alive\> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 \<keep-alive\> 是一个抽象组件:它自身不会渲染一个 DOM 元...
![001.jpg](http://static.51tbox.com/static/2024-11-23/col/44fb4d32b3a7471dadf183e8678f4d59/93e708b2e5dd4933a88298f550bc9b4a.jpg.jpg "001.jpg") ECMAScript 6,即所谓的现代JavaScript,具有强大的功...
![](/images/tt/vue.jpg) 在开发编辑器中,vscode占有的比重越来越高,相比笨重的webstorm和功能不怎么全的subline,优势太明显。所以我们需要掌握vscode里开发项目一些小技巧。今天来了解下vue在vscode里的设置。 在vscode里开发vue项目需要安装的插件:eslint。大家都知道默认的设置会比较蛋疼,只要你有点空格或者换行啥...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/23019d1770a074288affc31b4506a238/de3a98775cb84bcdab719e28bd831787.jpg.jpg "500.jpg") 我们在HTML5播放器,都是用video标签去实现,但是在vue里,我们...
![](/images/tt/vue.jpg) 对于[Web前端](/)三大框架中的[vue.js](/VueJs/),相信大家应该比较熟悉了。今天给大家分享一个小DEMO应用,模拟购物车计算商品价格和总价以及单选全选功能。 ### 功能介绍 1、列表单价计算 2、单选和全选功能 3、总价格计算 这些功能在我们电商项目中经常用到,希望大家能掌握。废话不多说,直接...
![](/images/tt/vue.jpg) [Vue.js](/VueJs/)允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 `v-bind` 表达式 (后者从 2.1.0+ 开始支持)。 ### filter介绍 过滤器应该被添加在 [JavaScript](/JavaScript/)表达式的尾部,由"管道&quo...