必须记忆

学习步骤

css css3强化
css面试
less
flex
javascript 简单语法
jquery
elementUI
es6
es6珠峰
vue
vue 珠峰
vuex vue-router axios
webpack
npm yarn
nodejs 选学习 express koa.
react 选学习

node koa学习
https://ke.qq.com/course/1467043?taid=7046761433948835
#####面试

初级面试1
初级面试2
中高级面试
VUE面试1
Vue面试2
Vue面试3

必须记忆的博客

Vue父子通信
vue项目基础教学

######. 前端 三部分 组成

前端三个基础技能html css js

// ecmascript,bom,dom
// ecmascript 字符串,数字,for循环了,方法了, 一种javascript规范，目前写代码的规划。
// dom， body,html,span,p,div  都叫他dom  document。
// bom， 常使用 的规范 window location history

css

两列布局。4+1flex。
postion 6点。
css transform 和 transition 的区别。
幽冥 空白
水平居中 4，垂直居中 2，单行文本 垂直居中。
属性的继承
快元素和行内元素的区别。如何相互转换。
两种盒子类型
浮动 4。清楚浮动。

jquery

选择器

• ~ siblings
  方法有哪些 .text .value
  事件绑定有哪些。js原生事件 3种。
  事件两种方式。事件捕获和时间冒泡。
  jquery的两个效果。鼠标移动添加文字蓝色。鼠标移动控制tip。定时器。

flex 常用的两种场景

flex的父节点属性有哪些，子节点属性有哪些。

vue 最常用的指令有哪些。

v-if
v-for
v-bind
:
@
v-model
@mouseup.enter

vue-cli 去搭建一个项目，package.json,webpack 这些你了解多少

vue-cli 的实现三个效果，鼠标浮动变蓝色，定时器，tip。

https://juejin.im/post/5d8f7edff265da5b9a0d9c0a

// {ParentChildAttach,aa}  
// {ParentChildAttach: ParentChildAttach,aa:aa}

 // 相当于window.onload
  mounted() {

props: ['aaa'],
  // data() {
  //   return {
  //     aaa: ''
  //   }
  // },

1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit 触发父组件的自定义事件。

生命周期

// 数据加载前，数据加载完成，dom加载前，dom加载完成（mounted）

beforeCreated() {
    // this.data = undefined;
  },
  created() {
    // this.data = {
    //   aaaA: 123
    // }
  },
  beforeMount() {
    console.log('组件渲染之前');
  },
  mounted() {
    console.log('组件渲染完成');
  },

软件开发流程

1. 产品经理，pm想出产品原型。
2. 设计师 设计。
3. 前后端。
4. 测试。
   5 .产品运营。

npm, yarn

element

<el-container>
      <el-header>Header</el-header>
      <el-container style="min-height: calc(100vh - 120px)">
        <el-aside width="200px">Aside</el-aside>
        <el-main>Main</el-main>
      </el-container>
      <el-footer>Footer</el-footer>
    </el-container>

异步

console.log('1');
     // 异步 1. 不阻塞
    setTimeout(() => {
      console.log('2');
    }, 4000);
    // debugger; // 同步阻塞
    console.log('3');
    console.log('4');
    console.log('5');

http

get 对应 查询操作，post对应增删改
后来，get 对应查找，更新对应put, 删除对应delete，插入的用post.
options 刺探方式

hash模式和history模式

hash模式特点url中含有#号。
history模式，也是单页面但是没有#。

localStorage. sessionStorage

sessionStorage 页面关闭就没有了，半个小时你没有操作页面，也会消失。
localStorage是永久存在

localStorage.setItem('keya', '123');
localStorage.getItem('keya');  // 123
sessionStorage.setItem('keyb', '145');
sessionStorage.getItem('keya');  // 145

yarn npm -S -D

npm

npm run start(dev)
npm i jquery
npm i lodash --save 保存到package.json中dependencies
yarn 是npm升级版本，更快，更语义化，支持并发安装包
yarn add jquery
yarn add lodash -S
yarn install 安装全部

本机电脑的ip

0.0.0.0
127.0.0.1
localhost 默认访问本机
/etc/hosts
www.baidu.com 指向了http://61.135.169.121/然后访问这个服务器上的index.html

git 仓库 远程保存代码

https://gitee.com/yanjinyun/gaofan_xmall
// git clone git@gitee.com:yanjinyun/gaofan_xmall.git
// git status
// git add 
// git commit 
// git push

QS

less,sass,stylus. 添加链接描述

嵌套，定义变量，混入（2）

vue双向绑定实现的原理

2.*   Object.definePropety() 

添加链接描述

git 1基本操作

远程仓库，本地代码
git add .
git commit -m ‘修改了内容’
git push
分支操作 git branch -a

1. git clone git@gitee.com:yanjinyun/gittest000.git
2. git pull 吧远程的代码同步到本地。

git 2分支操作

3. 分支，本地分支，远程分支
   当前出于a分支，切换到b分支。图形界面。 git checkout b
   新建分支c. git branch c
   新建了分支c之后。把c分支推送远端呢。git push --set-upstream origin c
   分支c代码怎么同远程c分支同步呢。

git flow 3步骤

git 冲突 4步骤