css-html
浏览器：FireFox、Safari苹果、Chrome谷歌、IE
W3C制定html规则、OpenSSL加密、html超文本标记语言
IDE：HhuilderX、vscode
!DOCTYPE html文档声明、html(lang=”zh-CN”)、head、body、meta元信息、title标签名、base(target)、link(rel类型、href)
快捷键：ctrl+x剪切、shift+end从头选择一行、shift+home从尾选中一行、shift+alt快速复制一行、
alt+上下快速移动一行、alt＋鼠标左键 多光标、ctrl+d选中相同元素的下一个、单词#id.class*size+tab键生成一个标签、选中（shif+alt+a、ctrl+shif+a）注释 、shift+ctrl+delete清缓存
文本修饰标签：加粗strong b、斜体em、i、sub上标 sup下标、del中划线 ins 下划线、
语义化：h1-6标题、p段落、header头、footer尾
标签：图片img(src、alt失败占位、title提示信息（全元素都有）、宽高固定) 、链接a(href(#跳转锚点、url)、target(_self、_blank))、div(快)、span(内联)
特殊符号：空格 、版权©、<<、>>、
列表：无序列表（ul(type)、li）、有序列表（ol(type)、li）、定义列表（dl、dt标题、dd）
表格：table（border、callpadding、callspacing、empty-cells:hide隐藏空单元、border-collapse:collapse添加单线）、caption标题、thead、tbody、tfood、tr(align左右对齐、valign上下对齐)、(th、td)(colspan合并列、rowspan合并行)、border/rotate斜线分类、colgroup/col(span style)列分组
表单：form(action地址、)、input（name、value、type(text(jplaceholder)、textarea（cols、row）、password、checkbox（checked、disabled）、radio(name)、file、submit、reset)）、select(size、multiple)+option（selected、disabled）、提高作用域label(for+id)
表单美化控件：:checked+label美化选择框或上传按钮、position+opacity:0美化上传按钮
表单新input控件：email、url、number、range、data/month/week、search、color、tel、time
表单新属性：autocomplete（on、off）自动完成、autofocus获取焦点、required不能为空、pattern正则验证
表单提交：method（get、post）数据传输方式、enctype（application/x-www-form-urlencoded字符串、multipart/form-data二进制数据流）数据传输类型、name/value数据的键值对
表单扩展学习：fieldset表单内元素分组、legend为fieldset元素定义标题、optgroup定义选项组
样式：内联样式、内部样式、外部样式（link、@inport url()）
颜色：单词表(transparent透明)、#ffffff、rgb(0,0,0)、提取颜色下载：https://www.baidufe.com/fehelper（colorpic、vscode）、透明色rgba(255,255,255,0~1)
Ps：吸管工具（取色）、矩形选框工具（量宽高、alt键-区域、shift键+区域、ctrl+c复制、ctrl+n新建、ctrl+v粘贴）、标尺（ctrl+r显示标尺、托参考线、移动工具托回去、视图菜单清除）、图层中的小眼睛（显示隐藏）、放大（alt+滚轮）、选择工具（用于选择图层、勾上自动选择）、文件（导出→web所有格式）、切片工具（选中多个切图）、字体工具（psd中直接查看文字大小、字体类型）、编辑-首选项-增效工具-启动生成器、文件-生成-图像资源、蓝湖
背景：background-color、background-image(url)、background-repeat(no-repeat)、background-position、background-attachment(scroll、flxed)、复合background: red url() repeat 0 0;（复合在后面会覆盖单一）
边框：border-style(solid、dashed、dotted)、border-width、border-color、border-right-xx、border: 1px black solid
字体：font-family(中文、英文、多字体设置、引号)、font-size（默认16px、small、large、用偶数）、font-weight（normal、bold）、font-style(normal、italic、oblique)、color、复合font: weight style size/line-height family;
段落：text-decoration(underline、overline、line-through、none、可添加多个)、text-transform(lowercase、uppercase、capitalize、设置大小写) 、text-index(em、文本缩进)、text-align(center、justify、文本对齐)、line-height(行高)、letter-spacing(字之间的间距)、word-spacing(词间距)、word-beak(break-all折行)、word-wrap(break-word 折行，会产生空白)、br换行、wbr软换行（写在单词中）、pre嵌套code（默认要转译内部元素可用md文件转化）
css选择器：id、class（可添加多个用空格隔开）、标签、标签.class、群组（用，隔开）、通配（*）、层次（空格 后代、>父子、~兄弟（下面的）、+相邻）、属性（标签[id=xx][class、class=xx、class*=xx部分匹配、^=起始匹配、$=结束匹配]）、
伪类选择器：（:link访问前的样式、:visited访问后的样式）只能加给a标签、:hover鼠标移入、:active鼠标按下、
伪类针对表单：:checked选中后生效、:focus输入框有光标时生效
结构伪类选择器：标签:（nth-of-type(3、n、2n、2n+1)、nth-child）、first-of-type、last-of-type、only-of-type仅一个时生效
伪元素选择器：(:after后面、:before前面)（content内容、样式）、
id命名：容器container、页头header、内容content/container、页面主体main、页尾footer、导航nav、侧栏sidebar、栏目column、版芯wrapper
导航命名：导航nav、主导航mainbav、子导航subnav、顶导航topnav、边导航sidebar、左导航leftsidebar、菜单menu、子菜单submenu、标题title、摘要summary
功能命名：标志logo、广告banner、登录login、登录条loginbar、注册regsiter、搜索search、功能区shop、加入joinus、状态status、按钮btn、滚动scroll、标签页tab、文章列表list、提示信息msg、当前的current、小技巧tips、图标icon、注释note、指南guild、服务service、热点hot、新闻news、下载download、投票vote、合作伙伴partner、友情链接link、版权copyright
css继承：文字可以继承、布局不能继承（样式:inherit手动继承）
css优先级：style行间>id>class>tag>*>继承、后面定义的高于前面的、!important提升为最高优先级（不合规范）
盒子模型：content、padding、border、margin(可为负)、宽高 文字（content）、背景色（border以内）、box-sizing盒子区域(content-box默认 作用到content、border-box作用到border)、margin叠加（上下叠加、只设置一端、bfc）、margin传递问题（出现在嵌套结构 子元素margin-top中、bfc、父加边框、margin换padding）
盒子模型定位：margin:0 auto;(左右居中)、
标签分类：block块、inline内联（span、a、em、strong、img、…、特点：以基线对齐）（空隙由换行引起的（解决方法：在父元素中font-size：0；））、inline-block（input、select、挨在一起、支持宽高）、display(block、inline、inline-block、none去除)、
特殊样式：visibility:hidden隐藏、overflow(visible默认、hidden溢出隐藏、scroll滚动条、auto自适应生成滚动条)、opacity(数字0~1 透明度)、cursor（pointer、move、url(),auto 手势）、min-height（溢出适应）、max-height、vertical-align（baseline基线、bottom底线、对齐方式）
元素分类：按显示（替换元素img、input）、按内容（Flow流内容、Metadata元数据、Sectioning分区、Heading标题、Phrasing措辞、Embedded嵌入的、Interactive互动的）、块能嵌套块p特例、内联不能嵌套块a特例
默认样式：body（margin:8px）、h1（margin上下21.44px）、p（margin上下16px）、ul（margin上下16px、padding左40px、list-style:disc）、a（text-decoration:underline）
CSS reset：*{margin:0;padding:0;}、ul,ol{list-style:none;}、a{text-decoration:none;color:#666;}、img{display:block;}、h1,h2,h3{font-size:16px;}、body{font-family: Arial;}
浮动：float（left、right）（只能影响后面的元素、文字默认提升半层、默认宽根据内容决定、换行排列）
清除浮动：clear属性（left、right、both）、嵌套浮动清除（overflow:hidden（bfc）、display:inline-block;(bfc)、空标+clear、after伪类+display:block+clear:both）
定位：static默认、相对定位relative、绝对定位absolute（使元素支持宽高具备块特性）、固定定位fixed（使元素支持宽高具备块特性）、粘性定位sticky、z-index定位层级、居中（绝对定位+margin）
添加省略号：width宽度+white-space:nowrap不换行+overflow:hidden; 溢出隐藏+ text-overflow:ellipsis省略号;
雪碧（精灵）图：减少图片质量、减少请求次数、提高加载速度、width+height+background:url() no-reapeat left -596px;
圆角：border-radius（10px 5px 6px 8px;从左上角顺时针排列、10px/20px椭圆）
HTML与XHTML区别：DOCTYPE文档及编码、元素大小写、属性布尔值、属性引号、图片alt属性、单标签写法、双标签闭合
引用标签：blockquote引用大段的段落解释、q引用小段的短语解释、abbr缩写或首字母缩略词（title）、address引用文档地址信息、cite引用著作的标题
iframe：src、iframeborder(0、1)、scrolling(yes、no)、宽高、srcdoc(标签)、数据传输(跨域)、共享代码（不同的地方用iframe嵌入）、局部刷新、第三方介入
图像映射：map(img(usemap=”#xx”)、name=”xx”)嵌套area(shape形状(rect矩形、cicr圆形、多边形poly)、coords坐标、href、alt)
嵌入多媒体：embed（src、type）、object嵌套param（name、value=”url”）、渲染flash等插件
多媒体文件：audio（src、controls显示控件、 loop循环、autoplay自动播放）、video（src、controls显示控件、loop循环、autoplay自动播放）、嵌套多个source（src）用于备选
文字注解与方向：文字注解ruby嵌套rt（拼音）、文字方向bdo（dir(ltr默认、rtl)）
link扩展：(rel=’stylesheet’ type=’text/css href’)样式、(rel=’icon’ type=’image/x-icon’ href)小图标、(rel=’dns-prefetch’ href)DNS解析
meta扩展：(name=’description’ content=’’ )网址描述、(name=’keywords’ content=’’)关键字、(name=’renderer’ content=’webkit’谷歌前缀)渲染双内核、(property =’xx’ content=’’)自定义、(http-equiv=’X-UA-Compatible’ content=’ie=edge’)IE使用更高级版本渲染、（http-equiv=’refresh’ content=’3’ url=’xx’）定时刷新跳转、(http-equiv=’expires’ content=’ ’)缓存
html5新语义化标签：header页眉、footer页脚、main主体、hgroup标题组、nav导航、article独立内容、aside辅助区域（侧边区域）、section区域（一般是子区域）、figure描述图像或视频、figcaption描述图像或视频的标题部分、input(list=’xx’)+datalist选项列表（id=’xx’）嵌套option、details(open) 文档细节 嵌套summary文档标题+p、progress(min max value)/meter(min max value low high) 定义进度条/定义度量范围、time(title)定义日期或时间、mark带有记号的文本
触发bfc：浮动元素、绝对定位position(absolute、fixed)、display(inline-block、table-cells、flex)、overflow（hidden、auto、scroll）、解决margin叠加 margin传递 浮动问题 覆盖问题
浏览器前缀：
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
过渡：transition（-property名称（width、all）、-duration过度时间、-delay开始时间(正数延迟、负数提前)、-timing-function时间速度曲线、写在触发前的dom上，如果放在触发一方则没有淡出效果）、
动作：transfrom（translateX（3d）位移、scale(3d)缩放、rotate（3d）旋转、skew斜切）
动画：animation（-name:xxx动画名字、-duration持续时间、-delay延迟、-iteration-count(infinite)重复次数、-timing-function运动形式(linear匀速)）、样式animation 1s xxx + @keyframes xxx{ 0%{opacity: 0;} 100%{opacity: 1;} } 、{from{transform:translate(0,0);to{transform:translate(200,0)}}}、animation-fill-mode（none回到初始、backwards 0%先显示、forwards停在终点、both）、animation-direction（alternate反复、reverse反向、normal默认）、
动画库：animate.css
3D：perspecitive景深（-orgin景深基点、观察元素的角度）、transform-origin动作基点(center center -50px)、backface-vidibility背面隐藏、
渐变
背景??????
字体图标：阿里巴巴图标库
文字阴影
盒子阴影
模糊、计算
分栏布局
Hack与属性前缀码、选择器前缀法、IE条件注释法
渐近增强、优雅降级
等高布局：margin负值+padding正值（就是让padding的颜色暴露出来）、溢出隐藏
双飞翼布局：两边浮动、用margin负值调整位置、中间宽度100%、中间内容用margin调整、圣杯布局：中间用margin调整、中间内容不要、两边再用相对定位移开
弹性盒子：flex作用在flex上（flex-direction布局方向（默认是row、row-reverse横排列反向、column、column-reverse）、flex-wrap单行显示或换行显示（no-wrap默认、wrap折行）、flex-flow前两个的复合写法、justify-content主轴子项对齐方式（flex-start默认起始位置对齐、flex-end尾部对齐、center居中对齐、space-between两端对齐、space-around环绕对齐、space-evenly均匀对齐）、align-items侧轴子项对齐方式（stretch拉伸 默认、flex-start 顶部对齐、flex-end底部对齐、center居中对齐）、align-content多行元素对齐方式（stretch拉伸 默认、flex-start 顶部对齐、flex-end底部对齐、center居中对齐、space-between两端对齐、space-around环绕对齐、space-evenly均匀对齐））、
作用在子元素上（order子项排序默认为0、flex-grow扩展盒子区域默认为0、flex-shrink收缩默认为1，0是不收缩，可以大于1、flex-basis子项默认大小，默认auto、flex上面三个的缩写、会比默认宽优先级高、align-self某一个子项的垂直对齐方式）
网格布局
移动端模拟器：切换后要刷新浏览器、可选设备、调整显示比例、模拟网速、横竖屏、分辨率
视口viewport：只在移动端生效（<meta name=’viewport’ content=’width=device-width设备宽, initial-scale=1.0初始缩放’（height设置高度、minimum-scale最小缩放、maximum-scale最大缩放、user-scalable页面能否缩放）、viewport-fit=cover覆盖功能键）、visual viewport可视视口，在上面和设备宽高相同、layout viewport 布局视口，在下面默认980px
单位：em当前或父元素字体大小、rem根元素的字体大小、vw/vh百分比
流式布局（文字流式、控件弹性、图片等比缩放）、等比缩放布局，rem布局（动态给html设置字体大小（通过js document.documentElement.style.fontSize = document.documentElement.clientWidth/3.75 + ‘px’、通过vw设置字体大小））、px to rem插件(rem布局不好进行测量换算 快捷键选中+alt+z)
响应式布局media queriesi：媒体类型（all所有设备、print打印机、screen电脑平板手机、speech屏幕阅读器）、and、not取反、min-width、max-width、orientation:portrait纵屏、orientation:landscape横屏、<link>、@media not all and (min-width:500px) and (max-width:700px){#xxx{样式}} 例子、<link rel=”stylesheet” href=”base.css” media=”all and (min-width: 400px)”> 例子
Bootstrap：响应式布局、基于flex的栅格系统12、丰富的组件和工具方法、常见交互使用、基于jquery、官网下载（Bootstrap4、下载源码、dist文件、bootstrap.css所有的样式、-grid.css栅格系统、-reboot.css重置样式）
Bootstrap布局containers：container版心、container-fluid通栏、responsive breakpoints
Bootstrap栅格grid system：12列可嵌套（col+（-sm >= 576px、-md768px、-lg992px、-xl1200px）+auto适应内容宽度）、Grid options网格配置、Responsive classes响应式类（row弹性盒子row排列、w-100宽度100%空标签用于换行、no-gutters去掉间距、mr-auto margin-right：auto、mt-md-5 margin-top:5rem、mx-5、my-5、mt-n5 负5rem、py-5 padding、d-block）、Gutters间距、Alignment（justify-align-center、align-items-start、align-content-、align-self）对齐方式、Reordering排序（order-12、order-last、order-first）、Offsetting位置偏移（offset-me-4偏移4个）
Bootstrap的Content内容展示：Reboot重置默认样式（字体、h标签、List、pre标签、table、form）、Typography设备（display-1、text-center、position-absolute、float-md-left、overflow-hidden）、Code输出代码（<var>、<kbd>）、Images图片（img-fluid宽度占满、img-thumbnails带框、rounded圆角、）、Tables表格（table-dark黑色表、thead-dark表头黑色、table-striped行换色、）、Figures图片描述
Bootstrap的Components组件：Alerts弹出提示、Badge徽章、Breadcrumb面包屑、Buttons按钮、Button group按钮组、Card卡片
Bootstrap4 插件：输入b4-card回车创建出来
Bootstrap的Utilities工具：Borders边框（border-top-0、border-primary、rounded-circle）、Clearfix清浮动（@include??clearfix）、Close icon关闭图标、Colors颜色（text-white-50透明度50）、Display显示类型（d-）、Embed媒体（iframe）、弹性盒子、浮动、阴影、宽度、间距、文本
Css预处理器：
Less：http://lesscss.org/、Easy LESS VSCode插件（自动编译成css）、.less文件、只编译添加多行注释、
变量（@number : 100px; .xx{width: @number;}）/插值（@key: margin; xx{@{key}: auto;}）/作用域（找同作用域的）、选择器嵌套/伪类嵌套（加&符号去掉空格）、
运算（@num * 3）/单位（@num + 10em以前面单位为准）/转义（padding: ~”20px /1.5”转义）/颜色（#010203 * 2）、
函数（round()四舍五入、percentage()百分比、sqrt()开方）、
混入（直接将类名放到另一个类中、.hide(@color) 加括号不渲染）/命名空间(#nm(){}+#nm.xx)/继承（&：extend(.xx)）
合并（background+:url(); transform+_;）/媒体查询
条件（when满足条件触发）/循环（when+递归）
引入（@import ‘./reset.less’;）
Sass：https://sass-lang.com/、 Easy Sass VSCode插件（自动编译成css）、.scss文件、只编译添加多行注释（并编译出一个@charset “UTF-8”;）、
变量（$number : 100px; $key: margin; .xx{width: $number;）/插值（$key: margin; .xx{#{$key}: auto}；）/作用域（有顺序的）、
选择器嵌套/伪类嵌套（加&符号去掉空格）/属性嵌套（带‘-’的属性可以嵌套写）、
运算（$num * 3）/单位（$num + 10em单位不同报错）/转义（padding: 20px /1.5默认/不相除、（20px/1.5）用括号则相除）/颜色（#010203 * 2）、
函数（round()四舍五入、percentage()百分比、random()随机数）、自定义函数（@function sum($n,$m){ @return $n + $m;}）、
混入（直接将类名放到另一个类中、@mixin hide(@color) +@include 不渲染）/继承(@extend .xxx、%xxx{}加%不会渲染)
合并（$background：(a: url(a.png), b: url(b.png))+background: map-values($background)、zip(map-values()…)）/媒体查询
条件（@if+@else满足条件触发）/循环（@for $i from 0 through 2{}）
引入（@import ‘./reset.scss’;）
PostCss：官网：https://postcss.org/ 、添加浏览器前缀、代码合并、代码压缩、安装 npm I postcss-cli -g、命令（postcss src/demo.css -o dist/demo.css 生成 -w监听）、配置文件postcss.config.js
PostCSS常用插件：autoprefixer自动适配添加浏览器前缀（安装 cnpm i autoprefixer）、postcss-import把引入的css文件合并、cssnano压缩css文件、postcss-cssnext处理高级css语法降级、stylelint css语法规范限制、postcss-sprites雪碧图生成
Css新特性定义变量：--xx定义+var(--xx)使用、calc(var(--number) * 1px, 100px)赋予单位，100px默认值
Css新特性shapes：shape-outside文字环绕效果（默认值none、margin-box在margin内环绕）、clip-path剪切（circle()圆、polygon(0 0,10px 10px)多边形）、shape-margin（不规则图像产生间距）
Css新特性scrollbar：自定义滚动条、::-webkit-scrollbar设置宽度、::-webkit-scrollbar-thumb设置拖拽块样式、::-webkit-scrollbar-track滚动条容器样式
Css新特性Scroll Snap：滚动捕捉、scroll-snap-type（x针对x轴、mandatory强制处理）、scroll-snap-align（start、center、end）
Css模块划分文件夹：base、components、layout、pages、themes、abstracts、vendors
js
js数据类型：Number（NaN 无意义、Infinity 无限大）、字符串、boolean、null、undefined、对象、Iterable（数组（Array、[]）、Map键值对键可以为数字、Set值不可重复）
strict模式（严格模式）
变量声明：无前缀、var（函数级）、let（块级）、const
变量提升（只要定义了就会提到作用域的头部进行声名）、函数提升（定义了就能用）
操作字符串：''、""、`${}`、toUpperCase()转化为大小、toLowerCase()转化为小写、indexOf(‘world’)单词出现的下标、substring(0，6)返回指定索引区间的子串、trim()（IE9以下没有）
操作数组：indexOf(10)元素的下标、slice(0，3)截取数组，返回一个新的数组、push()向尾部添加元素、pop()从尾部取出元素并返回、unshift()在首部添加元素、shift()从首部取出元素并返回、sort()自定义排序改变自身排序，默认的字符串排序、reverse()将数组反转改变自身、splice(2，3，‘xx’,’yy’)删除与添加的万能方法改变自身、concat()将数组与另一个数组拼接起来，返回新数组，多维数组会解成一维、join(‘-’)用指定字符串连接起来
操作对象：对象.属性、对象['属性']、delete删除属性、in判断属性是否存在、hasOwnProperty()判断是否是自己的属性
条件判断：if()else()、typeof 返回类型的字符串、instance of用于判断是否属于该对象的实例
循环：for()、for(in)、for(of)、while、do while()、forEach(function(element、index、array){})
Map：set(key,value)、has(key)、get(key)、delete(key)
Set：add(key)、delete(key)
函数：function xxx()、var xxx = function()、arguments、…rest参数 是一个数组
作用域：全局作用域window(web端有用)、解构赋值（变量交换、部分属性获取、传参接收）、扩展运算符…
方法：this（用that捕获this防止内部函数的内部函数的this指向错误、方法.apply(obj,[])指明this对象(第一个是指向的对象、第二个参数是方法的参数)、call(xx,…x)参数按顺序传入）、bind()参数同call但不立即执行
数组操作方法：map(方法(一个参数))遍历修改返回新数组、reduce(方法(两个参数))累计处理返回累计值、filter(方法（一个参数）)过滤器返回过新数组、sort(方法(两个参数))排序改变自身、every(方法(一个参数))返回bool所有满足、find(方法(两个参数))返回第一个满足的元素、findIndex()同上返回索引下标、forEach()
闭包：内部函数引用外部函数变量作为参数运算，不及时运行。
箭头函数：=>（简化方法写法、无需that = this）
generator：function* yield next() async、await、promise(.all、.race)
对象：原型链、原型对象、构造函数（返回this、new创建对象、实例对象.__proto__指向原型对象、原型对象.constructor指向函数）、函数.prototype指向原型对象、原型继承（可以定义一个F(){}方法用于桥接、可通过封装的inherits继承）、class+constructor+extends（super）、Babel工具
ajax：XMLHttpRequest（onreadystatechange、readyState、status、open、send）
跨域：浏览器同源策略（flash、代理服务器、jsonp、cors、ifriem）
（es6新特性）
vue
Vue下载：cdn下载、npm下载
渲染：Vue()、el:””、data:{}、computed:{}（计算属性仅在状态改变时执行、不需要加小括号、然后缓存）、methods:{}、components{}、
插值语法：{{}}(三目、表达式、函数)
指令：v-html渲染结点、v-show隐藏、v-if是否渲染、 :class=（三目、对象（新加属性不被监听）、数组）、:style=（三目、对象、数组）、v-else、v-else-if、v-for（for in、for of、key值优化结点渲染）、v-model双向绑定（值、数组[]、value、
表单修饰符：.lazy(配合v-model失去焦点触发)、.number（只能是数字格式）、.trim（去掉首尾空格））
数组修改（splice、Vue.set([],0,’xx’)）、对象修改（Vue.set(obj,e,xx)）、
Input：@input输入、@change改变、@click点击、@keyup按键时触发+xx($event)+ev.keyCode===13、（keyCode）
事件修饰符：阻止冒泡.stop（传值$event、stopPropagation）、阻止路由跳转prevent（preventDefault）、点自己才触发self、只发生一次.once、按键修饰符@keyup（.up、.enter、键值）
请求：w3c标准fetch(“url”).then(res=>{return res.json()}.then())、 axios.post(“url”,{}).then().catch()（会自动包装一个data属性）
虚拟dom、diff算法（同级dom对比、同标签对比、同key值对比）
组件：全局组件Vue.component(“组件名”,{xxx})（template属性）、root组件new Vue、局部定义组件（components属性）、属性data(){ return {} }
父传子：属性props（props:[“xxx”]、props:{ xxx:Boolean }绑定属性、）
子传父：事件（父组件<chird @xxx=handle($event)> 子组件this.$emit(‘xxx’, attribute)）、
Ref对象（<chird ref=”xx”> this.$refs.xx）、事件总线（bus.$emit、bus.$on）
生命周期函数：mounted(){} dom渲染完后调用、
动态组件：<component is=’组件名’>、<keep-alive><动态组件></keep-alive>保持活着、
<slot name=”xxx”></slot>插槽 具名插槽 使得子组件元素访问到父组件作用域
git
git status //查看更改状态
git add //将修改添加入当前版本
git commit -m '' //提交版本
git log??//查看历史版本
git log --pretty=oneline??//查看版本简要信息
git reset --hard HEAD^ //回退到上一版本
git reflog //查看历史操作记录
git reset --hard commit_id??//指向版本号的版本
git revert --hard HEAD^ //前进到上一版本
git diff //比较工作目录和暂存区域的差异
git diff --cached //比较暂存区域和版本差异
git checkout -- readme.txt??//丢弃工作区修改，回到上一个add或commit时的状态
git restore readme.txt //同上
git reset HEAD readme.txt??//撤消暂存区的修改，重新放回工作区
git restore --staged readme.txt??//功能同上
git rm test.txt //将工作区的文件删除，并提交到暂存
git branch //查看当前所有分支
git checkout -b xxx //创建xxx分支，并切换到xxx分支
git switch -c xxx//同上
git branch xxx //创建xxx分支
git checkout xxx //切换到xxx分支
git switch xxx //切换到xxx分支
git merge xxx //将xxx分支合并到master
git branch -d xxx //将xxx分支删除
git branch -D xxx//强制删除分支xxx
git --graph --pretty=oneline --abbrev-commit //查看 分支，关键，简化的版本信息
git merge --on-ff -m 'ccc' xxx //保存分支内容，创建新的commit，合并
git stash //将分支的修改暂存起来
git stash list //查看分支暂存列表
git stash pop //恢复分支暂存内容， 同时删除分支暂存
git stash apply //恢复分支暂存内容
git stash drop //删除分支暂存
git stash apply stash@{0} //恢复第0个分支暂存内容
git cherry-pick 提交单号7位 //重放一次提交的内容到当前分支
git remote //查看远程
git remote -v //查看远程信息
git rebase //取消分叉
git tag v1.0 //最新版本打上标签
git tag //查看标签列表
git tag v0.9 28223b9 //特定版本打上标签
git tag -a v0.2 -m 'versoin 0.2 released' 2c9b484 //特定版本打上标签并加上备注
git tag -d v0.2 //删除标签
git push origin :refs/tags/v0.2 //删除远程标签
git push origin v1.0 //推送标签到远程
git push origin --tags //推送全部标签到远程
git remote add origin git@github.com:50472/gitstudy.git //在本地创建远程仓库连接
git push -u origin master //将本地分支推送到远程 -u 为将本地分支与远程关联
git push origin xxx //将本地xxx分支推送到远程
git clone git@github.com:50472/gitstudy.git //克隆
git branch --set-upstream-to=origin/xxx xxx //将本地与远程xxx分支关联，用于pull
git pull origin master //从远程master分支中拉取到本地合并
git pull origin master --allow-unrelated-histories??//可以允许不相关历史提交，强制合并
mkdir gitstudy //创建文件夹
pwd //打印当前文件目录
cat readme.txt??//输出文件内容到控制台
vi xx //编辑文件???a //进入编辑???esc //退出编辑??:wq??//保存编辑