qq_43627109的博客

vue实例化的时候发生了什么

router与route区别

vue学习

什么是JavaScript？JavaScript是一门跨平台、面向对象的脚本语言，用来控制网页的行为，能使网页可交互。W3C标准：网页主要由三部分组成结构：HTML；表现：CSS；行为：JavaScript引入方式1、内部脚本：将JS代码定义在HTML页面中。2、外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中。基础语法书写语法1、区分大小写2、结尾的分号可有可无3、注释：单行注释、多行注释4、大括号代表代码块输出语句window.alert

1、Node.js 应用是由哪几部分组成的？①引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块。②创建服务器：服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。③接收请求与响应请求 服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据。...

1、获取内容和属性text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值attr() -用于获取属性值。eg：$("#btn1").click(function(){ alert("值为: " + $("#test").val());});$("button").click(fu...

1、基本语法基础语法： $(selector).action()实例：$(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有 <p> 元素$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素$("#test").hide() - 隐藏所有 id="test" 的元素方法：$(docum...

1、使用jQuery完成Ajax操作jQuery对Ajax操作进行了封装，在jQuery中最底层的方法时$.ajax()，第二层是load(),$get()，$post()，第三层是$.getScript()和$.getJSON()。2、load()方法:最简单和最常用能载入远程的HTML代码并插入到DOM中。结构：load(url[,data][,callback])参数：url：S...

1、数据格式提要从服务器端接收数据的时候，那些数据必须以浏览器能够理解的格式来发送。服务器端的编程语言只能以如下三种格式返回数据：XML、HTML、JSON2、解析HTMLHTML由一些普通文本组成，如果服务器通过XMLHttpRequest发送HTML，文本将存储在responseXML属性中。不必从responseXML属性中读取数据。他已经是希望的格式，可以直接将他插入到页面中。...

1、允许浏览器与服务器通信而无需刷新当前页面的技术都叫做Ajax。2、不用刷新整个页面便可与服务器通讯的办法：①Flash②Java applet③框架：如果使用一组框架构造了一个网页，可以只更新其中一个框架，而不必惊动整个页面。④隐藏的iframe⑤XMLHttprequest：该对象是对JavaScript的一个扩展，可使网页与服务器进行通信。是创建Ajax应用的最佳选择。实际上通...

1、冒泡：指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发。在开发中大部分情况冒泡都是有用的，如果不希望发生事件冒泡可以通过事件对象来取消冒泡。将事件对象的cancelBubble设置为true，即可取消冒泡。2、事件的委派：指将事件统一绑定给元素的共同的祖先元素，这样当后代元素上的事件被触发时，会一直冒泡到祖先元素，从而通过祖先元素的响应函数来处理事件。...

1、DOM简介节点：构成HTML文档最基本的单元。常用节点分为四类：文档节点：整个HTML文档元素节点：HTML文档中的HTML标签属性节点：元素的属性文本结点：HTML标签中的文本内容2、事件：用户和浏览器之间的交互行为。3、文档的加载onload事件会在整个页面加载完成之后才触发。为window绑定一个onload事件，该事件对应的响应函数将会在页面加载完成之后执行，这样就...

1、数组数组也是一个对象。不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素。索引： 从0开始的整数就是索引。数组的存储性能比普通对象要好。创建数组对象：var arr= new Array();向数组中添加元素：语法：数组[索引] = 值；读取数组中的元素：语法：数组[索引];如果读取不到，不会报错，会返回undefined。获...

1、函数函数也是一个对象。函数中可以封装一些功能，在需要时可以执行这些功能。使用typeof检查一个函数对象时，会返回function。封装到函数中的代码不会立即执行，需要函数的调用。调用函数： 语法： 函数对象（）函数声明创建函数语法 ：function 函数名（[形参1，形参2····形参n]）{ 语句···· }使用函数表达式来创建函数语法： ...

1、属性：在对象中保存的值向对象中添加属性：语法： 对象.属性名=属性值；读取对象中的属性：语法： 对象.属性名如果读取对象中没有的属性，不会报错而是会返回undefined修改对象的属性值：语法： 对象.属性名=新值删除对象的属性：语法： delete 对象.属性名如果要使用特殊的属性名，不能采用.的方式来操作。语法：对象[“属性名”]=属性值读取时也要使用这种...

1、查找HTML元素①通过 id 找到 HTML 元素查找 id=“intro” 元素var x=document.getElementById("intro");②通过标签名找到 HTML 元素查找 id=“main” 元素中的所有 元素var y=x.getElementsByTagName("p");③通过类名找到 HTML 元素通过 getElementsByClassNam...

1、函数定义函数声明的语法：function functionName(parameters) { 执行的代码}函数声明后不会立即执行，会在我们需要的时候调用到。分号是用来分隔可执行JavaScript语句。由于函数声明不是一个可执行语句，所以不以分号结束。函数提升：函数可以在声明之前调用，使用表达式定义函数时无法提升。自调用函数函数表达式可以 “自调用”。自调用...

1、保留关键字Javascript 的保留关键字不可以用作变量、标签或者函数名。详见菜鸟教程。2、this关键字面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。在方法中，this 表示该方法所属的对象。如果单独使用，this 表示全局对象。在函数中，this 表示全局对象。在函数中，在严格...

1、目标制作模板，最大化的将模板和数据分离。2、页面数三个页面必须要有并且名字不可变。main.htm 首页listcolumn.htm 列表页displayinfo.htm 文章页3、模板制作规则层级：面板 窗口 窗口内容同一个页面上不允许有重复的面板号和窗口号。可以在面板和窗口上增加样式，但窗口内容标签所在的div不要增加任何样式。面...

1、错误try 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。try 语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。JavaScript 语句 try 和 catch 是成对出现的。...

1、2、可以使用索引位置来访问字符串中的每个字符。可以在字符串中使用引号，字符串中的引号不要与字符串的引号相同，在字符串添加转义字符来使用引号。3、4、=== 为绝对相等，即数据类型与值都必须相等。5、原始值字符串，如 “John”, 没有属性和方法(因为他们不是对象)。原始值可以使用 JavaScript 的属性和方法，因为 JavaScript 在执行方法和属性时可以把原始值当作对...

1.单位像素px：长度单位。是我们在网页中使用的最多的一个单位。显示效果越好越清晰，像素就越小；反之，像素就越大。百分比%：可以将单位设置为一个百分比的形式，这样浏览器将会根据其父元素的样式来计算好处：当父元素的属性值发生变化，子元素也会按照比例发生改变。自适应页面经常使用百分比作为单位。em：-相对于当前元素的字体大小来计算的。1em=1font-size使用em...

⒈文本标签：①<em></em>和<strong></strong>em标签用于表示一段内容中的着重点。倾斜标记。表示语气上的强调。strong标签用于表示一个内容的重要性。加粗标记。表示强调的内容，比em更强烈。②<i></i>和<b></b>(没有语义)i标签：倾斜显示。b标签：加粗显示...

常用选择器：⒈元素选择器：通过元素选择器可以选择页面中的所有指定元素。语法：标签名{}⒉id选择器：通过元素的id属性值选中唯一的元素语法：#id属性值{}⒊类选择器：通过元素的class属性值选中一组元素语法：.class属性值{}说明：①为元素设置为class属性；class属性和id属性类似，但class属性可以重复② 拥有相同class属性值的元素，我们称他们为一组元素。...

1.内部样式表①可以将css样式编写到元素的style属性当中。将样式直接编写到style属性中，这样的样式成为内联样式。内联样式只对当前元素中的内容起作用，内联样式不方便复用。内联样式属于结构与表现耦合，不方便后期的维护。如： <p style="color:red;font-size:40px;">你好</p>②也可以将CSS样式编写到head中的s...

1.盒子模型：一个盒子由内容区、内边距、边框、外边距组成。使用width来设置盒子内容区的宽度使用height来设置盒子内容区的高度要为一个元素设置边框必须指定三个样式,三个样式缺一不可。大部分浏览器中，边框的宽度和颜色都是有默认值的，边框样式的默认值是noneborder-width：边框的宽度border-color：边框的颜色border-style：边框的样式❶bo...

1.高度塌陷当为子元素设置浮动以后，子元素会完全脱离文档流，这时会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。父元素的高度塌陷，会使父元素下的所有元素都向上移动，导致页面布局混乱。2.如何解决高度塌陷根据W3C的标准，在页面中元素都有一个隐含的属性叫做Block Formatting Context。简称BFC，该属性可以设置打开或关闭，通常情况下默认是关闭的。当...

1.定位：定位指的是将指定的元素摆放到页面的任意位置。通过定位可以任意的摆放元素。通过position属性来设置元素的定位。可选值：①static，默认值，元素没有开启定位。②relative，开启元素的相对定位。开启相对定位的特点：❶开启之后，若不设置偏移量，元素的位置不会发生任何变化。❷相对定位是相对于元素在文档流中原来的位置进行定位。❸相对定位的元素不会脱离文档流。❹相对...

<!doctype html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .btn:link{ /*将a转换为块元素*/ display:block; ...

1.表格：用来表示一些格式化的数据的，在网页中也可以创建不同的表格。在HTML中，使用table标签来创建一个表格。table是块元素。<tr></tr>：在table标签中使用tr来表示表格中的一行，有几行就有几个tr。<td></td>：在tr中需要使用td来创建一个单元格，有几个单元格就有几个td。<th></th&...

1、JS代码需要编写到script标签中<script type="text/javascript"></script>或者是编写到外部js文件中，通过script标签引入。script标签一旦用于引入外部文件，就不能编写内部代码了，就算编写也会被浏览器忽略，如果需要则可以创建一个新的script标签编写内部代码。<script type="text/ja...

1.CSS3边框圆角边框：border-radius例如：div{border:2px solid;border-radius:25px;}如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。但是，如果你要在四个角上一一指定，可以使用以下规则：①四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。②三个值: 第...

1、运算符（操作符）通过运算符可以对一个或多个值进行计算，并获取计算结果。算数运算符（ + - * / %）当对非Number类型的值进行运算时，会将这些值转换为Number在进行运算。任何值和NaN做运算都得NaN。——+：如果对两个字符串进行加法运算，则会做拼串。任何的值和字符串做加法运算，都先转换为字符串，然后再拼串。可以利用上述条件，来将任意的数据类型转换为S...

1.结构：HTML：描述页面的结构表现：CSS：控制页面中元素的样式行为：JavaScript：响应用户的操作2.①html根标签<html></html>一个页面中有且仅有一个根标签，网页中的所有内容都应该写到根标签中。②head子标签<head></head>设置网页标签头部信息，标签中的内容不会在网页中直接显示。帮助浏览器解析页面...