动画历史回顾：gif动画->flash动画->js动画->css3动画
-
过渡动画（即补间动画）：用于实现两种状态的动画
transition:
/* 要过渡的属性 */ /* transition-property: transform,background; */ /* 过渡所用的时间 */ /* transition-duration:5s,10s; */ /* 过渡的动画类型 */ /* transition-timing-function:cubic-bezier(0.33, 1.04, 0.51, 0.16); */ /* 过渡的延迟时间 */ /* transition-delay:3s; */ 关键帧动画:实现多种状态的动画
@keyframes
animation常用属性：
/* 1.设置动画名称 */
animation-name: motion;
/* 2.设置动态持续时间 */
animation-duration: 5s;
/* 3.设置动画的播放次数 */
animation-iteration-count: infinite;
/* 4.设置动画的播放速度 */
animation-timing-function:cubic-bezier(0.46, 0.03, 0, 1.34);
/* 5.设置动态运动方向 */
/* animation-direction:alternate; */
/* 6.设置动画结束状态 */
/* animation-fill-mode:forwards; */
/* 设置动画的播放状态：play,paused */
/* animation-play-state: paused; */
3.css3动画常用动画库
animate.css
loader.css
======================周考三理论讲解============================================
一.jsonp：是一种利用动态创建script标签，传递回调函数实现跨域请求的方式
解析： 跨域方式目前企业中主要通过：代理,cors,jsonp
vue-resource支持josnp方式跨域
axios不支持jsonp方式跨域
二、盒模型的margin特性
margin：上下不叠加，值取大者
margin:左右叠加，值取叠加之后的值
三、html列表标签
ul,li,ol,li,dl,dt,dd
四、函数访问变量：是按照定义时的作用域来访问变量，而不是在执行时访问变量的
var z=2;
function foo(){
console.log(z);
}
(function(func){
var z=20;
func()
})(foo)以上代码的执行结果是___2____
五、如何将一个字符串反转
例如： var var str="abcdef"
str.split("").reverse().join("");
六、Vue.extend()
例如：// 创建构造器
var Profile = Vue.extend({
template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
data: function () {
return {
firstName: 'Walter',
lastName: 'White',
alias: 'Heisenberg'
}
}
})
// 创建 Profile 实例，并挂载到一个元素上。
new Profile().$mount('#mount-point')
七、安装axios
1. npm install axios --save
简写: npm i axios -S
npm install axios --save-dev
简写: npm i axios -D
搞技术的人要构建自己完善的知识体系，否则你永远处低码农！，甚至离开这个圈子
