- 博客(23)
- 收藏
- 关注
RSS订阅原创 【无标题】
Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
2023-03-01 22:57:28
114
原创 vue创建项目
选择选项后会询问我们是否使用history模式，history模式是vue-router模式选择mode中的一种，这里详情可以看一下vue-router官方文档，这个选择个人感觉不大重要，后期可以自行设置更改的，更改配置可以参考Vue3项目切换(设置)路由模式，这里我一般选择N(否，不使用)接下来选择css预处理类型，这里看自己习惯使用什么，我这里选择的Sass/SCSS (with node-sass)，有时候也会使用Less，感觉差别不大，看个人爱好吧，另外两个不是很了解了。复制这段网址在浏览器打开。
2022-11-29 15:57:32
705
原创 v-model修饰符
其实这里绑定在文本框上的v-model只不过是语法糖而已，使用 value 属性和 input 事件完成了双向的绑定，文本框的值变化了我们就触发input事件改变我们绑定的值，而同时我们文本框的value值也在与message挂钩。我们还是拿文本框举例，很多时候我们需要一些值让用户填写而这个值可能希望他是数字我们用于计算，这个时候很多同学想到很多办法，转换呀、输入后去判断等等等，但其实v-model中有一个修饰符就可以帮助我们完成这个需求。我们在上面的动图中可以看到通过v-model绑定的。
2022-11-27 20:04:19
1306
原创 事件修饰符
一、事件修饰符.stop 阻止事件继续传播.prevent 阻止标签默认行为.capture 使用事件捕获模式,即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理.self 只当在 event.target 是当前元素自身时触发处理函数.once 事件将只会触发一次.passive 告诉浏览器你不想阻止事件的默认行为使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。
2022-11-27 19:58:49
259
原创 事件对象属性
不同的事件对应的事件属性也不一样，例如鼠标移动相关的事件就有坐标信息，而其他事件就不会包含坐标信息。clientX Integer 只读 鼠标在客户端区域(当前窗口)的水平坐标，不包括工具栏，滚动条等。clientY Integer 只读 鼠标在客户端区域(当前窗口)的垂直坐标，不包括工具栏，滚动条等。浏览器中的事件都是以对象的形式存在的， 在标准的 DOM 中，规定事件对象必须作为唯一的参。浏览器支持的事件种类非常多，可以分为好几类，每一类里面又有很多事件。
2022-11-27 19:54:25
78
原创 vue的侦听器及怎么侦听数组--笔记
侦听器在侦听到了entry属性变化后触发侦听事件打印 “侦听到了”。是无法直接被侦听和渲染的，即便是加了deep也无法渲染或则侦听，但我们可以通过侦听其他属性的值这种方法来改变数组的值达到同步渲染的效果。侦听器在侦听到属性值改变后，会触发一个侦听事件，此事件可以有两个参数。侦听属性 响应数据的变化，当数据发生改变的时候 会立即执行对应的函数。输入第一个数“1”的时候，由于没有旧数据，所以打印出来的是空字符串。可以看到，改变了引用类型的属性值虽然页面渲染了，但侦听并未触发。
2022-11-27 19:48:37
483
原创 模板字符串---笔记
模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。方法返回一个新字符串，表示将原字符串重复n次。返回布尔值，表示是否找到了参数字符串。1.字符串新写法 加强版的引号。2.内容中可以直接出现换行符。3.字符串中嵌入变量。判断头部是否包含字符串。判断尾部是否包含字符串。
2022-11-27 19:36:30
103
原创 ES6键值对
每个键对应响应的值,当按下响应的键时,就会输出响应的结果。作用 - 用于遍历当前的Set集合（为Set集合中每个元素调用callback函数）回调函数function (value, key, set) {}Map 集合可以按照插入的顺序迭代它的元素。value - 表示当前Set集合中每一个值。key - 表示当前Set集合中每一个键。1.Set集合 - 值(唯一的)的集合。任何值都可以作为Map集合中的键或值。set - 表示当前遍历的Set集合。Set集合中的元素是唯一的。Map集合是键值对的集合。
2022-11-27 19:22:19
141
原创 CDN（内容分发网络）
同时我们也可以给某个域名取一个别名，比如“www.baidu.com”取一个别名“test.baidu.com”，这种关系也可以用Map来表示：{域名：别名}。我们通常说“服务器的IP地址”，这其实不太准确，IP地址是和网卡绑定的，一个服务器可以有多个网卡，也就是可能有多个IP地址。其实解析思路不难，我们在域名服务商购买了一个域名之后，需要去映射一个IP地址，可以用Map来表示这个关系：{域名：IP}。而域名解析，实际上就是解析出指定域名所对应的IP地址，或者该域名的一个CNAME。
2022-11-27 19:20:33
268
原创 CMD命令操作
通过上面我们可以看出，要想打开qq必须找到相应的qq.exe的完整路径才能够打开，比较麻烦。现在我们就来用一个简单的方法，不需要切换盘符等就可以打开qq.exe，也就是在任意目录下就可以打开qq.exe，这个方法就是配置环境变量。举例：输入“D：”（注意冒号要用英文的），然后回车，即可以切换到D盘。4.点击“新建”，将qq.exe的完整路径粘贴过去，点击“确定”就已经完成。5.打开命令提示符窗口，直借输入qq.exe就可以打开qq了，如下图。案例：用cmd命令打开qq（也就是打开qq.exe文件）
2022-11-27 19:17:03
1381
转载 mvvm模式
视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。在MVVM框架中，将View层的状态和行为抽象化，视图 UI 和业务逻辑分开，ViewModel层通过双向绑定，把View层和Model层联系起来。上面说了， ViewModel层通过双向数据绑定将View层和Model层连接了起来，从而使View层和Model层能够自动同步。View：视图层，DOM。
2022-11-27 19:12:46
895
原创 vue-计算属性
计算机反转后的字符串：{{reverseMessage}}将原字符串转为小写：{{toLowerCase}}全名：{{fullName}}原始字符串:{{ message }}
2022-10-12 20:47:06
141
3
原创 vue.js-----储存方式&JSON转换
1它解决了cookie存储空间不足的问题,每条cookie的存储空间为4K,localStorage一般为5M。在HTML5中,新加入了一个localStorage特性,这个特性主要用来作为本地存储来使用。b.目前所有的浏览器中都会被localStorage的值类型限定为string类型，JSON是JS对象的字符串表示法,它使用文本表示一个JS对象的信息,本质是一个字符串。4:cookie中的数据是有过期时间的,超过时间数据会被浏览器自动删除。3:cookie中的数据是以域名的形式进行区分的。
2022-10-10 22:25:53
948
原创 ------什么是作用域
ES6的到来,为我们提供了"块级作用域",可通过新增命令let和const来体现。ES6之前JavaScript没有块级作用域,只有全局作用域和函数作用域。作用域是运行时代码中某些特定部分中变量,函数和对象的可访问性。作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。换句话说,作用域决定了代码中变量和其他资源的可见性。作用域就是一个独立的地盘,让变量不会外泄、暴露出去。函数有作用域，变量也有作用域。
2022-09-30 15:27:16
212
原创 Map对象
01-MAP方法：set、get、keys、values、entries、Map.size。:我们在登录微信或者游戏时,需要输入手机号验证身份。a:身份证号和你本人是绑定的关系。每一个身份证号(键)都会对应一个小可爱(值)。03:每个键对应响应的值,当按下响应的键时,就会输出响应的结果。这里的手机号码(键),对应的接收用户就是值。键值对('key = value')顾名思义,每一个键会对应一个值。04:键:就是存的值的编号。【02-其他Map()方法】值:就是要存放的数据。01:什么是键值对?
2022-09-30 15:16:59
554
原创 vue-bind&v-on-methods指令--日常作业
双击‘点击双击‘’输出‘jiudianni’鼠标悬停在‘移入我’就会弹出‘nb’点击‘点我’输出‘点我干啥’
2022-09-14 21:04:23
211
原创 web开发实战二
NPM 的全称是 Node Package Manager，是随同 NodeJS 一起安装的包管理和分发工具，它很方便让 JavaScript 开发者下载、安装、上传以及管理已经安装的包。文件中，以便后续的其它的项目开发或者他人合作使用，也说 package.json 在项目中是必不可少的。npm 是 Node.js 官方提供的包管理工具，他已经成了 Node.js 包的标准发布平台，用于 Node.js。npm 是随同 Node.js 一起安装的包管理工具，能解决 Node.js 代码部署上的很多问题。.
2022-08-31 17:46:27
171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人