- 博客(37)
- 收藏
- 关注
RSS订阅原创 VUE常用命令
v-if和v-show有同样的效果，不同在于v-if是重新渲染，而v-show使用display属性来控制显示隐藏。频繁切换的话使用v-show减少渲染带来的开销。是用可以将标签内的属性值解析成js代码，在标签的属性中使用v-bind，双引号里的内容会被当作js解析（只能解析变量或三元表达式）说明一下：v-if可以单独使用，而v-else-if,v-else必须与v-if组合使用。v-show接受一个表达式或一个布尔值。v-for可用来遍历数组、对象、字符串。是渲染字符串，会覆盖原先的字符串。
2022-10-05 19:30:09
314
原创 VUEwatch和computed的区别（建议收藏）
1. 具有缓存性，页面重新渲染值不变化,计算属性会立即返回之前的计算结果，而不必再次执行函数。2.计算属性计算某一个属性得变化,如果某一个值改变了，计算属性会见监听到进行返回。2. 无缓存性，只有当当前值发生变化时才会执行/响应。1. 监听值的变化，执行异步操作【axios请求】watch和computed的区别。
2022-09-23 17:18:09
142
原创 VUEcomputed（计算属性）
我们希望一个变量是经过某种计算然后输出而不是直接输出的时候可以使用到计算属性 计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。而每次调用函数都会导致函数的重新执行。计算属性 有依赖关系的数据。
2022-09-23 17:17:10
94
原创 VUE监听器（建议收藏）
虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，使用监听器是最有用的。或开销较大的操作时，这个方式是最有用的。
2022-09-23 17:16:06
1390
原创 VUE表单详解
它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。使用v-model绑定了值， 那么name属性就可以不用写了。可以用 v-model 指令在表单。
2022-09-23 17:14:30
285
原创 ES6 async异步函数（建议收藏）
async/await的目的为了简化使用基于promise的API时所需的语法。async函数一定会返回一个promise对象。如果一个async函数的返回值看起来不是promise，那么它将会被隐式地包装在一个promise中。async函数是使用async关键字声明的函数。async函数是AsyncFunction构造函数的实例， 并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。
2022-09-16 17:13:27
192
原创 ES6 MAP最详细解析 新手入门建议收藏
Map类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。Map 可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。
2022-09-16 17:05:46
118
原创 ES6迭代器入门教程（菜鸟级别）
Iterator 的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；方法,第一次调用将指针指向数据结构的第一个成员，依次调用依次指向，直到没有成员可以指向，done为true。第一次调用指针对象的next方法，指向数据结构的第一个成员；第二次调用指针对象的next方法，指向数据结构的第二个成员;第一次调用指针对象的next方法，可以将指针指向数据结构的第一个成员。第二次调用指针对象的next方法，指针就指向数据结构的第二个成员。不断调用指针对象的next方法，直到它指向数据结构的结束位置。
2022-09-16 16:56:41
143
原创 ES6新增symbol详解与作用 继承（建议收藏）
Symbol() 不同的是，用 Symbol.for() 方法创建的的 symbol 会被放入一个全局 symbol 注册表中。Symbol.for() 并不是每次都会创建一个新的 symbol，它会首先检查给定的 key（symbol.for的括号里的值） 是否已经在注册表中了。否则，它会再新建一个。静态属性和静态方法是定义在类【构造函数】上的，所以可以通过类【构造函数】直接访问。//p1去调用sayName，自身有访问自身，自身没有访问构造函数原型对象，构造函数原型对象没有去找父构造函数。
2022-09-15 15:39:56
144
原创 Swagger Ui使用介绍（建议收藏)
swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。总体目标是使客户端和文件系统作为服务器以同样的速度来更新。文件的方法，参数和模型紧密集成到服务器端的代码，允许API来始终保持同步。作用：1.接口文档自动在线生成。2.功能测试。Swagger是一组开源项目，其中主要项目如下：1.Swagger-tools：提供各种与Swagger进行集成和交互的工具。例如模式检验、Swagger1.2文档转换成Swagger2.0文档等功能。
2022-09-05 11:00:51
2825
1
原创 与服务器端实时通讯（订单物流位置一类）
推送，任务完成后服务器推送一下，浏览器只接受，websocket实时的，长连接。可以使用轮询，间歇调用内执行请求。
2022-09-01 19:10:20
183
原创 WebSocket协议详解（建议收藏！）
的协议，websocket协议使得客户端和服务器之间的联系变得更加简单，允许服务器端主动向客户端发送消息。使用webscoket可以在客户端和服务器之间建立一个非HTTP的双向链接，这个链接是实时的也是永久的，除非被手动关闭！WebSocket 是H5开始提供的一种在。服务器可以随时将消息传送到客户端。
2022-09-01 19:06:23
911
原创 jQuery基础（菜鸟教程，建议收藏不然怕你后悔！）
jQuery是一个Javascript库，是对于ECMAScript、dom、bom的一个浅封装，让用户更方便操作。jQuery功能： 使用CSS选择器进行元素查询 事件机制 Dom操作 属性操作 工具方法 Ajax 我们将会从以上几个点展开讲述HTMLCSSJavaScriptjQuery库包含**以下功能：**HTML选取HTML元素操作CSS操作HTML事件函数JavaScript特效和函数HTML DOM遍历和修改AJAX。...
2022-08-26 19:54:18
18269
1
原创 什么是AJAX？（AJAX入门详解，建议收藏）
AJAX即“Asynchronous Javascript And XML”（异步的JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构，AJAX应用的主要特点是使用脚本操纵HTTP和Web服务器进行数据交换，不会导致页面重载。...
2022-08-25 20:04:04
1773
原创 BOM基础教程解析！菜鸟必看，建议收藏
虽然 ECMAScript 把浏览器对象模型（BOM，Browser Object Model）描述为JavaScript 的核心，但实际上 BOM 是使用 JavaScript 开发 Web 应用程序的核心。BOM 提供了与网页无关的浏览器功能对象。多年来，BOM 是在缺乏规范的背景下发展起来的，因此既充满乐趣又问题多多。毕竟，浏览器开发商都按照自己的意愿来为它添砖加瓦。最终，浏览器实现之间共通的部分成为了事实标准，为 Web 开发提供了浏览器间互操作的基础。...
2022-08-25 19:59:02
424
原创 DOM事件机制详解及案例（建议收藏！！）
这个对象包含了一些基本信息，比如导致事件的元素、发生的事件类型，以及可能与特定事件相关的任何其他数据。例如，鼠标操作导致的事件会生成鼠标位置信息，而键盘操作导致的事件会生成与被按下的键有关的信息。事件处理程序的名字以"on"开头，因此 click 事件的处理程序叫作 onclick，而 load 事件的处理程序叫作 onload。事件捕获的意思是最不具体的节点应该最先收到事件，而最具体的节点应该最后收到事件。也就是：利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作。
2022-08-25 11:07:34
358
原创 什么是DOM（超详细解释，建议收藏！！！）
元素节点表示 HTML 元素，属性节点表示属性，文档类型节点表示文档类型，注释节点表示注释。insertBefore方法接受两个参数，第一个参数是所要插入的节点newNode，第二个参数是父节点parentNode内部的一个子节点referenceNode。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。对于一个节点来说，它的父节点只可能是三种类型：元素节点(element)、文档节点(document)和文档片段节点(documentfragment)
2022-08-24 10:56:07
58340
7
原创 js数组迭代法方法重构全 ！！建议收藏（pop()、push()、shift()、unshift()、reverse()、sort()、forEach()、every()、some()等方法）
js数组迭代方法重构
2022-08-18 10:29:20
158
原创 JS作用域菜鸟教程（）新手必看
ES5中函数作用域： 在 JavaScript函数中声明的变量，会成为函数的局部变量。函数内部声明的变量，在函数外部不能访问。全局作用域：函数之外声明的变量，会成为全局变量。函数外部声明的变量，在函数内部可以访问。当函数嵌套，在这个时候，内部函数与外部函数的这个变量就组成了闭包。作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。...
2022-08-15 10:25:53
80
原创 JS函数IIFE基础教程（菜鸟必看）
IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。页面加载完成后只执行一次的设置函数。将设置函数中的变量包裹在局部作用域中，不会泄露成全局变量。函数的声明和IIFE的区别在于，在函数的声明中，我们首先看到的是function关键字，而IIFE我们首先看到的是左边的（。也就是说，使用一对（）将函数的声明括起来，使得JS编译器不再认为这是一个函数声明，而是一个IIFE，即需要立刻执行声明的函数。...
2022-08-15 10:06:13
288
原创 JS ES5 函数菜鸟教程（不看后悔系列）
函数允许我们封装一系列代码来完成特定任务。当想要完成某一任务时，只需要调用相应的代码即可。方法（method）一般为定义在对象中的函数。JavaScript 使用关键字定义函数。函数可以通过声明定义，也可以是一个表达式。函数的作用：功能的封装，直接调用，代码复用率提高构建对象的模板（构造函数）函数实际上是对象，每个函数都是Function类型的实例，并且都与其他引用类型一样具有属性和方法，由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。...
2022-08-15 09:46:44
1595
原创 css盒模型（一看就会）
2.1连写(同时设置四条边的边框)border边框的宽度边框的样式边框的颜色;注意点1.这三个属性的取值是按照顺时针来赋值,也就是按照上右下左来赋值,而不是按照日常生活中的上下左右2.这三个属性的取值省略时的规律2.1上右下左>上右下-左边的取值和右边的一样2.2上右下左>上右-左边的取值和右边的一样下边的取值和上边一样2.3上右下左>上-右下左边取值和上边一样。padding-bottom;...
2022-07-22 17:01:18
437
原创 HTML标签汇总
h标签标题标签在HTML中，一共有六级标题标签h1~h6在显示效果上，h1最大，h6最小，但是文字的大小我们并不关心6级标题中，h1的最总要，表示一个网页中的主要内容，h2~h6重要性依次降低，对于搜索引擎来说，h1的重要性仅仅次于title，搜索引擎检索完title会立即查看h1中的内容h1标签非常重要，它会影响到页面在搜索引擎中的排名，一个页面最好只写一个h1标签一般的页面中，我们只使用h1h2h3，其他的基本不用。2.如何和HTML中的标签绑定一个独一无二的身份证号码呢?...
2022-07-19 19:57:13
78
原创 HTML基础标签（菜鸟一看就会）
h标签标题标签在HTML中，一共有六级标题标签h1~h6在显示效果上，h1最大，h6最小，但是文字的大小我们并不关心6级标题中，h1的最总要，表示一个网页中的主要内容，h2~h6重要性依次降低，对于搜索引擎来说，h1的重要性仅仅次于title，搜索引擎检索完title会立即查看h1中的内容h1标签非常重要，它会影响到页面在搜索引擎中的排名，一个页面最好只写一个h1标签一般的页面中，我们只使用h1h2h3，其他的基本不用。2.如何和HTML中的标签绑定一个独一无二的身份证号码呢?...
2022-07-19 19:54:28
492
原创 HTML语法新手上路（最全详解）
元素html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address...HTML标签都拥有自己的属性，属性应该出现在元素的开始标签内部，属性名和属性值通过"="分割，属性与属性之间通过空格分割，属性名不区分大小写，属性值区分大小写并且属性值可以使用双引号引起来。元素span、a、img、strong、b、i、em、sub、sup...双标签元素，由开始标签和结束标签组成。...
2022-07-19 19:52:00
161
原创 HTML？都22年了你还“假了解”？最全HTML介绍与初步搭建教程你去哪里找？
可用于编写HTML的编译工具有很多记事本特点无代码提示、无代码高亮显示、用户界面不友好；Sublime（推荐）特点运行速度快、代码提示、高亮显示、插件拓展、html插件emmet、sublimetext3安装emmet插件；VSCode（推荐）特点丰富的插件支持、可进行git管理；Idea特点集成开发工具、类似DW,node,npm...运行速度较慢；...
2022-07-19 15:22:14
70
原创 什么是HTML？什么是CSS？(零基础菜鸟入门)
浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。⑥HTML52014年10月，HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。3.平台无关性虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。2.2CSS样式是表现。...
2022-07-19 15:02:45
506
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人