- 博客(57)
- 收藏
- 关注
RSS订阅原创 vue ref和reactive区别
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
2024-08-25 09:57:22
7148
原创 node 切换版本安装cnpm报错
npm install -g cnpm@7.1.0 --registry=https://registry.npmmirror.com/
2024-02-21 11:19:29
791
原创 js对象与字符串相互转化
JSON.stringify() //用于将一个值转为字符串。该字符串应该符合JSON格式，并且可以被JSON.parse方法还原。//（JSON.stringify(obj, selectedProperties)）还可以接受一个数组，作为第二个参数，指定需要转成字符串的属性。//还可以接受第三个参数，用于增加返回的JSON字符串的可读性。如果是数字，表示每个属性前面添加的空格（最多不超过10个）；如果是字符串（不超过10个字符），则该字符串会添加在每行前面。JSON.parse() /
2021-10-18 18:14:26
197
原创 回顾javaScript中的filter
let arr = [56, 15, 48, 3, 7] let newArr = arr.filter(function(value, index, array) { console.log(value, index, array, '打印每一项的值，每一项的下标，数组全部数据') return value > 15 }) console.log(newArr, '符合条件的') //结果为56,48...
2021-10-18 18:10:04
133
原创 includes
includes() 方法用于判断字符串是否包含指定的子字符串。如果找到匹配的字符串则返回 true，否则返回 false。var str = "Hello world, welcome to the Runoob。";var n = str.includes("world");//输出结果为true
2021-10-18 17:42:53
169
原创 Object.keys()方法的常见用法
1.传入对象，返回对象的key值var str = new String();str = ‘abc123’;console.log(Object.keys(str)); //[‘0’,‘1’,‘2’,‘3’,‘4’,‘5’]2.传入字符串，返回索引var str = new String();str = ‘abc123’;console.log(Object.keys(str)); //[‘0’,‘1’,‘2’,‘3’,‘4’,‘5’]3.数组返回索引值var arr = new Arra
2021-10-18 17:37:50
294
原创 office文件所对应的的 Content-type类型Content-type类型总结
文件后缀 MIME TYPE.doc application/msword.dot application/msword.docx application/vnd.openxmlformats-officedocument.wordprocessingml.document.dotx application/vnd.openxmlformats-officedocument.wordprocessingml.template.docm application/vnd.ms-word.documen
2021-08-26 17:44:58
2536
原创 js数组和字符串常用方法总结
在js中数组是我们经常使用的，js内置了许多有关数组的方法。在此，我对常见的数组方法进行列举：1.创建数组 使用new Array()的方法创建数组：var arr = new Array(); 如果知道数组的长度可以在new的时候指定数组的长度：var arr = new Array(20),但是如果写入一个字符串会创建一个长度为1，等于该字符串的数组。 使用数组字面变量的方法创建数组：var arr = ['a', 'b', 'c'];2.检测数组使用arr.isArra
2021-01-29 14:25:23
778
原创 前端token
Token是服务端生成的一串字符串，以作客户端进行请求的一个令牌，当第一次登录后，服务器生成一个Token便将此Token返回给客户端，以后客户端只需带上这个Token前来请求数据即可，无需再次带上用户名和密码。为避免客户端频繁向服务端请求数据（如重复的表单提交操作），以及用户的身份验证（令牌）。1、主要使用token的基本流程如下：客户端使用用户名密码进行登录。服务端收到请求，去验证用户名与密码。验证成功后，服务端会签发一个 Token，再把这个 Token 发送给客户端。客户端将收到的Token
2021-01-11 12:07:18
3555
原创 封装请求拦截器、响应拦截器原理
请求拦截器及响应拦截器：关于拦截，这里只说原理，前端的请求，最终还是离不开 ajax，像vue 的 vue-resource 、axios，都只是对ajax进行了统一的封装，它暴露出来的拦截器，其实就是写了一个方法，把ajax写在这个方法里面，（我们先说请求拦截器哈）在执行这个方法的时候，先将请求时要添加给请求头的那些数据（token、后端要的加密码…具体要看实际情况）先执行一遍，都赋值给一个变量，然后再统一传给ajax，接下来就是执行ajax，这就是所谓的请求拦截，其实就是先执行要添加的数据，然后再执行
2020-12-28 22:10:57
580
1
原创 vue.js之个人总结（看这一篇就够了）
一.1、Vue参数对象属性el：元素挂载的位置，值可以是CSS选择器或DOM元素data：模型数据，值是一个对象（仅限于当前）插值表达式{{msg}}指令指令的本质就是标签中的vue自定义属性指令格式以“v-”开始，例如：v-cloak，v-text、v-html等友情提醒：v-html尽量少用甚至不用，因为可能引发XSS（跨站脚本攻击，XSS）攻击。常用指令2、v-cloak作用：解决浏览器在加载页面时因存在时间差而产生的闪动问题原理：先隐藏元素挂载位置，处理好渲染后再显示最终的结
2020-12-23 20:31:18
2105
2
原创 vue实现简单的购物车功能
请看代码：<div id="app"> <ul> <!-- 单个复选框的情形 --> <input type="checkbox" v-model="isCheckAll" @change="handler" /> 全选/全不选 <button @click="antiSelect">反选<
2020-12-05 15:53:13
221
1
原创 node-scss从安装到使用详解
安装sass工具包 cnpm i sass -g2.测试是否安装成功 sass --version3.启动sass(1)进入对应的文件夹打开cmd（此时scss文件夹中创建了一个index.html）(2)输入sass启动指令：sass --watch scss:css对应上边的： 指令 监听 源sass文件夹 编译到的css文件夹此时查看css文件夹中已经出现了对应的两个css文件，此时操作scss文件夹中的scss，css文件夹中的cs..
2020-12-02 20:49:09
1610
1
原创 Restful规范
1、关于Restful随着前后端分离越来越普遍，后端接口规范也就越来越重要了。一套良好的接口规范可以提升工作效率，减少沟通障碍。通常我们都会采用RestfulApi方式来提供接口，使用JSON来传输数据。Restful是一种软件架构风格，不是标准。既然不是标准，可以遵守，也可以不遵守！！！2、Api设计6要素资源路径(URI)HTTP动词(Method)过滤信息(query-string)状态码(Status-code)错误信息(Error)返回结果(Result)
2020-11-30 19:53:18
7263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人