git
git介紹
git(https://github.com/)是分布式版本控制技術(shù)
SVN是集中式管理版本控制技術(shù)
代碼托管平臺：github,碼云返咱，gitlab等
第一步注冊github及創(chuàng)建倉庫
第二步 生成公鑰和密鑰
命令： ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
執(zhí)行完上述代碼會在C:\Users\Dell.ssh生成兩個文件
第三步本地添加郵箱和用戶名
git config --global user.email "you@example.com"
git config --global user.name "Your Name"
第四步 克隆倉庫
git clone 倉庫地址
例如：git clone git@github.com:liyu888666/testpro.git
ssh: git@github.com:liyu888666/testpro.git
https: https://github.com/liyu888666/testpro.git
git 常用命令
克伦恼怼：git clone
添加：git add 文件名
查看文件狀態(tài)：git status
提交：git commit -m "說明"
推送：git push
歷史回退:
一、放棄工作區(qū)修改: git checkout -- 文件
二砸捏、由暫存區(qū)返回到工作區(qū) : git reset HEAD 文件名
三、撤消版本庫: git reset --hard commit_id
四勿璃、推送出錯：先git pull 再git push
git log 查看日志
git log --pretty=oneline
git reflog
查看區(qū)別:
1.查看工作區(qū)的修改的差異: git diff 文件名
2.查看工作區(qū)和暫存區(qū)區(qū)別:git diff --cached 文件名
3.工作區(qū)與版本庫的區(qū)別: git diff HEAD 文件名
4.查看兩次版本庫之間的差異：git diff commit_id commit_id
例如： git diff bb6a1a8 6111f25
5.查看兩個分支之間的差異:????
分支:git 重要內(nèi)容
查看分支： git branch
創(chuàng)建分支： git branch 分支名
切換分支：git checkout 分支名
即創(chuàng)建也切換：git checkout -b 新分支
合并分支：git merge --no-ff 要合并的分支
刪除分支：
git branch -d 要刪除分支 //刪除已合并的分支
git branch -D 要刪除分支 //刪除未合并的分支
解決沖突：手動解決
git打版本
查看版本：git tag
創(chuàng)建版本：
1.git tag 版本號
2.git tag 版本號 commit_id
刪除本地版本：git tag -d 要刪除的版本號
刪除遠程版本：git push origin :refs/tags/要刪除的遠程版本號
ES6
參考資料：
1.http://es6.ruanyifeng.com/#docs/function
2.https://www.cnblogs.com/Wayou/p/es6_new_features.html
JS:ES(EcmaScript),DOM,BOM
ES1.0 1997
ES2.0 1998
ES3.0 1999
ES4.0 XXXX 2005-2006
ES5.0 2009
ES5.1 2011
ES6(ES2015) 2015
ES7 2016
ES8 2017
ES9 2018
.....
ES6新增特性：
- let,const
特點：
（1）沒有變量提升
(2) 塊級作用域
（3）不能重復(fù)定義
2.模板字符串
適用場景：解決字符串拼接問題
用反引號實現(xiàn)：`` 獲取值：${ }
3.箭頭函數(shù)： =>
匿名函數(shù)：
function(item,index,arr) {
console.log(arr)
}
用 =>來取代匿名函數(shù)
(形參1,形參2,.....) => {
//代碼塊
}
普通函數(shù)和箭頭函數(shù)區(qū)別：
箭頭函數(shù)沒有自己的this,它的this是其父級函數(shù)的this
普通函數(shù)是有自己的this,他的this是在程序運行時確定的
call,apply,bind的理解
1.相同點：call,apply,bind都可以改變this指向
2..區(qū)別：call和apply的傳參形式不同揭璃，
函數(shù)名.call(要改變的對象,參數(shù)1,參數(shù)2,......)
函數(shù)名.apply(要改變的對象,[參數(shù)1,參數(shù)2,......])
bind返回函數(shù)本身，但this已經(jīng)改變了
函數(shù).bind(要改變的對象)（參數(shù)1,參數(shù)2,......）
或
函數(shù).bind(要改變的對象悔雹，參數(shù)1,參數(shù)2,......)（）
對象擴展：
1.如果key和value一樣苍在，寫一個
例如：
var name="1512A"
var age=20;
以前寫法：
var obj={
name:name,
age:age
}
現(xiàn)在的寫法：
var obj={
name,
age
}
2.簡化函數(shù)寫法
以前寫法：
var obj={
say:function() {
console.log(我叫${this.name});
}
}
現(xiàn)在寫法：
var obj={
say() {
console.log(`我叫${this.name}`);
}
}
尾逗號:可以在數(shù)組，對象末尾追加逗號荠商，方便開發(fā)
var obj={
name:'alice',
age:20,
}
解構(gòu)賦值：
var info={name: "alice", age: 20, address: "北京"}
var {name,address}=info;
var [one,two]=[20,45,6,2]
展開操作符(spread)和rest: ...
{23, 34, 45, 54, 342}
... {23, 34, 45, 54, 342}
[]23, 34, 45, 54, 342]
rest: 將數(shù)據(jù)列表 轉(zhuǎn)換為 數(shù)組
3,13,23,4,4,3 => [3,13,23,4,4,3 ]
展開操作符：將數(shù)組轉(zhuǎn)換為 數(shù)據(jù)列表
set:是數(shù)組的擴展寂恬，里面的值唯一，不能重復(fù)
symbol:是ES6新增加的基本數(shù)據(jù)類型,從根本上防止屬性名的沖突莱没。這就是 ES6 引入Symbol的原因
javascript基本類型：string,number,boolean,null,undefined
map:是對象的擴展初肉，key可以任何類型的值來充當(dāng)，包括對象饰躲，字符串牙咏。。嘹裂。妄壶。
注意：和數(shù)組map方法的區(qū)別 返回值：數(shù)組
class:是ES6實現(xiàn)的最新的面向?qū)ο髮懛?/p>
ES5繼承：https://segmentfault.com/a/1190000002440502
定義類：
class 類名{
constructor(形參1,形參2,....) {
//構(gòu)造函數(shù)中的自動執(zhí)行的內(nèi)容
}
方法() {
//方法邏輯
}
}
實例化：new 類名(實參列表)
例如：
class Person {
constructor(name) {
this.name=name || "1512A";
}
drive() {
console.log(${this.name}會開車);
}
}
繼承類：
格式：
//中國人繼承人類
class 子類 extends 父類{
constructor(形參1,形參2,....) {
super(name) //表示調(diào)用父類，因為子類沒有自己的this寄狼，必須通過調(diào)用父類實現(xiàn)
}
子類方法1() {
//.....
}
子類方法2() {
//.....
}
}
例如：
//中國人繼承人類
class ChinaPerson extends Person {
constructor(name) {
super(name)
}
play() {
console.log(`${this.name}會打游戲`);
}
go() {
console.log('go方法')
}
}
默認(rèn)參數(shù): 在函數(shù)形參中直接指定默認(rèn)值
例如：
function Fn(形能1="默認(rèn)值1",形參2="默認(rèn)值2") {
}
promise????
for of
模塊（module）
export default {
data() {
}
}
import aaaa from 'header.vue'
VUE
參考資料：
https://cn.vuejs.org/
https://router.vuejs.org/zh-cn/
https://vuex.vuejs.org/
https://github.com/vuejs/awesome-vue
一丁寄、vue+jquery
vue(IE9+)
企業(yè)后臺或企業(yè)站
二、vue全家桶：vue+ES6+vuerouter+less(sass或stylus)+vuex+webpack+......
通過用vue腳本架來開發(fā)項目
npm install -g @vue/cli
如果npm install安裝一些依賴包慢泊愧，可以換成淘寶鏡像：
npm config set registry https://registry.npm.taobao.org
禁用eslint代碼檢查：config->index.js 找一下 useEslint: true,改成false
真機測試： 打開vue腳本架 config->index.js 中的host:"localhost"改為 host: '0.0.0.0'
打包路徑：打開vue腳本架 config->index.js 中的
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
將 assetsPublicPath: '/',改成assetsPublicPath: './'
移動端H5頁面高清多屏適配方案:
https://note.youdao.com/share/?id=8e3044287f1ab4822b3647cfa21c67e5&type=note#/
通常瀏覽器默認(rèn)使用的字號：16px;
瀏覽器最小能設(shè)置12px號字
可以通過 transform:scale(0.8) 縮入
