整理的一些常用的html+css+js+vue的单词

本文深入介绍了HTML的基本结构和标签,包括标题、段落、样式、表格等元素,以及CSS用于样式控制的属性,如颜色、字体、布局等。同时,讲解了JavaScript的基础语法,包括变量、数据类型、函数、事件处理等,还涵盖了Vue框架的基本概念和Vue CLI的使用。文章还提及了Vue中的一些关键概念,如生命周期、指令、计算属性和响应式数据。
摘要由CSDN通过智能技术生成
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<html>
<!-- html     超文本标记语言
     head     头部
     body     主体, 身体
     big      大的,字体加大
     hr       水平线
     Pre(predefined) 预定义 
     h5       标题5 
     circle    空心圆,圈 
     dt(Define title 定义的标题
     dl(Definition list) 定义清单 
     dd(definition description)定义内容 
     Cellpadding 补白,是指单元格内文字与边框的距离 
     http      服务程序所用的协议; 
     description 描述
     table     表格 
     style     修饰 
     width     宽度 
     height    高度 
     div       盒子 (块) 
     span      盒子(行内) 
     p         文字标签 
     b         加粗标签 
     strong    强调加粗(含有语义化)
     i         倾斜标签 
     em        强调倾斜标签(含有语义化) 
     a href    引入链接 
     title     想说明的
     text-align 水平方向 
     center    居中 
     left      居左 
     right     居右 
     line-height 垂直居中 
     background 背景 
     background: linear-gradient(90deg,#ea766a,transparent);渐变色 
     background-color 背景颜色 
     background-image 背景图片
     <img src="引入图片" alt="未加载图片时,显示图片的关键字"> 
     background-repeat 背景平铺 no-repeat 不平铺 repeat-x;水平平铺 repeat-y;垂直平铺 
     background:url()repeat left center #00; 顺序:背景图片 重复 定位 颜色 
     top/right/bottom/left/center 方向英文:上、右、下、左,中 
     color       字体颜色 
     font        字体 字形 
     font-size   字体大小 
     font-family 字体样式 
     font-weight:normal 正常 bold 加粗 
     font-style: normal;取消倾斜 
     :italic;斜体 font:italic bold 24px/24px '楷体'; 顺序:是否斜体 是否粗体  字体大小/行高 字体 
     i(italic)   倾斜,斜体字 文本修饰属性: 
     text-decoration: 
     overline      顶划线 
     underline     下划线 
     line-through  中划线/删除线 none 无/取消下划线
     display       转化显示模式 元素转化 block 块 inline 行内 inline-block 行内块 
     text-indent:em 首行缩进 省略号 刚上班的时候用的比较多,有的浏览器不兼容 
     white-space:nowrap 强制不换行 
     overflow:hidden    溢出隐藏
     text-overflow:ellipsis 省略号 
     font-family:     ‘ 微软雅黑’ 让省略号在下面 必须给宽度 伪类 
     a:link        设置未访问时候的颜色 点击后变成a的正常颜色 
     a:visited     设置访问过后颜色 
     a:hover       当鼠标放上去会变颜色
     a:active      鼠标点击变颜色 
     顺序 lvha 驴哈 
     auto 自动居中 
     margin        外边距 
     margin-top    上外边距 
     margin-right  右外边距 
     margin-bottom 下外边距 
     margin-left   左外边距
     padding           内边距 
     padding-top       上内边距 
     padding-right     右内边距 
     padding-bottom    下外边距 
     padding-left      左外边距 
     float 浮动 :left|right|none 左|右|不浮动
     cursor:pointer         小手的代码。。 
     clear:left|right|both 清除浮动 
     overflow:hidden       溢出隐藏 
     position:relative|absolute|fixed 定位 
     relative 相对定位 
     absolute 绝对定位
     fixed    固定定位 Left/top/right/bottom 定位的偏移量 
     z-index 改变标签z轴堆叠顺序 opacity 透明代码 1不透明(0.9 0.8.。。。。) 0透明
     filter:alpha(opacity:0-100) 
     input{outline:none}取消焦点 
     Maxlength        最大长度
    <form action=    "链接" method="">
    post             相对安全
    get              不安全 
    input            表单 单标签 
    type="text"      账号/文本 
    type="password"  密码 
    type="submit"    提交 
    type="button"    只是一个点击按钮
    type="radio"     单选框 
    label            双标签 选项内容 
    type="checkbox"  复选框 
    label            双标签 选项内容 
    value=          "提示 如 请输入密码" 
    placeholder=    "也是提示" 
    select option   选项栏 
    textarea        下拉框 
    resize:none    禁止任意拖放 
    name="user"     账号 
    name="password" 密码 
    face            字体,面容 -->

</html>




<script>
    // object	        对象
    //undefined	        未定义变量
    // boolean	        布尔类型	
    //sort()	        对数组排序
    // charAt	        返回在指定位置的字符	
    //toLowerCase()	    把字符串转换为小写
    // button	        按钮	
    //break	            结束循环
    // toUpperCase()	把字符串转换为大写	
    //split(str)	    将字符串分割为字符串数组
    // length	        获取数组的长度	
    //continue	        结束当前循环,进行下循环
    // alert() 	        弹出框
    //	prompt()	    显示可以输入的对话框
    // function	        功能
    //document	        为…提供证明
    // parseFloat()	    将字符串转换成float的值
    //	isNaN()	        用于检测其参数是否是非数字
    // chrome	        谷歌	
    //parseint()	    将字符串转换成int类型的值
    // onclick	        鼠标单击某个对象
    //	parseint()	将字符串转换成int类型的值
    // null	            空类型	
    //number	        数值类型
    // string	        字符串类型
    //	typeof	        变量或值
    // onload	        在加载的	
    //onchange	        域的内容被改变
    // substring(index1,index2)	返回指定索引index1到index2之间的字符串
    // join()	        把数组中的所有元素放入一个字符串中,通过一个分割符进行分割
    // push()	        像数组末尾添加一个或多个元素,并返回最新长度
    // indexOf	        查找某个指定的字符串在字符串中首次出现的位置

    // open	            打开浏览器窗口
    ///	close	        关闭浏览器窗口
    // confirm	        弹出一个确认对话框
    //	interval	间隔
    // timeout	超时	
    //history	有关客户访问过的URL信息
    // setInterval	在指定周期内调用函数
    //	location	有关当前URL的信息
    // element	元素	
    //settimeout	在指定的时间之后调用函数
    // onload()	加载事件	
    //onmouseover	鼠标移动到某个元素上的事件
    // onclick()	单击事件	
    //onchange()	改变的事件
    // back()	加载history对象列表的前一个url
    //	orword()	加载history对象列表的后一个url
    // host	主机名和端口号
    //	hostname	主机名
    // reload()	重新加载当前文档	
    //write()	向文档中写入信息
    // referrer	返回载入当前文档的URL	
    //Math()	数学函数
    // getelementbyid	获取指定的id元素
    //	getelementsbyname	获取指定的name元素
    // getelementsbytagname()	获取指定的标签名称元素
    // Array()	数组的关键词	
    //String()	用于支持对字符串的处理
    // screen	只读属性,包含有关客户端显示屏幕信息	
    //replace()	用新的文档替换当前文档
    // Date()	用于操作日期和时间	URL	返回当前文档的URL
    // ceil	对数进行上舍入
    //	floor	对数进行下舍入
    // random	随机数
    //	round	把数四舍五入为最接近的数
    // go()	                   里面是个数字参数,如果是1,则去下一个url,如果是-1,则去上一个url

    // parentNode()	       返回节点的父节点
    //	childNodes()	       返回子节点集合
    // firstChild	           访问该元素的文本节点	
    //lastChild()	           返回节点的最后一个子节点
    // nextSibling()	       下一个节点	
    //previousSibling()	       上一个节点
    // cloneNode()	       复制某个指定的节点	
    //appendChild()	       追加
    // insertBefore(A,B)	  把A节点插入B节点之前	
    //createElement()	      创建节点元素
    // removeChild()	      删除指定的节点	
    //replaceChild()	      用其他的节点替换指定的节点
    // nodeValue	          节点值
    //	nodeType	          节点类型
    // background	          背景	
    //padding	              边距


    // onmouseout	           鼠标从某元素移开
    //	onmousedown	           鼠标按钮被按下
    // offsetHeight	           返回元素高度	
    //offsetWidth	           返回元素的宽度
    // clientWidth	           返回元素可见宽度	
    //clientHeight	           返回元素可见高度
    // scroIILeft	           返回匹配元素的滚动条的水平位置
    //	scroIITop	           返回匹配元素的滚动条的垂直位置
    // setAttribute	           设置节点的属性	


    // constructor	        构造函数	
    //instance	            实例、情况
    // call	                呼唤	
    //apply	                应用、运用
    // combination	        结合
    //	inheritance	        继承

    // click();	        点击事件
    //	hover();	        鼠标悬浮事件
    // hide();	            隐藏	
    //show();	        显示
    // next();	           下一个元素	
    //prev():	           上一个元素
    // addclass();	       元素原来的基础上新加样式	
    //add	               添加
    // ready	           预备好的状态	
    //action	           功能

    // sibling              成员
    //	:first	            选取第一个元素
    // :last	            选取最后一个元素
    //	attribute	        选取包含指定属性的元素
    // :not(selector)	 选区去除所有与给定选择器匹配的元素
    //	:eq(index)	        选取索引等于index的元素(index从0开始)
    // :odd	            选取索引是奇数的所有元素(index从0开始)	
    //:even	            选取索引是偶数的所有元素(index从0开始)
    // :gt(index)	        选区索引大于index的元素(index从0开始)
    //	:It(index)	        选取索引小于index的元素(index从0开始)
    // :header	            选区所有标题元素	
    //:focus	            选取当前获取焦点的元素
    // :animated	        选取所有动画元素
    //	:visible	        选区所有可见的元素
    // :hidden	            选取所有隐藏的元素
    //	*	                全局选择器
    // #id	                id选择器	
    //.class	            类选择器

    // keydown	             键盘按下的事件	
    //keyup	                 键盘抬起事件
    // bind	                 绑定事件
    //	keypress	         按下可打印字符的时候事件
    // toggle	             鼠标连续点击事件	
    //fadeOut	             元素的淡出
    // fadeIn	             元素的淡入
    //	slideDown	         高度变化
    // slideUp	             改变元素的高度
    //	mouseout	         鼠标指针移出事件
    // mouseenter	         鼠标指针进入事件
    //	mouseover	         鼠标指针移过事件
    // [fn]	                 处理函数
    //	[type]	             时间类型

    // html()	         用于获取第一个匹配元素的HTML内容或文本内容	html(content)	用于设置所有匹配元素的HTML内容或文本内容
    // text()	         用于获取所有匹配元素的文本内容
    //	text(content)	 用于设置所有匹配元素的文本内容
    // element           以DOM元素来创建jQuery对象	
    //selector           使用jQuery选择器匹配元素
    // html	             使用HTML字符串创建jQuery对象	
    //before             给元素外部的前面插入节点
    // remove            删除节点
    //	empty            删除节点
    // toggleclass	     切换样式toggleclass	
    //replacewith	     替换节点
    // hasClass	         判断是否有该样式
    //	removeClass	     移出样式
    // append	         给最后插入节点
    //	prepend	         在元素的内部前面插入节点
    // removeAttr	     删除属性	
    //after	             给元素外部的后面插入节点
    // children	         获取子节点	
    //parent	         获取父辈元素
    // parents	         获取祖先元素	
    //each	             遍历节点

    // text	                 选取所有的单行文本框	
    //paaword	             获取所有的密码框
    // radio	             获取所有的单选按钮
    //	checkbox             获取所有的复选框
    // submit	             获取所有的提交按钮
    //	image	             获取所有的图像标签
    // reset	             获取所有的重置按钮	
    //file	                 获取所有的文件域
    // button	             获取所有的按钮
    //	hidden	             获取所有的隐藏域
    // enabled	             匹配所有的可用元素
    //	disabled             匹配所有不可用的元素
    // checked	             匹配所有被选中的元素	
    //selected	             匹配所有的元素
    // indexof()             在字符串中查找指定的字符
    //	isnan	             判断该字符串是否是数字
    // blur()	             光标失去焦点的方法
    //	foucs()	             光标聚焦
    // select()	             选中表单中的文本	
    //g	           全局匹配
    // i	       不区分大小写	
    ///……/	       表达式的开始和结束
    // m	       换行匹配	
    //^	           字符串的开始
    // {n}	       匹配n次
    //	$	       字符串的结尾
    // {n,}	       n次或者多次	
    //\s	       任何空白字符
    // {n,m}       至少n次,但是不能超过m次
    //	\S	       任何非空白字符
    // *	       0次或者多次
    //	\d	       匹配一个数字字符
    // +	       1次或者多次	
    //\D	       匹配一个非数字字符
    // ?	       0次或者1次	
    //\w	       数字、下划线、字母
    // .	       除了换行符以外的任意字符	\W	除了数字下划线和字母以外的
</script>

<script>
    //     Vue单词大全
    //      vue:(view)        视图,视觉;
    //      message:          消息;
    //      item:             项目;
    //      in:               在...里面;在(某范围或空间内的)某一点;在(某物的形体或范围)中;在…内;在…中;进入;
    //      counter:          计数器;柜台;对立面;
    //      el:(element)      (计算计)挂载元素;Vue实例挂载的元素节点;
    //      data:             数据;
    //      methods:          方法,方法论;
    //      add:              添加;
    //      reduce:           减少;
    //      funciton:         函数;
    //      say:              说,谈,谈论;
    //      alert:            警报;向…报警;使警觉;使警惕;使戒备;使意识到;使认识到;
    //      value:            值;
    //      test:             测试;
    //      cloak:            掩盖;(尤指旧时的)披风,斗篷;遮盖物;


    //  生命周期
    //    beforeCreate      ( 创建前 )
    //    created           ( 创建后 ) 
    //    beforeMount       ( 挂载前)
    //    Mounted           ( 挂载后) 
    //    beforeUpdate        更新前
    //    updated             更新后
    //    beforeDestroy       销毁前执行
    //    destroyed           销毁后




    //      //vue模板语法中的插值操作6种基础指令
    //      {{}}:mustache      模板的表达式,频繁用于绑定数据直接显示在页面;
    //      v-once:            该指令表示元素和组件(组件后面才会学习)只渲染一次,不会随着数据的改变而改变;
    //      v-html:            此指令用于解析数据中的html代码并渲染;
    //      v-text:v-text      作用和Mustache比较相似:都是用于将数据显示界面中,但v-text是直接替换标签中的内容,而mustache语法可以加其它内容;
    //      v-pre:             仅标签内的内容原封不动的显示,不解析;
    //      v-cloak:1,        在没完成vue解析之前,div中有一个属性v-cloak 2,在完成vue解析之后,div中没有一个属性v-cloak,此属性被删除 根据v-cloak的特性,可以用属性选择器控制元素解析前的样式;
    //      v-bind:            动态绑定属性,缩写为":";
    //      current:           当前的;现时发生的;现在的;通用的;流通的;流行的;(海洋或江河的)水流;气流;电流;思潮;潮流;趋向;
    //      index:             索引;
    //      click:             点击;
    //      final:             最终的;最后的;(指结果)最终的;决定性的;不可改变的;决赛;大学毕业考试;期终结业考试;期终考试;
    //      get:               获取;得到;拿到;取得;夺取;
    //      computed:          (计算机)计算属性;
    //      base:              基础;根基;基底;底座;根据;出发点;以…为据点(或总部等);
    //      total:             总数;总的;总计的;全体的;全部的;彻底的;完全的;总额;合计;总计;总数达;共计;把…加起来;计算…的总和;彻底毁坏(汽车)
    //      price:             价格;
    //      full:              充满;完全;丰富;(关于某事物)想得很多,谈得很多;直接地;径直地
    //      button:            按钮;
    //      var btns = document.getElementsByTagName("button"); //通过标签名取得一个相同标签名形成的元素数组
    //      btns[i].addEventListener("click", function () { 代码块 }); //元素添加事件监听,点击动作,绑定事件
    //      v-on:              绑定事件监听器,缩写为"@"
    //      //六种v-on修饰符
    //      @click.stop = "btnClick" //调用event.stopPropagation() 停止冒泡
    //      @click.prevent="submitClick" //调用event.preventDefault() 阻止默认行为
    //      @click.native="change" //监听组件根元素的原生事件
    //      @click.once="change_up" //只触发一次回调语句,一次性的
    //      @keyup.{keyCode | keyAlias} (键码或键简写) = "keyX" //只当事件是从特定键触发回调



    //      /* 1.字母和数字键的键码值(keyCode)
    //      A-- - 65; B-- - 66; C-- - 67; D-- - 68; E-- - 69; F-- - 70; G-- - 71; H-- - 72; I-- - 73; J-- - 74; K-- - 75; L-- - 76; M-- - 77; N-- - 78;
    //      O-- - 79; P-- - 80; Q-- - 81; R-- - 82; S-- - 83; T-- - 84; U-- - 85; V-- - 86; W-- - 87; S-- - 83; Y-- - 89; Z-- - 90;
    //      0-- - 48; 1-- - 49; 2-- - 50; 3-- - 51; 4-- - 52; 5-- - 53; 6-- - 54; 7-- - 55; 8-- - 56; 9-- - 57;



    //      2.数字键盘上的键的键码值(keyCode)
    //      0-- - 96; 1-- - 97; 2-- - 98; 3-- - 99; 4-- - 100; 5-- - 101; 6-- - 102; 7-- - 103; 8-- - 104; 9-- - 105;
    //      * --- 106; +--- 107; ENTER-- - 108; - --- 109; .--- 110; / ---111;
    //      F1-- - 112; F2-- - 113; F3-- - 114; F4-- - 115; F5-- - 116; F6-- - 117; F7-- - 118; F8-- - 119; F9-- - 120; F10-- - 121; F11-- - 122; F12-- - 123;


    //      3.控制键键码值(keyCode)
    //      Backspace-- - 8; Tab-- - 9; Clear-- - 12; Enter-- - 13; Shift-- - 16; Control-- - 17; Alt-- - 18; Cape Lock-- - 20; Esc-- - 27;
    //      Spacebar-- - 32; Page Up-- - 33; Page Down-- - 34; End-- - 35; Home-- - 36; Left Arrow-- - 37; Up Arrow-- - 38;
    //      Right Arrow-- - 39; Dw Arrow-- - 40; Insert-- - 45; Delete-- - 46; Num Lock-- - 144;
    //      ;: --- 186; =+ --- 187; ,< --- 188; -_-- - 189;.> --- 190; /?---191;`~---192;[{---219;|---220;]}---221;'"---222;


    //      3.多媒体键码值(keyCode)
    //      音量加-- - 175;
    //      音量减-- - 174;
    //      停止-- - 179;
    //      静音-- - 173;
    //      浏览器-- - 172;
    //      邮件-- - 180;
    //      搜索-- - 170;
    //      收藏-- - 171;



    //      4,Event 对象
    //      鼠标 / 键盘属性
    //      属性 描述
    //      altKey         返回当事件被触发时,"ALT" 是否被按下。
    //      button         返回当事件被触发时,哪个鼠标按钮被点击。
    //      clientX        返回当事件被触发时,鼠标指针的水平坐标。
    //      clientY        返回当事件被触发时,鼠标指针的垂直坐标。
    //      ctrlKey        返回当事件被触发时,"CTRL" 键是否被按下。
    //      metaKey        返回当事件被触发时,"meta" 键是否被按下。
    //      relatedTarget  返回与事件的目标节点相关的节点。
    //      screenX        返回当某个事件被触发时,鼠标指针的水平坐标。
    //      screenY        返回当某个事件被触发时,鼠标指针的垂直坐标。
    //      shiftKey       返回当事件被触发时,"SHIFT" 键是否被按下。
    //      x              返回当事件被触发时,鼠标指针在当前元素的坐标系中的水平坐标。
    //      y              返回当事件被触发时,鼠标指针在当前元素的坐标系中的垂直坐标。
    //      */



    //      v-if: v-if后面的条件为false时,对应的元素以及其子元素不会渲染,也就是根本不会有对应的标签出现在DOM中;
    //      v-else-if: 当v-if的条件不符合时,而v-else-if的条件为true,则对应的元素以及其子元素会渲染,反之,当v-if的条件不符合时,v-else-if的条件为false,DOM中不会有对应的标签,对应的元素以及其子元素也不会渲染;
    //      v-else: 当v-if与所有的v-else-if的条件都不符合时,其它情况出现时,对应的元素以及其子元素就会渲染,反之,DOM中不会有对应的标签,对应的元素以及其子元素也不会渲染;
    //      :key="key1" :key属性为每个节点的唯一标识;官方推荐编程时使用v-for时,应给对应的元素或组件添加上一个:key属性,以此高效的更新虚拟DOM;
    //      //那些方法是响应式的,执行时返回值将直接替换原属性值
    //      arr.push(str1) //响应式,数组末尾添加元素
    //      arr[0]="字符串" //不是响应式,通过索引修改数组中的元素
    //      arr.pop() //响应式,数组末尾删除元素
    //      arr.shift() //响应式,首位删除
    //      arr.unshift() //响应式,首位添加多个元素
    //      arr.splice(start,delNumber,tag1...) //响应式,数组删除元素/插入元素/替换元素
    //      arr.sort() //响应式,数组有序排列
    //      arr.reverse() //响应式,数组反序
    //      Vue.set(arr,0,"字符串") //响应式,通过Vue对象的set方法修改数组中的元素
    //      ...n :           剩余参数,n是用于存放参数的数组;
    //      sum:             太阳,阳光;
    //      length:          长度;
    //      increment:       增长;
    //      decrement:       减量,消耗;
    //      remove:          移除,去除,消除;
    //      id:              身份证件,本我;
    //      name:            名字,名称;
    //      date:            日期;
    //      count:           数量;
    //      spacing:         间隙,间距;
    //      arr.filter(function (n) { return n<10;}) //过滤函数(高阶函数);
    //      arr.map(function (n) { return n * 2; }); //映射函数(高阶函数)
    //      arr.reduce(function (preValue, n) { return preValue + n; }, 0); //汇总函数(高阶函数)
    //      v-model:使用v-model指令来实现表单元素和数据的双向绑定;v-model相当于两条指令:1,v-bind绑定一个value属性 2,v-on指令给当前元素绑定input事件;
    //      <input type="text" :value="message" @input="valueChange">
    //      {{message}}
    //      <input type="text" v-model="message"><!-- v-model双向绑定 -->
    //      {{message}}
    //      valueChange(event) {
    //      /* 把最新的value赋值给message */
    //      this.message = event.target.value; }
    //      sex:     性别;
    //      female:  女性;
    //      male:    男性;
    //      agree:   同意;
    //      hobbies: 爱好;喜好;
    //      fruit:   水果;
    //      selects: 选择(复数);
    //      origin:  起源;
    //      number:  数字,数量,号码;
    //      trim:    修剪;修整;切去,割掉,剪下;
    //      watch:   监听,观察,看;
    //      filters:{} //过滤器
    //      constructor:构造器;
    //      component:组件;
    //      components:组件(复数);
    //      extend:  继承,延伸;
    //      template:模板;
    //      const cpn1 = Vue.extend({ template:"dom" }); //创建组件构造器
    //      Vue.component("cpn1",cpn1); //注册组件
    //      <template id="cpn2"> dom </template> //使用template模板标签创建模板
    //      Vue.component("cpn2", { template:"#cpn2" }); //注册组件
    //      parse:   解析;
    //      float:   浮动;
    //      props:   接收属性;
    //      @emit:   发射属性;
    //      languages:语言(复数);
    //      flag:    旗帜,标志旗,信号旗;
    //      module:  模块,模块化;
    //      bundle:(一)捆,包,扎;一批(同类事物或出售的货品);;
    //      module.exports={flag=true, test(a,b){ return a+b; }, demo(a,b){ return a+b; } } //导出属性及属性值
    //      let {test,demo,flag}=require("moduleA"); //导入属性及属性值
    //      person:  人类,人;
    //      default: 默认;系统设定值;预置值;
    //      author:  作者;
    //      as:      作为;当作;像;如同;(比较时用)像…一样,如同;(指事情以同样的方式发生)和…一样;当…时;随着;照…方式;因为;由于;
    //      like:    喜爱;
    //      love:    爱,真爱;
    //      //webpack工具
    //      install: 安装;
    //      save:    保存,节省,节约;
    //      loader:  装载机;
    //      config:  配置;
    //      run:     运行,跪;
    //      build:   建造,构造,搭建;
    //      npm:     (计算机)node.js下一个常用工具包;
    //      less:    更少,极少;
    //      CLI:(Vue Command-Line Interface) 翻译为Vue命令行界面,俗称脚手架;
    //      npm install -g @vue/cli //全局安装最新版vue脚手架
    //      VueCLI2初始化项目 :'vue init webpack my_project'; VueCLI3初始化项目 :'vue create my_project';
    //      render:提供,使变得,给予;
    //      npm run dev //运行程序
    //      'node init':初始化node.js,生成node_modules文件夹; 'npm uninstall webpack -g':删除全局的webpack;
    //      'npm install webpack@3.6.0 -g' :全局安装webpack打包工具;
    //      'npm install webpack --save-dev -g' :全局安装最新版webpack打包工具;
    //      'npm config set registry https://registry.npm.taobao.org'&'npm info underscore':npm设置为连接国内镜像;
    //      'npm install -g @vue/cli':全局安装vuecLI脚手架;
    //      'npm install @vue/cli-init -g':安装vueCLI版本切换器;
    //      'vue init webpack my_project':VueCLI2初始化项目;
    //      'vue create my_project':VueCLI3初始化项目;
    //      'node my_file':直接运行文件;
    //      'npm run my_script':运行脚本;
    //      'npm run dev':程序开始运行(cli2);
    //      'npm run serve':程序开始运行(cli3);
    //      'vue ui':可视化项目管理器(本地服务器);
    //      /* webpack命令行 */;
    //      'npm install --save-dev vue-loader vue-template-compiler':安装.vue文件编译和加载到dom插件(vue-loader版本应为13.x);
    //      /* vuex命令行 */;
    //      'npm install vuex --save':安装最新版vuex插件运行时使用;
    //      'vue create my_project':VueCLI3初始化并创建项目;
    //      'cd my_project':选中我的项目;
    //      'npm run serve':运行我的项目;
    //      'npm install vue-router --save':安装路由;
    //      //


    //      router:     路由;
    //      reference:  参考;
    //      state:      州,国家,状况,情况;
    //      history:    历史;
    //      replace:    替换;
    //      promise:    承诺;答应;保证;使很可能;预示;许诺;
    //      resolve:    决心;决定;作出决定;作出决议;表决;解决(问题或困难);决心;坚定的信念;
    //      reject:     拒绝,拒绝接受;不予考虑;拒收;不录用;拒绝接纳;(因质量差)不用,不出售,不出版;
    //      then:       然后;(指过去)当时,那时;(指将来)到那时,届时;接着;其后;后来;那么;因此;既然如此
    //      err:        犯错误;做错事;出差错;
    //      new Promise((resolve, reject) => { $ajax({ url: "url1", success: function (data1) { resolve(data1); } }); })
    //      pending:    等待;
    //      fulfill:    满足状态;
    //      reject:     拒绝;
    //      //Vuex      有五个比较核心的概念:
    //      1,State :  数据(根据单一状态树的说法一般只有一个State);
    //      2,Getters : 计算属性;
    //      3,Mutation :方法(State更新方法和普通方法);
    //      4,Action :  异步操作;
    //      5,Module :  模块化数据管理;




    //      vue-axios:vue轴心(网络请求);
    //      const axios =axios.create({ }); //axios的实例
    //      common:    常见的;通常的;普遍的;共有的;共享的;共同的;普通的;平常的;寻常的;平凡的;
    //      assets:    资产;
    //      network:   网络;网状系统;关系网;人际网;相互关系(或配合)的系统;(互联)网络;将…连接成网络;联播;建立工作关系;
    //      views:     意见;
    //      :;
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值