- 博客(61)
- 收藏
- 关注
RSS订阅转载 vue3中 ref与reactive的区别
2. 使用方式不同：ref需要通过在模板中使用ref指令以及在JavaScript代码中使用ref函数进行创建和使用，而reactive则需要通过调用Vue.js提供的reactive函数进行包装和创建。3. 访问方式不同：对于通过ref函数创建的响应式数据，我们可以通过.value属性来访问其实际值；总的来说，ref和reactive都是用于实现Vue.js组件的数据响应式更新，但是它们的使用方法、适用范围和设计理念等方面略有不同，需要根据具体的应用场景选择合适的API进行使用。
2024-07-27 15:04:18
257
转载 uniapp 将本地图片转换为base64
wx.chooseImage 会打开本地文件管理，选中你要转换的图片，成功是将进入success可以看到图片路径，调用封装的函数时作为参数传过去即可。这里的路径是本地路径，可以先在onload调用。
2024-06-26 18:38:54
446
1
转载 JavaScript中事件流冒泡的原理与实现
在介绍事件流冒泡之前，首先需要了解事件流。在 HTML 文档中，每个元素都可以接收各种类型的事件，比如鼠标点击、键盘输入等。当事件发生时，它会沿着特定的路径传播到文档中的元素，这个传播过程被称为事件流。而事件流冒泡（Event Bubbling）是指事件从最内层的元素开始，逐级向外传播到最外层元素的过程。当一个元素上的事件被触发时，该事件会在DOM树中从最深的节点开始逐级向上层节点传播，直到到达文档的根节点，这个过程被称为事件冒泡。
2024-04-08 17:38:46
80
转载 iframe的基本介绍与使用
iframe（内嵌框架）是 HTML 中一种用于将一个网页嵌入到另一个网页中的标签，它可以在一个页面中显示来自其他页面的内容。在网页中，使用<iframe>标签可以将一个网页嵌套在另一个网页中，实现网页间的互联互通。
2024-04-08 17:15:11
54
转载 JavaScript call、apply、bind详解与异同
A、call() 函数中的第一个参数表示：想让 this 指向的对象 (obj)；B、call() 函数中的第二及以后参数表示：传进去的实参；
2024-03-12 17:12:22
78
转载 JavaScript Math()详解
对象作为保存数学公式、信息和计算的地方。对象提供了一些辅助计算的属性和方法，在我们日常使用都是对象进行系列的详解。
2024-01-18 17:01:53
67
转载 常见的HTTP状态码
这些状态代码表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个 1xx 响应。· 100 - Continue 初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新）· 101 - Switching Protocols 服务器将遵从客户的请求转换到另外一种协议（HTTP 1.1新）
2024-01-03 15:33:14
135
转载 Git分支：什么是分支，如何管理分支？
如果有人问你，当下最流行的“版本管理系统”(VersionControl System)是什么，那你一定要毫不犹豫的告诉他，非Git莫属。Git相比同类软件，Git有很多优点。其中很显著的一点，就是版本的分支（branch）和合并（merge）十分方便。有些传统的版本管理软件，分支操作实际上会生成一份现有的代码的物理拷贝，而Git只生成一个指向当前版本（又称”快照“）的指针，因此非常快捷易用。但是，太方便了也会产生副作用，如果你不注意，很可能留下一个到处都是分支，完全看不出主干发展的脉络。
2023-12-06 14:38:12
154
转载 JS冒泡排序
冒泡排序原理：相邻的数据进行两两比较，小数放在前面，大数放在后面，这样一趟下来，最小的数就被排在了第一位，第二趟也是如此，如此类推，直到所有的数据排序完成。描述：<1>比较相邻的元素。如果第一个比第二个大，就交换它们两个；<2>对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数；<3>针对所有的元素重复以上的步骤，除了最后一个；<4>重复步骤1~3，直到排序完成。
2023-12-06 10:20:34
88
原创 HTTP参数类型(head,path,query,data)及请求参数的3种方式和各接收参数的注解直接的区别
请求头参数顾名思义，是存放在请求头中发送给服务器的参数，服务器通过解析请求头获取参数内容。通常会存放本次请求的基本设置，以帮助服务器理解并解析本次请求的body体。请求体参数顾名思义，是存放在请求体(在HTTP协议中用于传输客户端向服务器发送的数据的部分)中发送给服务器的参数。路径参数顾名思义，本次请求的资源路径,紧跟请求域名的后面，服务器通过解析路径参数获取资源位置。便是路径参数，其含义可解释为 找办公室里的张三，大多数情况下路径参数会代表服务器真实的文件路径。Query代表请求的参数，URL以?
2023-12-06 10:16:59
2089
转载 安装npm的具体步骤
npm（Node Package Manager）是的包管理器，它是详细世界上最大的软件注册表之一。它可以帮助开发者在项目中快速安装、装方管理和升级依赖包。以下为安装的具体方法。
2023-10-26 14:26:49
4929
转载 js中!!的用法（双感叹号）
的情况，本文即以实例形式较为深入的分析javascript中2个感叹号的用法。是逻辑"非非"，即是在逻辑“非”的基础上再"非"一次。Javascript中，!“非”，如果变量不是布尔类型，会将变量自动转化为布尔类型，再取非，那么用两个!2.对undefined的"非"返回true。4.对非零整型的"非"返回false。1.对null的"非"返回true。3.对空字符串的"非"返回true。6.对字符串的"非"返回false。7.对数组的"非"返回false。5.对0的"非"返回true。
2023-09-20 18:45:08
1589
转载 js中extends使用和原理
开始先推荐一篇文章,将js的继承讲述的特别全面,我就是取里面的结论,方面日后查阅Javascript如何实现继承？
2023-09-20 18:35:22
819
转载 css overflow: hidden——隐藏溢出、清除浮动、解决坍塌问题
对于上下两个并列的div块而言，上面div的margin-bottom和下面div的margin-top会塌陷，也就是会取上下两者margin里最大值作为显示值，所以从这个意义上说：CSS及浏览器的设计者们希望我们在布局时，如果遇到上下两个并排内容块的安排，最好只设置其中每个块上或下margin的一处即可。当父div有固定高度时，如果子div的高度超过父div的高度，那么子div会超出父div的束缚，这种情况就叫溢出。默认情况下，父div没有设置高度，它的高度可以被子div任意撑大。浮动的div不会坍塌。
2023-09-07 18:03:04
4127
转载 Vue.js this.$router.push()两种常见用法
（1） 想要导航到不同的URL，使用router.push()方法，这个方法会向history栈添加一个新纪录，所以，当用户点击浏览器后退按钮时，会回到之前的URL。（1）由于动态路由也是传递params的，所以在 this.$router.push() 方法中。a) 声明式：<router-link :to="...">b) 编程式：router.push(...)1、路由传值 this.$router.push()2、获取参数的两种常用方法：params和query。
2023-09-07 17:51:10
4319
转载 JavaScript——Object.keys()
公式：newArr = Object.keys(oldValue)，数组中的每个返回值是每个元素的键值。
2023-09-07 17:45:20
189
转载 JavaScript iframe
iframe标签用于定义内联框架，内联框架是在一个页面中嵌入另一个页面。有很多网页看上去是一个网页，但实际上它其中可能镶嵌有其它网页，<iframe>标签就可以把其它网页无缝地嵌入在一个页面中。<iframe>主要用于那些多个网页的共有部分，如导航栏、广告栏等。IFrame对象代表一个HTML的内联框架。在 HTML 文档中<iframe>每出现一次，一个 IFrame 对象就会被创建。
2023-09-06 17:07:18
257
转载 JavaScript 中的 Window.open() 用法详解
方法是 JavaScript 中的一个内置方法，用于在浏览器中打开一个新的窗口或标签页。这个方法的语法是：需要注意的是，由于弹出窗口的滥用已经成为了一个安全问题，现代浏览器通常会默认阻止 window.open()方法的调用，除非是在用户的交互下触发的。因此，在实际的开发中，我们需要谨慎使用这个方法，避免被浏览器误认为是恶意行为。
2023-09-06 16:54:21
3761
转载 JS中的join()方法
join()方法就是将array数据中每个元素都转为。输出结果:Apple is on my table。join()将数组转换为页面元素的内容。2、join(' ') 将数组元素以。，用法等同于toString()1、join('')将数组元素。，用自定义的连接符分割。3、join()将数组。输出结果:apple。每个元素都转为字符串。
2023-08-25 15:45:16
2818
转载 Vuex详解
其中参数state参数是必须的，也可以自己传递一个参数，如下代码，进行计数器的加减操作，加法操作时可以根据所传递参数大小进行相加，减法操作没有传参每次减一。
2023-08-21 16:18:09
218
转载 JS isNotEmpty()方法
collect()方法采用一个参数，该参数将转换为集合，然后在其上应用isNotEmpty()方法。isNotEmpty()方法用于检查给定的集合不为空或为空，并返回相应的。此方法检查给定的集合不为空或为空，并返回相应的布尔值。
2023-08-15 18:46:50
277
转载 VUE项目中$t()的意义
这里的$t()内的字符串实则是某个目录下js文件中的一个参数。用来储存中文字符的容器，使VUE项目中出现的中文字符拉至最低。若需要在script标签中调用。则直接this.$t()
2023-08-15 18:40:16
1330
转载 JS 字符串
两种方法都接受作为检索起始位置的第二个参数。该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）。方法删除字符串两端的空白符（不支持 IE 8 或更低版本）提取字符串的某个部分并在新字符串中返回被提取的部分。方法用另一个值替换在字符串中指定的值，大小写敏感。正式地说：字符串是不可变的：字符串不能更改，只能替换。ps：如果某个参数为负，则从字符串的结尾开始计数。它们不会修改原始字符串。连接两个或多个字符串（相当于+）。方法返回指定文本在字符串中。方法返回字符串中指定文本。
2023-08-05 17:55:43
40
原创 uni-app 简介
uni-app是个功能强大的框架，开发者通过uni-app编写一套代码可以同时发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。极大的减少了开发成本，使用一套代码就可以编到十五个平台。
2023-08-05 15:56:06
186
原创 JS 变量、值、函数、形参、实参
一、变量变量就是程序中用于存储数据的。let或var声明变量let a = 1，完成了声明和赋值。二、值数据可以是JS里面的各种数据类型值有很多表现形式：1、各种类型数据的直接量（字符串直接量“11”或者‘11’，的直接量true或false直接量的意思是数据没有存储在变量里面的值。Let b =11的值就是“222、存储在变量里面的值，3、存储在数组元素里面, letarrarr[0]存的{value:1}4。
2023-08-04 16:10:15
111
转载 JS中的??和?.操作符
)允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值。在一个不含 gender成员的 obj 中查找属性，因此结果是 undefined，所以赋值也不会执行，由此我们在项目中可以给genGender 一个初始值配合使用?）是一个逻辑操作符，
2023-08-01 11:36:20
80
原创 VUE 项目输入框中 使用onInput
vue+ element 项目中需要根据输入的值，立即对输入框的数据进行判断;如果使用 @change ,只有在失去焦点的时候触发；这个时候可以用 oninput 监听。
2023-07-29 18:35:26
1139
原创 JS 数组（Array）常用方法总结
1forEach循环遍历1forEach2map3filter4push5slice6pop7shift8concat用于连接两个或多个数组9join10。
2023-07-29 11:12:35
203
原创 JS Array数组循环遍历方法forEach()详解
Array的forEach方法遍历数组，不可以用break或continue，通常用于需要全部遍历完成的场景。value（数组元素，必须），index（索引），arr（数组）是数组循环的一种方法，它自身包含三个参数（
2023-07-29 10:29:17
1748
转载 VUE中的this.$confirm
确认框写法，（与this.$router相似）VUE+VUX 写法：（参考VUX文档~）这是在项目中比较常见的。
2023-07-28 14:57:37
2917
原创 JavaScript（Array）循环遍历的四种方法
of能使用break、continue和return语句中断，而forEach不能使用break、continue语句跳出循环。1、for、for…of、forEach这三种遍历方法不能遍历对象，可以使用for…4、forEach(value,index,array)不能同时遍历多个集合，在遍历的时候无法修改和删除集合数据。缺点：不适合处理原有的原生对象（原生对象是一个子集，包含一些在运动过程中动态创建的对象）。in遍历的是数组的索引（键名），for…优点：可以遍历数组的索引（键名），遍历对象简洁方便；
2023-07-28 10:20:29
2198
转载 VUE v-slot详解 作用域插槽与具名插槽
v-slot 指令自 Vue 2.6.0 起被引入，提供更好的支持 slot 和 slot-scope attribute 的 API 替代方案。v-slot完整的由来参见这份 RFC。在接下来所有的 2.x 版本中 slot 和 slot-scope attribute 仍会被支持，但已经被官方废弃且不会出现在 Vue 3 中。
2023-07-27 16:42:59
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人