Pwenyang-CSDN博客

原创 Vue复习笔记

Vue简介1.Vue.js是用于构建交互式的 Web 界面的库。2.它提供了 MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的API。从技术上讲，Vue.js集中在MVVM模式上的视图模型层,并通过双向数据绑定连接视图和模型。3.实际的DOM操作和输出格式被抽象出来成指令和过滤器。相比其它的MVVM 框架,Vue.js 更容易上手。4.Vue.js是一个用于创建Web交互界面的库。它让你通过简单而灵活的API创建由数据驱动的UI组件。5.内核生成：Es6和

2023-03-05 19:55:15 115

原创 Vue项目文件名详解

项目创建成功后，就会显示各种各样的自带文件夹然后第一个node_modules文件夹里安装的都是依赖包public文件夹里存放的都是公共的静态资源 src文件夹里的assets文件夹一般存放的都是静态资源，例如：图片，图标等src文件夹里的components文件夹里存放的都是公共组件。如页眉，页脚，广告，网格或任何自定义控件之类的示例，如样式化的文本框或按钮。可以在视图内部访问一个或多个组件，但是自己写项目时不需要它自带的公共组件，需要我们自己重新创建，所以在写项目之前

2023-03-05 19:49:20 373

原创 key属性的作用

我这里用index变量，根据列表渲染的规则，它实际上对应了数组中每个元素的索引，这样做的好处是它可以使得每个元素的key值都不同，这是很重要的，如果我们要利用key属性的优点，必须保证同一父元素的所有子元素有不同的key属性。这里如果text发生改变，整个元素会发生更新，因为当text改变时，这个元素的key属性就发生了改变，在渲染更新时，Vue会认为这里新产生了一个元素，而老的元素由于key不存在了，所以会被删除，从而触发了过渡。以此类推，最后新增一个元素，内容为9。

2022-11-28 00:21:33 195

原创 v-model修饰符

当用户使用v-model之后，用户每次修改输入内容，都会将后台的数据同时绑定，为了避免这种情况的发生，使用lazy修饰符来进行限定。只有当用户的input中失去焦点或者用户点击回车按钮时，才会将后台的数据进行修改。当用户在input中输入数字时，浏览器会默认将输入的数字转化为string类型，使用number修饰符来将输入的数字转为number类型。用户可能输入的字符串中含有空格，这样系统在处理时可能会出现错误。使用trim修饰符来去掉字符串首部或者尾部的所有空格。2、number修饰符。

2022-11-28 00:19:59 605

原创事件修饰符

这里的修饰符".once"的作用是让默认阻止行为(.prevent)只生效一次，所以当我们第一次点击a链接的时候，浏览器控制台会输出"点击了a链接",但是页面不会跳转，当我们再次点击a链接的时候页面会跳转到百度页面，这就是".once"修饰符的作用。当点击按钮的时候，浏览器控制台除了会输出“点击了button”还会输出“点击了div”，这是因为button按钮是div里的元素节点，当你点击button的时候，事件会向上冒泡，触发包含它的父元素所定义的事件，这就是冒泡事件。还记得冒泡事件中触发的顺序吗？

2022-11-28 00:18:52 348

原创事件对象属性

e.target点击了哪个元素，就返回哪个元素；this哪个元素绑定了该事件就返回谁。e.target 返回的是触发事件的对象（元素）this返回的是绑定事件的对象（元素）1.e.target与this。

2022-11-28 00:16:48 63

原创 .数组侦听

从理论上说，修改一个数组的内容，比如修改数组中某个元素的值,或者给数组添加新的元素,都不会修改数组本身的地址。为此.Vue.is对数组做了特殊处理,使得使用标准的数组操作方法对数组所做的修改,都可以被侦听到。不要使用length属性来修改数组长度,而改用其他标准方法显示数组长度的变化。(解决方法:使用$set(()方法修改元素的值。2.如果使用了push()等标准的数组操作方法,那么可以被侦听到。3.如果直接修改数组的元素,那么无法被侦听到。1.彻底替换为一个新数组,那么可以被侦听到。

2022-11-28 00:16:01 45

原创模板字符串

只要最终可以得出一个值的就可以通过 ${} 注入到模板字符串中。模板字符串中，所有的空格、换行或缩进都会被保留在输出之中。模板字符串中，所有的空格、换行或缩进都会被保留在输出之中。在特殊字符前面加上转义字符 “ \ ” 即可。3..模板字符串与一般字符串的区别。2.输出 ` 和 \ 等特殊字符。1.模板字符串是什么。模板字符串的注意事项。

2022-11-28 00:14:12 722

原创 ES6-键值对

Set 集合中的元素只会出现一次，即Set集合中的元素是唯一的。每一个身份证号(键)都会对应一个人(值)。在Map对象中任何值(对象或者原始值)都可以作为一个键(任何数据类型)或一个值。每个键对应响应的值,当按下响应的键时,就会输出响应的结果。entries():返回Map对象中键/值对的数组。values():返回Map对象中值的数组。这里的手机号码(键),对应的接收用户就是值。new Map():创建新的Map对象。keys():返回Map对象中键的数组。set():为Map对象中的键设置值。

2022-11-28 00:04:37 337

原创 CDN概述

当用户访问网站时，利用全局负载技术，将用户的访问指向距离最近的缓存服务器上，由缓存服务器响应用户请求。CDN并不是只能缓存视频内容，它还可以对网站的静态资源（例如各类型图片、html、css、js等）进行分发，对移动应用APP的静态内容（例如安装包apk文件、APP内的图片视频等）进行分发。⑨、源服务器返回内容给缓存服务器，缓存服务器发给用户，并根据用户自定义的缓存策略，判断要不要把内容缓存到缓存服务器上。⑤、CDN负载均衡设备根据用户IP地址，以及用户请求的内容URL，选择一台用户所属区域的缓存服务器。

2022-11-27 23:58:38 133

原创 CMD命令操作

md d:\mp3 // 在C:\建立mp3文件夹 md d:\mp4 // 在D:\建立mp4文件夹 cd /d d:\mp4 // 更改当前目录为d:\mp4 pushd c:\mp3 // 将当前目录d:\mp4入栈，并切换当前目录为c:\mp3 popd // 将刚才保存的d:\mp4弹栈，并设置为当前目录。命令参数的路径：要使用反斜杠'\'，不要使用正斜杠'/' 如：del d:\test2\file\my.txt。例：cd /d d: // 进入上次d盘所在的目录（或在直接输入：d:）

2022-11-27 23:57:49 350

原创 MVVM模式

MVVM即模型-视图-视图模型。模型指的是后端传递的数据；视图指的是所看到的页面。视图模型是mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将模型转化成视图，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将视图转化成模型，即将所看到的页面转化成后端的数据。这两个方向都实现的，我们称之为数据的双向绑定。MVVM是Model-View-ViewModel的简写。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。

2022-11-27 23:53:55 81

原创生命周期笔记

每一个vue实例从创建到销毁的过程，就是这个vue实例的。在这个过程中，他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。将生成的真实DOM树，放置到某个元素位置，称之为。

2022-09-12 16:32:49 197

原创 JavaScript

（3）DOM：Document Object Model（文档对象模型），此处的文档暂且理解为html，html加载到浏览器的内存中，可以使用js的DOM技术对内存中的html节点进行修改，用户从浏览器看到的是js动态修改后的页面。（2）BOM：Brower Object Model（浏览器对象模型），主要是获取浏览器信息或操作浏览器的，例如：浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。（1）核心（ECMAScript）：这一部分主要是js的基本语法。

2022-09-04 17:43:54 112

原创 Node与npm的了解

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具，也是世界上最大的软件注册表，里面包含超过600000 个包的结构，能够使您轻松跟踪依赖项和版本。npm (全称Node PackageManager，即node包管理器)是Node.js默认的、以JavaScript编写的软件包管理系统npm来分享和使用代码已经成了前端的标配。i/o:input output 输入输出流正常情况下i/o的操作都是阻塞的(ajax同步是阻塞的)高并发特别好（非阻塞的i/o）.

2022-09-01 16:29:16 3697 1

原创 Web应用开发实战

什么是MVVM？MVVM，是Model-View-ViewModel的简写，是M-V-VM三部分组成。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，其中ViewModel将视图 UI 和业务逻辑分开，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。MVVM采用双向数据绑定，view中数据变化将自动反映到viewmodel上，反之，model中数据变化也将会自动展示在页面上。.........

2022-08-30 19:29:27 186

weixin_67557719的博客