- 博客(132)
- 收藏
- 关注
RSS订阅原创 路由中的query 和 params的传参方式区别和详解
1 Vue router如何传参params、query是什么？params：/router1/:id ，/router1/123，/router1/789 ,这里的id叫做paramsquery：/router1?id=123 ,/router1?id=456 ,这里的id叫做query。2 注意 $ route和$router的区别：需要注意的是：传参是this. $ router ,而接收参数是this.$route,千万要小心哟！！！$route是“路由信息对象”，包括path，para
2022-04-26 13:53:38
6508
转载 vue3 中的两种API--选项 API 和 组合 API区别
**这是原作者的文章搭建 vue3 开发环境：**①： 使用 vue-cli搭建和 vue2 搭建没有太大差异，选择自定义配置时，只用在选择版本时选择 3.x 版本即可。安装完毕可以检查 package.json 文件，vue的版本号（我目前创建完成后版本为 3.2.0）②： 使用 vite 创建 vue项目直接在终端中输入 npm init vite-app 项目名称 或者 yarn create vite-app 项目名称vue中的两种API–选项 API 和 组合 API① 选项
2022-04-16 15:22:18
9087
原创 methods computed的区别及使用场景
computed和methods的区别我们先来看两个列子来体会其中的区别和作用该列子来自于B站；<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vue中的数据、方法
2022-04-16 12:49:07
852
原创 图片索引匹配问题--手动遍历循坏图片
index的值控制第几张图片的显示 就知道了 i 的值 index===i 的结果控制fate的真假 进而控制图片的显示与隐藏 但是index的值为什么能控制第几张图片的显示，是通过什么方式来控制的源码显示的效果...
2022-04-13 19:39:37
219
1
转载 vue样式穿透------深度选择器
原作者链接：https://www.jianshu.com/p/30c797bb0069前言vue的style中设置scoped属性后，组件实现样式私有化。但是该组件又使用的其他组件库时(vant,elementui,自定义等)，该组件的style中的样式，优先级低，不生效，这个时候需要使用样式穿透(作用得更深)。一、scoped底层原理scoped是通过在DOM以及css中加上data-v-xxx唯一标识来实现样式私有化。1.加上scoped前<template> <
2022-04-12 21:25:50
801
转载 CSS_为什么margin-bottom经常无效，或者无法实现子div底部贴边父div？
原文链接https://blog.csdn.net/Chill_Lyn/article/details/100903408首先我们定义两个div，一大一小，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-04-02 14:20:52
1707
转载 计算机网络 ------状态码的意义
原文链接1开头的http状态码表示临时响应并需要请求者继续执行操作的状态代码。100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。2开头的http状态码表示请求成功200 成功处理了请求，一般情况下都是返回此状态码；201 请求成功并且服务器创建了新的资源。202 接受请求但没创建资源；203 返回另一资源的请求；204 服务器成功处理了请求，但没有返回任何内容
2022-03-25 23:58:21
129
原创 new Date()日期格式处理
1 不做转换 正确的写法必须写双引号 不写双引号肯定是错误的 var b=new Date("2022,03,25"); var b=new Date("2022/3/25"); var b=new Date("2022/03/25"); var b=new Date("2022-03-25"); var b=new Date("2022-3-25");2 做转化的正确的写法var strTime="2011-04-16";
2022-03-25 23:52:25
1223
2
转载 export default 和 export 区别
export default 和 export 区别：http://www.jianshu.com/p/edaf43e9384f1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用3.在一个文件或模块中，export、import可以有多个，export default仅有一个4.通过export方式导出，在导入时要加{ }，export defa
2022-03-16 19:53:54
312
原创 onmousemove, onmouseenter 和 onmouseover 的不同。
onmousemove, onmouseenter 和 onmouseover 的不同。<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style>div { width: 100px; height: 100px; border: 1px solid black;
2022-01-03 19:58:20
207
转载 uniapp vue 小程序动态style和class的用法
https://blog.csdn.net/Shids_/article/details/117531088vue1.1 绑定单个class<div :class="{'active':isActive}"></div>data() { return { isActive: true }; }渲染结果<div class="active"></div>1.2 绑定多个class<div class="
2021-12-12 21:53:50
2256
1
原创 uniapp中获取正确的导航栏的宽度
uniapp中获取正确的导航栏的宽度1 代码自己实现，需要调用胶囊的位置的API2 考虑到兼容性的原因，需要使用到条件编译。h5 app-plus ali-pay 不支持的3 最后的结论：在微信小程序中，导航栏的宽度就是胶囊位置的left值。...
2021-12-10 14:40:28
362
原创 uniapp中获取正确的导航栏的高度
uniapp中获取正确的导航栏的高度图解思路代码自己实现，需要调用胶囊的位置的API和状态栏的高度的API
2021-12-10 12:43:57
1312
原创 get与post请求
1 语义不同get 获取数据post 创建数据2发送数据GET通过地址在请求头中数据能携带的数据量和地址的长度有关系，一般最多即使几KPOST既可以通过地址请求头中携带数据，也可以通过请求体携带数据能携带的数据量理论上是无限的（实际上根据浏览器规定的）携带少量数据，可以使用GET请求，大量的数据可以使用POST请求3缓存GET可以被缓存，POST不会被缓存GET请求参数会被完整保留在浏览历史记录里，而 post 中的参数不会保留。GET 和 POST 本质上就是 TCP 链接，并无
2021-11-28 20:33:31
1557
原创 id和class名获取DOM元素的区别
本文参考了https://blog.csdn.net/weixin_43783614/article/details/96328855id和class名获取DOM元素的区别点击盒子实现颜色变为红色1.通过class获取DOM元素的方法：document.getElementsByClassName(“class名”)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-11-15 11:36:31
228
原创 IIFE（立即执行函数）的上下文规则
IIFE（立即执行函数）的上下文规则：上下文是window对象var a=1; var obj={ a:2, fun:(function(){ var a=this.a; return function () { console.log(a+this.a) } })()
2021-11-15 10:58:54
633
原创 函数上下文规则讲解
函数的上下文1.1 函数中可以使用this关键字，他表示函数的上下文。1.2与中文的 “ 这”类似，函数中的this具体指代什么必须通过调用函数时的“前言后语”来判断。同一个函数，用不同的形式调用它，则函数的上下文不同情形一：对象打点调用函数，函数中的this指代这个打点的对象xiaoming.sayHello()情形二：圆括号直接调用函数，函数中的this指代window对象var sayHello=xiaoming.sayHello;sayHello(); var obj={
2021-11-15 10:55:36
466
原创 数组上下文规则
数组（类数组对象）枚举出函数进行调用，上下文是这个数组（类数组对象）数组[下标]（） function fun(){ arguments[3](); } fun('A','B','c',function(){ console.log(this[1]); });打印结果B...
2021-11-15 10:54:08
209
原创 定时器延时器调用函数上下文规则
定时器延时器调用函数上下文是window对象seInterval(函数，时间)seTimeout(函数，时间)情况一var obj={ a:1, b:2, fun: function (){ console.log(this.a+this.b); } } var a=3; var b=4; setTimeout(obj.f
2021-11-15 10:48:05
768
原创 this上下文经典面试题目
看题目function fun(){ return this.a+this.b; } var a=1; var b=2; var obj={ a:3, b:fun(), fun:fun }; var result=obj.fun(); console.log(result);打印结果：6代码运
2021-11-14 22:01:57
334
原创 call和apply函数的讲解
计算综合的方法（1） function sum(){ alert(this.c+this.m+this.e) }; var xiaoming={ c:100, m:90, e:80, sum:sum }; xiaoming.sum()今天要讲解的主角是call和apply函数...
2021-11-14 17:25:30
212
原创 对象的深克隆和浅克隆
本文参考了https://blog.csdn.net/document_dom/article/details/88537629先看两个例子1.1 比较两个一样的对象 // 例子1 var obj1={ a:1, b:2, c:3 } var obj2={ a:1, b:2, c:3
2021-11-14 13:45:58
870
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人