VUE+PS

英语

use使用

strlct严格

jpg不支持透明

png gif支持

template模版

script脚本

style样式

import导入

from从

property属性

PS概念

图层 layer

分组 group

文本 Text

PS快捷键

Ctrl+J 复制 比如图层， 分组

Ctrl+T 变换， transform 变换

前端

vue 有vue2 vue3

npm run serve
npm run build

npm run serve

npm run build

npm是node带的一个工具，run是运行。serve，build是什么？注意看项目目录里面的package.json文件中的script

dependency附属dependencies他的复数

在dependency重点依赖项，都会通过npm install直接自动安装上。

node_modules目录。是一个依赖目录，很大，很恶习。不要放到git中，如果有其他人拉到你的项目代码，他自己会手敲npm install Vue里面引入了组件的概念 component。

开发方式

以前引入一个外部库，都是用过script标签引入，这个开发方式，简单，直接。but，过时了

现在更多的是工程化开发，项目化开发，有脚手架等构建工具存在。

JS有一个很关键的概念叫作用域

JS寻找变量，讲究一个就近原则，在当前作用域找，找不到，再往上找，直到全局都找不到，就会报错。

js例子

变量提升： 变量在没声明之前已经被初始化了

"use strict";
var a = 11;
// 变量提升
function print(message){
console.log(a)
var a = 10;
return -1;
}
function print(message){
console.log(a)
let a = 10;
return -1;
}
//箭头函数
const print = (messsage)=>{
console.log(a)
var a = 10;
return -1;
}
function Person(){
var name;
var age;
function hello(){
    console.log("你好，我的名字是："+ this.name);
}
}
function print(message){
var a = 10;
console.log(a)
return -1;
}
//vue2的语法，传统写法
new Vue({
data:{
correct: 0,
error: 0,
words:[
['苹果','apple'],
['茶杯','cup'],
['茶叶','tea'],
['哪里','where']
]
},
methods:{
print:function(){
console.log( this.data.words)
},
calculate:function(){
}
}
})

vue2 ,es6写法

//vue2的语法，传统写法
new Vue({
data:{
correct: 0,
error: 0,
words:[
['苹果','apple'],
['茶杯','cup'],
['茶叶','tea'],
['哪里','where']
]
},
methods:{
print:()=>{
console.log( this.data.words)
},
calculate:function(){
}
}
})