您的位置 首页 知识

vue你不知道的小知识

1.学习vue.js,Node.JS 等技术不知道写什么东西 数据库:MongoDB 后台:NodeJS 前台:Vue、Vue-Router、Vuex .. 数据库MongoDB,…


1.学习vue.js,Node.JS 等技术不知道写什么东西

数据库:MongoDB

后台:NodeJS

前台:Vue、Vue-Router、Vuex ..

数据库MongoDB,后台全部restful_api,路由由前端控制,Vuex管理应用数据,Gulp+Webpack构建。

后台部分自己也是刚起步,代码可能有点粗糙,谅解。

NodeJS作后台已经是很多新项目的选择了,简单快捷,并且社区很活跃,大多刚起步时遇到的开发难题,前辈们都踩过,擅用搜索可以很快的用起来。不过大型网站的话。。。还有很远的路啊

前台Vue部分,应该还好,而且Vue的文档和API都很友好,学起来主要是思想的转变。

项目起步的时候双向绑定用的真心爽,后来越写越复杂,数据哪都能改,一不小心就埋坑,中途上了Vuex,世界清净了。

列表页,编辑页,设置页,全部组件化,每个组件对数据的修改必须走Vuex,cms做完的作品落地展示用的Swiper,ejs渲染到页面,没有用前端渲染,也省了很多事。

当然,刚完成最基本最基本的功能,比如元素的拖拽,属性编辑,动画等,其它的比如,元素事件,表单,视频,音乐,还有一些操作上体验的优化,键盘控制,也会一步步补。

2.vue是什么

vue是一个视频剪辑软件。

在我们制作(自行拍摄之前)可以来设置拍摄时候的色调滤镜,拍摄的时长,这些拍摄的视频,可以直接用到我们要制作的剪辑小视屏当中。调用手机里的小视屏、可以给视频加上LOGO、在发送前进行预览。

1、首先打开APP后是是这样的界面,呈现出来的是一个拍摄的样子,可以选择拍摄现有的。

2、然后,打开右下角,看到的就是剪辑视频的工具,可以从相册里选择照片。

3、这里可以把多个视频或者图片剪辑在一起,但是图片要与图片归在一起,视频要与视频归在一起才能剪辑。

4、接着,可以选择把几段视频见在一起,有4、6或者是自由选择。

5、然后可以在剪辑完成后,把视频后bgm改变一下,可以在视频的音乐库里选择。

6、最后就可以保存了,可以把视频保存在手机里,或者是分享到朋友圈、微博等社交平台。

扩展资料

随着手机摄像头的发展,越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高,但是视频传播的信息量又远大于照片。VUE 就诞生在这样的背景下,希望用拍照一样简单的操作,帮助用户在手机上拍摄精美的短视频。

分镜头:通过点按改变视频的分镜数实现简易的剪辑效果,而剪辑能够让视频传达更多的信息 ;

实时滤镜:由电影调色专家调制的12款滤镜供选择,切换至前置摄像头会出现自然的自拍美颜功能;

贴纸:支持40款手绘贴纸,还可以编辑贴纸的出现时间。

自由画幅设置:支持1:1、16:9、2.39:1 三种画幅的视频拍摄

分享:支持分享至社交网络。

参考资料:搜狗百科:VUE

3.vue怎么学

如果你是 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序、异步组件、服务器端渲染,等等。

你可能还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 和 Nuxt。 浸没在术语和工具的浩瀚海洋中难免会令人感到沮丧,但其实并不是只有你一个人有这种感受,所有经验水平的开发人员都会持续感觉到这种莫名的压力。

分享一张图给你看看 基础知识: vue的生命周期: beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryedvue常用指令: v-for、v-bind(缩写形式 :prop)、v-on(缩写形式 @click=’sss’)、v-if/v-else/v-else-if、v-model、v-once、v-html、v-show。vue自定义组件: Vue.component(‘componentName’,{ props:[‘p1′,’p2’], template: ‘{{ p1 }}’})vue常用实例方法和属性: data/$data、methods/$methods、$el、computed(计算属性)、$watch、$set、$event、$emit。

如果需要更新的属性需要缓存,则使用计算属性的方式,否则可以使用 methods里的方法来更新属性( methods里的方法每次重新渲染都会执行)计算属性默认提供了 getter,你还可以给它设置 setter当你数据变化是异步或者开销较大时,可以使用 watch侦听器来响应数据的变化v-bind:class的值可以是一个对象,可实现类似 react中 classnames模块的功能自定义组件上的 class会被渲染拼接到 template的根节点的 class属性上(自定义组件上可使用 v-bind:class来做class的判断显示逻辑)v-bind:style可以用来绑定内联样式,这个内联样式的值可以由一个对象来定义(类似css in js的模式),且可以被定义为数组(多个样式对象)v-bind:style可以使用多重值的形式: v-if/v-else/v-else-if的时候,可以用key来管理可复用的元素v-if是’真正’的渲染,它会确保在切换条件过程中条件块内的元素的事件监听器和子组件适时的销毁和重建v-if是惰性的,初始为假,什么也不做,直到为真的时候才渲染元素v-show总是渲染元素,只是简单的进行切换v-if的切换开销大, v-show则是初始渲染开销大,频繁切换使用 v-show,运行时经常改变则使用 v-ifv-if和 v-for一起使用时, v-for的优先级更高v-for可遍历数组,第二个参数是索引v-for可遍历对象,第二个参数是 key,第三个参数是索引v-for和