review-all-notebook

git

1创建版本库   mkdir目录名   cd目录名   pwd看当前目录地址

2git init 初始化        有.git空目录                       ls -ah 显示空的.git目录

3git add 文件  git commit -m '注释'

4 安装后   git config --global  username “”

git config  --global user.email “”  进行全局配置

5git status 查看仓库状态

6git diff file   查看不同              git diff   HEAD  --file查看与版本库的不同

7git  log 查看历史记录

git log --pretty=oneline 变成一条干净的线查看历史记录

8git reset  --hard  HEAD^  版本回退到上一版本                git  reset --hard HEAD~100版本回退到100版前         git reset --hard 版本号

9git reflog 查看历史操作记录

10git checkout  --file撤销工作区的修改

11git reset HEAD file 撤销暂存区的修改

12创建ssh加密  ssh-keygen -t rsa -C 'youremail'

13删除工作区的修改  rm file

14删除暂存区的文件  git rm file    git commit -m "注释名字"

15添加到远程库git  remote add origin 仓库地址

16把分支推送到远程  git  push -u origin 分支名

17从远程克隆  git clone 仓库名字

18创建并切换到分支  git chekout -b 分支名

19创建分支  git branch 分支名   查看当前分支

20切换到分支  git checkout  分支名

21合并分支  git  merge 分支名    合并分支名到当前分支

22删除分支  git branch -d 分支名                         强制删除分支  git branch -D 分支名

23合并分支并保留原分支 git merge --no-ff -m "注释名字"  分支名

24git stash   保留当前工作状态

25恢复到当前工作状态   git  stash pop

等同于  git stash apply   => git stash drop

26查看远程信息   git remote   查看远程详细信息   git remote -v

27推送分支  git push origin 分支名

28要先git pull 抓取分支  保持与版本库最新状态相同

29如还不成功  git branch --set-upstream -to=origin/分支名  分支名  本地分支与远程分支建立联系

30创建标签  git tag 标签名

31git show 标签   查看标签

32git tag -a 标签名 -m '注释内容'

33删除标签  git tag -d 标签名

34推送标签  git push  origin 标签名

git push origin --tags

35删除本地分支  git tag -d 分支名

git push origin =refs/tags/标签名

---

vueX

state  getter mutations action

npm install  vuex --save

import Vue from "vue"

import VueX from 'vuex'

Vue.use('VueX')

export default new VueX.store({})

在main.js中注入

用mutations更改state      用commit提交mutation                 store.commit("mutations中的fnname")

解构赋值引用   import {mapState,mapMutation}  from 'vuex'

用法如  computed: mapState({

cout:function(state){

state.count

}})

getter 依赖值更新才重新计算               回调函数有getter  state参

store.commit('mutations方法'，payload对象)

action:{

fn名字（context）{

//context 相当于store对象 有它的全部方法属性

context.commit            context.state   context.getters

}}

---

编程式路由  this.$router.push({})

path:"  query:''  会显示在网址上 params:'' 不会显示在网址上

---

父子组件传值

父绑定属性   子用props接                   父    :msg="message"        子 props:['msg']

子事件     this.$emit('自定义事件'，要传入的参数)

父接受             @自定义事件=fn事件                  

 methods:{

fn事件（传入的参数）{}

}

---

兄弟组件间的传值

创建空js   import Vue from 'vue'    import default new Vue({})

引入js  this.$emit('事件'，传入的值)

引入js  this.$on('事件'，传入的值)

---

事件修饰符  stop阻止冒泡  self 只有自身  prevent 阻止默认事件  capture事件捕获

---

编程式导航  push添加  forward向前 back  回退 replace替换 go 跳转到

this.$route.push()                     this.$route.back()                     this.$route.go()

---

不允许复制文本内容   user-select:none

-moz-user-select:none             -webkit-user-select:none            -ms-user-select:none         -khtml-user-select:none      -o-user-select:none

---

图标字体库  需要css-loader

scss

npm install sass-loader --save-dev

npm install node-sass --save-dev

在style标签中加入  lang="scss"  使用scss

scoped变成单独的样式  防止样式冲突

$变量名：变量值

#{}  字符串插值   border-#{$left}:1px solid red

继承  @extend  名字

混合 @mixin 名{}

使用混合 @include 名

条件语句 @if(){}@ele{}

---

swiper文档

1.一般选项  initalSlide 初始化索引

                   direction 滑动方向

                   speed速度

                   parallax开启视差效果

                  setWrapperSize  display:flex

                  breakpoint 响应式

                  nested 嵌套相同放下子路由

                 runCallBackOninit      初始化时触发回调

2.on注册事件   on  SlideChangeTranstionStart=function(){}

watchoverflow 只有一个时隐藏左右按钮

init:false 创建实例时是否立即初始化   mySwiper.init();

preloadImages 强制加载所有图片

updateOnImagesReload   图片加载完成才初始化

3.网格布局 centeredSlides        active-slide会居中 不是默认居中

slidePerView  视图中同时显示的子级个数 

slidePerGroup slideOffsetBefore       slideOffsetAfter

spaceBetween

freeModeMOmenfum   释放slide时会不会滑动

loop是否循环   loopAdditionalSlides

滑动时阻止click事件  preventClicksPropagation

allowSideNext    allowSidePrev   允许向下滑动

监听器  observe 改变样式修改子元素  observeParents   observeChildren

事件

init

touchStart   touchMove  touchEnd

slideChageTraditionEnd 从一个slide到另一个slide后

imagesReady 图片加载完成

traditionStart  traditionEnd

tap 移动端代替click事件      doubleTap

progress   progress被改变时

reachBegining 切换到初始化时

resize

slideNextTraditionStart  在下一个slide滑动前

fromEdge是否到头前

slideChange  在slide有变动的时候

autoplayStart   自动开始时

属性activeIndex

 previewIndex切换前索引

myswiper.params 初始化参数

myswiper.params.speed=123 重写

$el

translate   获取到wraper的位移

setTranslate()

isBegining在最开始的位置

clickedIndex 返回点击的索引

方法  slideNext

getTranslate

detachEvent            attachEvent

removeSlide   addSlide   appendSlide

changeDirection

---

字体抗锯齿         -webkit-font-smoothing

---

***判断数据类型Object.property.toStrings.call

---

文件资源进行优化

1每个背景图都会产生一次HTTP请求    background-position

2文件压缩

3cdn托管

4缓存

5css放head Js放body下

6服务端配置  control-cache         lastmodifiedDate

---

cookie 在HTTP请求中携带  sessionStorage /localStorage 在本地

4k                                                           5m

---