小雨藏山-优快云博客

双向数据绑定主要用于给表单元素创建双向数据绑定。即：1.视图发生改变→数据发生对应的改变。即用户在视图（网页）上通过输入等操作，改变原数据。2.数据改变→视图发生对应的改变。即在js中的数据本身发生改变（不由视图层面的操作导致的），视图要显示出最新的数据。如：Vue的绑定方式Vue一般通过v-model指令进行双向数据绑定:1.视图发生改变→对应的数据发生改变：用户在输入框里输入的内容会被message变量接下来，改变了app.message的值。2.被改变的app.message同时也

2022-03-30 15:45:32 4920

原创 var，let和const

声明变量的三大关键字：varletconst三者的区别：1.var是在ES5中用于声明变量的关键字。var在局部环境中声明的是局部变量，在全局环境中声明的是全局变量（相当于不用var）。var a = 0; // 相当于 a = 0 ,在全局作用域下声明了一个变量a并赋值0。function fun(){ var a = 0; // 在fun函数作用域中声明了一个变量a并赋值；在函数外部无法访问，且与函数外部的变量a不为同一个变量，互不干扰。 console.log(a);}

2022-03-21 11:39:26 112

原创 Vue学习总结

Vue框架是什么？Vue源码主要实现了以下几个功能：1.通过DOM获取html元素：相当于document.querySelector()2.将想要显示出来的数据传递给对应的html元素Vue的使用方法：1.在标签中引入vue.js文件2.new Vue()实例化，传入el和data3.辅以vue指令的使用Vue的MVVM模型M-model：用于传入的数据，可自定义但多从服务器直接获取。V-view：在页面上显示出来的结果VM-view model：是model和view的中间桥梁，即

2022-03-14 10:37:44 1467

原创 AJAX简介

AJAX（Asynchronous Javascript And XML，异步JavaScript和XML），用于在客户端和服务器之间进行数据传输，从前使用的是XML语言格式，现多使用更简洁JSON作为替代。HTTP协议包括以下4个部分：AJAX的缺点：由于是异步js，所以当用户没有出现行为时，页面本身并没有对应的数据存在，因此浏览器爬虫是抓取不到这部分内容的。...

2022-01-21 10:00:22 414

原创 JSON简介

JSON（Javascript Object Notation）的作用：用于在不同的编程语言中进行数据交互由于JS中的对象在其他语言（如服务器语言Java、php等）中无法被读取，因此要使用JSON将其转化为可以被其他语言读取的形式，以达到在网页和服务器之间传递数据的作用。JSON只有两种书写格式：1.以对象的形式转化、传递数据：{ } // 以对象的形式传递数据时，属性名一定要加双引号2.以数组的形式转化、传递数据：[ ]JSON只能转化、传递以下6种类型的数据：1.字符串2.数值

2022-01-19 16:13:33 840

原创 JS内存问题：栈和堆

一、栈内存：专门用于保存全局变量/局部变量和基本数据类型的内存空间栈栈变量名基本数据类型的值变量名对象的地址值二、堆内存：专门用于保存对象的内存空间特点：只要是对象相关的信息，如对象的属性、方法，都保存在堆内存中，它不以全局变量或局部变量的形式存储在栈内存，所以我们访问或调用时需要用到（obj.属性名/方法）的语法。三、对比1.栈内存中保存的是基本数据类型值本身，当要保存的内容是一个对象时，栈只能保存对象的地址值，而不保存对象本身。2.堆内存中只保存对象，每个

2021-06-16 10:15:31 157

原创检测JS数据类型的方法

一、typeof语法：typeof + 数据返回值：数据类型的字符串形式二、instanceof：用于判断对象的具体类型，如Array，Function等语法：A instanceof B // A是否属于B类型的实例返回值：true / false例如：var a = [1,5,6,9,7];a instanceof Function // falsea instanceof Array // truea instanceof object // true三、使

2021-06-09 17:11:20 102

原创 js中判断一个对象是否存在

一、Boolean()方法用Boolean()方法可以将Js中的任意数据类型转为布尔值：二、用于判断xx是否存在js一般会自动执行Boolean()方法，我们可以借此判断某个对象在js当前的执行环境中知否存在。如：var x = 1; // x的数据类型为数值if (x) { // js自动将x转换为布尔值，对应的是true 代码 // x为true时if语句执行代码}又如，可以判断当前环境下某个对象是否存在。在为一个元素绑定了某个事件后，浏览器会在其对

2021-05-18 17:03:22 6496

原创三元运算符

作用：用于判断某个关系表达式为true or false，然后执行对应结果的代码（相当于if else逻辑）语法：关系表达式? 表达式1:表达式2 // 关系表达式结果为true执行表达式1，false执行表达式2例子：var a = 1;var b = 2;a>b? alert(a):alert(b); // 输出2...

2021-04-28 16:42:03 104

原创通过DOM属性/方法修改css样式

一、修改内联样式内联样式：html标签中style属性里设置的css样式，优先级高于css样式表里的样式。语法：元素节点.style.样式名 = '样式值'; 注意：由于在js中 ’ - ’ 表示减法运算符，因此background-color等属性需要以驼峰命名法的方式书写。二、修改css样式表中的样式语法：元素节点.currentStyle.属性名 = '属性值';注意：此语法适用于目前正在显示的css样式，不管是内联样式还是样式表样式。...

2021-04-26 15:37:42 897

原创 DOM增删改节点方法是否会修改原html代码的问题（汇总）

一、会对原代码产生修改的DOM增删改节点方法1.node.属性名= "属性值" // 不会在原代码中插入新的属性代码二、不会对原代码产生修改的DOM增删改节点方法1.node.createElement() // 在实际代码中插入一个新元素的代码2.node.setAttribute() // 会在原代码中插入新的属性代码2.node.removeAttribute() // 会删除在原代码中已有的属性代码...

2021-04-26 09:04:35 120

原创 innerHTML和innerText属性的区别

一、innerHTML：获得一个元素内部的所有内容，包括标签、文本代码<ul class="web-nav" id="gw"> <li><a href="#">公司官网</a></li> <li><a href="#">帮助中心&nbsp∨</a></li> <li><a href="#">旗下产品&nbsp∨</a></li>

2021-04-25 17:45:04 288

原创 document.querySelector() DOM方法详解

一、作用：可通过多种方法获取html元素语法：参数为字符串，要带上css选择器标识符document.querySelector('TagName') // 以标签名返回一个元素document.querySelector('#id') // 以id名返回一个元素document.querySelector('.className') // 以classs名返回一个元素document.querySelector('.className div') // 最后这

2021-04-25 17:25:14 2534

原创 insertBefore() DOM方法应用

作用：在指定子节点前插入另一个子节点语法：父节点.insertBefore('插入的子节点','指定原有子节点')由于是在指定的原有子节点前插入新的子节点，因此这个方法的调用者必须是一个父节点，因为所谓“原有的子节点”必须是相对父节点来说。如：<ul class="web-nav" id='gw'>  <li><a href="#">公司官网</a></li> <!-- 子节点

2021-04-25 17:00:19 417

原创构造函数

一、构造函数：专门用于创建对象的函数。二、声明一个构造函数：function 构造函数名() { // 构造函数名的第一个字母要大写属性名：属性值，属性名：属性值，方法名：方法（函数）}三、调用构造函数：创建一个对象实例new 构造函数名();四、构造函数的参数（一般不写）：以数组对象为例1.定义数组的值为a,bvar arr = new Array('a', 'b');console.log('数组的长度'+ arr.length);console.log('数组

2021-04-19 16:16:19 696 2

原创 javascript全局变量和局部变量详解

一、使用var 声明的是局部变量，在全局作用域中使用则与不用var一样会声明一个全局变量。var a = 1; function fun (){ var a = 2; console.log(a); } fun(); console.log(a);

2021-04-18 18:47:08 1044

原创回调函数是什么？附实际使用的例子

一、当a标签包含span标签时，为span设置css样式可正常生效html代码：<li><a href="#">你好，请登录 <a href="#"><span>免费注册</span></a></a></li>css代码：.users-menu li span { color:#f10215;二、当span标签包含a标签时，为a设置css样式无效...

2021-04-16 18:01:10 193

原创 Array对象的常用属性和方法

一、Array的常用属性：array.length特点：1.数组的长度是动态变化的，随着元素的删减而变动。2.修改数组的length属性可以从数组的最后一个元素开始删去超出length长度的元素。二、Array的常用方法（要注意各个方法是否改变原数组还是返回了一个新数组）1.数组排序：Array.sort()2.翻转数组：Array.reverse()3.数组元素合并成字符串：Array.join(‘分隔符’)4.合并两个数组：Array.concat()5.取出数组的某一部分：Arr

2021-04-16 17:53:06 572

原创对象和数组的联系和区别

一、对象字面量：{属性名1：属性值，属性名2：属性值，属性名3：属性值，}属性名（字符串）属性值name‘ellen’age18gender‘female’二、数组字面量：数组本质上也是对象，在js中，万物皆对象[元素1，元素2，元素3]索引（数字）值（任何数据类型）0661352‘ellen’3‘苹果’4[1,15,3,8,9,7]三、访问对象属性和数组元素1.访问对象的某个属性

2021-04-14 17:09:47 397

原创块状元素与内联元素嵌套规则

(1).块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其他的内联元素例：<div><h1></h1><p></p></div><a href="#"><span></span></a>(2).块级元素不能放在p元素里面例：<p><ol><li></li></ol></p>&lt

2021-04-14 16:39:58 125

原创 String对象的常用方法及例子

一、string.slice(索引号1，索引号2)：切割字符串切割的范围是从索引号1（包含）到索引号2（不包含）：var str = 'dhasdasdads';var newStr = str.slice(0,3);console.log(newStr); // 输出dha二、string.split(seperator)：将字符串拆分为字符串数组1.参数seperator可以是空字符，表示每个字母形成一个数组元素var str = 'dhasdasdads';var arr =

2021-04-02 16:08:29 534

原创互联网工作过程

在服务器端的浏览器上输入一串网址↓浏览器在DNS（域名系统服务器，里面存放着互联网中各个服务器的地址，像个电话簿）中找出网页存放的服务器的地址。需要注意，网页在DNS上是以其实际地址（IP地址）存放的，因此DNS还会将网址解析为IP地址然后再进行匹配。↓浏览器发送http请求要求一份网页的备份↓服务器同意客户端需求后，将网页文件以数据包的形式返回客户端浏览器...

2021-04-01 16:34:14 118

原创全局作用域中的变量名能和函数作用域中的变量名一样吗？

1.使用关键字var声明的变量，只能在其当前的作用域下存在（访问）：var a = 1;function() { var a = 2;}// 函数外面的那个a和函数里的a虽然变量名一样，但其实是两个变量，互相独立。函数内部的那个a只能在函数内部访问，如修改其值，对函数外的变量a没有影响。2.不使用关键字var声明的变量，仅表示引用。此时函数内部的变量a和函数外部的变量a是同一个，二者为引用关系（即函数作用域访问全局作用域中的变量）。var a = 1;function() { a =

2021-03-31 16:32:15 188

原创 i++和++i的区别

1.就自增本身而言，++i和i++是一样的，都是i=i+1，即i本身的值在原来的基础上加1。2.但当i++或++i作为一个运算结果（返回值）来说时，也就是 a=i++ 或者 a=++i 这样的形式，情况就不一样了，a的值会不同。a=i++：先把i的值赋予a，然后在执行i的自增（ i=i+1）；a=++i：先执行i的自增（i=i+1），然后把i自增后的值赋予a；举个例子来说，如果一开始i=4。那么执行a=i++这条语句之后，a=4，i=5；那么执行a=++i这条语句之后，i=5，a=5；同理，i–和-

2021-03-31 14:51:43 655

weixin_44844866的博客

原创 php和html的关系

原创 ajax：php数组数据类型

原创 v-model双向数据绑定