免费的视频剪辑软件哪个好用？
你好，偶也是一名剪辑爱好者，点偶主页就能看到也剪过不少视频，所以对这个问题还比较有发言权哈哈哈！
偶会分两个部分讲，电脑剪辑和手机剪辑，尽量不废话。
（一）电脑剪辑
复杂一点的视频必然要用到电脑的，不说专业剪辑，就说大家平时在主页看到的电视剧电影的精彩混剪，就要用电脑，手机承受不了那么多的素材和特效啊！在偶认识的剪辑者里面，分为pr党和vegas党，所以pr和vegas简直是电脑剪辑必备。可能有人说还有爱剪辑和万兴神剪手，但现在导出和去水印都要收费，而pr和vegas多找找总会有破解版……
1.PR
PR全名Premiere，Adobe公司开发的（ps也是他家的），属于主流剪辑软件，很多专业剪辑师就用这个，所以功能方面就不介绍了，只要学会了想怎么剪就怎么剪,，说不好用的基本都是电脑的问题。
图标长这个样子
Premiere
页面长这个样子
网上找的不是很清晰
2.VEGAS
vegas是索尼公司出的，属于“半专业软件”，适合新手入门，也适合老手，偶曾经看见一个动画片的幕后花絮里剪辑师就用的vegas。这个也是偶一直在用的软件，因为偶很喜欢vegas的调色！总体来说容易上手，可以玩的花样也多，重要的是网上教程也多！一搜一大把。
随手一搜
图标长这样
vegas
页面长这样
这是偶今天正在剪辑的页面
（二）手机剪辑
剪映
只要玩抖音的应该都知道剪映吧，它是抖音官方推出的一款剪辑神器。为啥说是神器？手机应用商店里的几款剪辑软件偶都试过了，最后大浪淘沙就留下来一个剪映。
偶敢说它是目前手机剪辑软件里最强的！而且隔几天就会增加点功能，一直在往更顺手的方向更新，诚意满满，就算收费也挺值的。但是它免费！！免费还能去片尾，无水印，光这点就值得点个赞了。
可以自主选择加不加片尾
除了基本的剪辑功能，还有音乐、音效、贴纸、语音转换文字、文字转换语音，简直不要太方便……现在也推出了电脑版！
但个人而言还是觉得手机版用起来更顺手啦，一些短小的视频用剪映制作很方便。
图标长这样
剪映
页面长这样
简单易懂零基础也能上手
偶现在剪辑主要用的软件就是电脑-vegas，手机-剪映，对这两个软件有任何的疑问都可以留言问偶，一起学习加油吧！
template跟html的区别？
Vue template和html5的template用法比较1.html5中的template标签
html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。
2.template标签操作的属性和方法
content属性:在js中template标签对应的dom对象存在content属性，对应的属性值是一个dom节点，节点的nodeName是#document-fragment。通过该属性可以获取template标签中的内容，template对象.content可以调用getElementById、querySelector、querySelectorAll方法来获取里面的子节点。
innerHTML:可以获取template标签中的html
3.vue中的template
(1)template标签在vue实例绑定的元素内部
它是可以显示template标签中的内容，但是查看后台的dom结构不存在template标签。如果template标签不放在vue实例绑定的元素内部默认里面的内容不能显示在页面上，但是查看后台dom结构存在template标签。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>template</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<template id="tem">
<div id="mdiv">
<h1 id="title">hello world! tem</h1>
</div>
</template>
<div id="app">
<template>
<div>
<h1 id="title">hello world! app</h1>
</div>
</template>
</div>
<script type="text/javascript">
var tem =document.getElementById("tem");//获取template标签
console.log(tem);
console.log(tem.innerHTML); //
var title = tem.content.getElementById("title"); //在template标签内部内容，必须要用.content属性才可以访问到
console.log(title);`在这里插入代码片`
</script>
<script>
new Vue({
el : '#app',
})
</script>
</body>
</html>
(2)vue实例中的template属性
将实例中template属性值进行编译，并将编译后的dom替换掉vue实例绑定的元素，如果该vue实例绑定的元素中存在内容，这些内容会直接被覆盖。
特点：
1）如果vue实例中有template属性，会将该属性值进行编译，将编译后的虚拟dom直接替换掉vue实例绑定的元素（即el绑定的那个元素）；
2）template属性中的dom结构只能有一个根元素，如果有多个根元素需要使用v-if、v-else、v-else-if设置成只显示其中一个根元素；
3）在该属性对应的属性值中可以使用vue实例data、methods中定义的数据。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>template</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<template id = "first">
<div v-if = "flag">第一个{{msg}}</div>
<div v-else>第二个</div>
</template>
<div id = "app"></div>
<abc id="second">
<div v-if="flag">{{msg}}</div>
<div v-else>111</div>
</abc>
</script>
<script>
new Vue({
el:"#app",
data:{
msg:"hello",
flag:true
},
template:"#first"//通过该属性可以将自定义的template属性中的内容全部替换app的内容,并且会覆盖里面原有的内容，并且在查看dom结构时没有template标签
});
</script>
</body>
</html>
如果将上面的template:"#first"改为template:"#second"，则标签中的内容也会显示在页面上。所以此处利用template标签来定义vue实例中需要设置的template属性。(?)
元素控制台有什么用？
控制台就是控制台,,你可以输入一些指令来对网页进行调试,或者获得一些信息CSS就是查看网页的CSS样式DOM就是HTML元素,像DIV,P什么的网络能查看这张网页传递的各种信息