- 博客(73)
- 收藏
- 关注
RSS订阅原创 vue 使用v-cloak
v-cloak指令常常用在插值表达式的标签中，因为它可以解决当网络加载很慢时，或者频繁渲染时候，页面就会显示出源代码的情况。2，在css中设置v-cloak的属性为display为none。1，在差值语法所在的标签处加上v-cloak指令。
2023-11-04 14:00:00
375
原创 slice,splice的区别和使用
第一个参数是开始的位置，第二个参数是结束的位置，他并不会改变原。该方法是会改变原数组的，数组的长度会发生变化。splice(开始，截取，添加元素)slice(开始，结束)第一个参数是开始的位置。第二个参数是截取的个数。
2023-11-03 20:00:00
278
原创 JavaScript数组去重，大小排序的两种方法
indexof() 可返回某个指定的字符串值在字符串中首次出现的位置。如此一趟下来最后一趟的就是最大元素，重复以上的步骤，除了已经确定的元素。注意：当数字是按字母顺序排列时"40"将排在"5"前面。每次对相邻的两个元素进行比较，若前者大于后者则进行交换，使用数字排序，你必须通过一个函数作为参数来调用。Set数据结构中所有元素都是唯一的，没有重复。sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。函数指定数字是按照升序还是降序排列。默认排序顺序为按字母升序。
2023-11-03 12:00:00
445
原创 Vue 监听属性 watchEffect
watchEffect 函数：自动收集依赖源，不用指定监听哪个数据，在监听的回调中用到哪个数据，就监听哪个数据。而 watch 函数：既要指定监听的数据，也要指定监听的回调。watchEffect 函数：类似于 computed 计算属性，但是 watchEffect 注重的是过程（回调函数的函数体），所以不用写返回值。而 computed 函数：更注重计算出来的值（回调函数的返回值），所以必须要写返回值。
2023-11-02 17:21:58
484
原创 Vue 创建自定义 ref 函数
customRefcustomRef 用于：创建一个自定义的 ref 函数，并对其依赖项跟踪和更新触发进行显式控制。// 创建自定义 ref 函数return {get() {track();// 通知 Vue 追踪 value 的变化// 返回 value 值},// 修改 value 值trigger();// 通知 Vue 重新解析模板})// 使用自定义 ref 函数let content = myRef('测试鸭');
2023-11-02 15:06:15
288
原创 从接口获取获取到数组arr=[‘1‘,‘a‘,‘2‘,‘b‘,‘3‘,‘c‘]转换成{number：‘123’，char：‘abc’}
该代码将原始数组中的每个元素遍历一次，并根据元素类型将其添加到相应的属性中。在这里，我们使用了isNaN()函数来检查一个元素是否为数字。如果是数字，则将其添加到result对象的number属性中；否则，将其添加到result对象的char属性中。最终，输出result对象即可得到所需的结果。
2023-10-31 21:03:26
233
原创 js 代码中的 “use strict“； 是什么意思 ?
use strict 是一种 ECMAscript5 添加的（严格）运行模式，这种模式使得 Javascript 在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：区别：use strict 指的是严格运行模式，在这种模式对 js 的使用添加了一些限制。比如说禁止 this 指向全局对象，还有禁止使用 with 语句等。设立严格模式的目的，主要是为了消除代码使用中的一些不安全的使用方式，也是为了消除 js 语法本身的一些不合理的地方，以此来减少一些运行时的怪异的行为。同时使用严格运行模式也能够
2023-10-29 07:55:37
427
原创 Vue 3自定义指令：扩展你的应用功能
在本文中，我们将深入探讨Vue 3自定义指令的使用和创建过程。Vue 3的自定义指令功能为我们提供了更大的灵活性和控制力，可以根据应用程序的需求自定义指令的行为。通过自定义指令，我们可以直接操作DOM元素，扩展Vue应用程序的功能。在本文中，我们了解了Vue 3自定义指令的基本用法、生命周期钩子函数、参数和修饰符。在Vue中，指令是一种特殊的属性，可以用于扩展模板中DOM元素的功能。通过这些生命周期钩子函数，我们可以在合适的时机执行需要的操作，例如添加/移除事件监听器、进行DOM操作、与外部API交互等。
2023-10-26 21:15:27
331
原创 javascript判断对象中是否存在某个字段
方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。如果指定的属性在指定的对象或其。
2023-10-26 14:54:25
248
原创 微信小程序获取数据的方法——iBeacon蓝牙
数据的，所以第一步要判断是否打开蓝牙，如果没有打开则提示用户去打开蓝牙，然后在下拉刷新时重新判断，确认用户打开之后再搜索iBeacon设备。由于iBeacon是基于。
2023-10-24 10:55:57
648
原创 JavaScript 严格模式
消除 Javascript 语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；为未来新版本的 Javascript 做好铺垫。禁止this关键字指向全局对象。效率，增加运行速度；
2023-10-23 21:41:00
137
原创 ES6新增的 Symbol
ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法，新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。Symbol 值不能与其他类型的值进行运算，会报错。 Symbol 值可以显式转为字符串。Symbol 值也可以转为布尔值，但是不能转为数值。
2023-10-20 10:11:23
121
原创 ES6 Generator 函数
不同的是，调用 Generator 函数后，该函数并不执行，必须调用遍历器对象的next方法，使得指针移向下一个状态。也就是说，每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行，直到遇到下一个yield表达式（或return语句）为止。换言之，Generator 函数是分段执行的，yield表达式是暂停执行的标记，而next方法可以恢复执行。二是，函数体内部使用yield表达式，定义不同的内部状态（yield在英语里的意思就是“产出”）。
2023-10-20 10:05:38
428
原创 axios引入的详细讲解
2.引用axios：在需要使用的页面中引用 import axios from 'axios' 即可。npm install qs 和 import qs from 'qs'的时候有两种方式：一种是get请求，另一种是post请求。install axios，等待安装完毕即可。
2023-10-18 14:17:32
777
原创 前端常用的几种布局方式(易懂版）
响应式与自适应的原理是相似的，都是检测设备，根据不同的设备采用不同的CSS，而且CSS都是采用%百分比的，而不是固定宽度，不同点就是响应式的模板在不同的设备上看上去是不一样的，会随着设备的改变而改变展示样式，而自适应不会，所有的设备看起来都是一套模板，只不过是长度或是图片变小了，不会根据不同的设备展示不同的样式，流式及时采用了一些设置，当宽度大于多少时怎么展示，小于多少时怎么展示，而且展示的方式像流水一样，一部分一部分的加载，静态的就是采用固定的宽度。可以把自适应布局看作是静态布局的一个系列。
2023-10-17 15:44:32
218
原创 JS判断一个字符串中出现次数最多的字符 统计这个次数
4.然后，检查 obj 对象中是否已经存在以当前字符 item 为属性名的属性。如果该属性已存在，则将该属性值加1；否则，在 obj 对象中新增一个以 item 为属性名的属性，并将其初始值设为1。1.首先，通过 split("") 方法将给定的字符串 str 分割成一个字符数组，每个元素都是字符串中的一个字符。3.在每次遍历中，首先判断累计变量 obj 的构造函数是否为 Object，如果不是，则将 obj 重置为空对象。2.接着，使用 reduce 方法对字符数组进行遍历和累计操作。
2023-10-17 08:43:22
231
原创 js 的垃圾回收机制
JS环境中分配的内存，一般有如下生命周期:1. 内存分配:当我们声明变量、函数、对象的时候，系统会自动为他们分配内存。2. 内存使用:即读写内存，也就是使用变量、函数等。3. 内存回收:使用完毕，由垃圾回收器自动回收不再使用的内存。内存泄漏:引用计数法： IE采用的引用计数算法,定义“内存不再使用”，就是看一个对象是否有指向它的引用，没有引用了就回收对象算法：1.跟踪记录被引用的次数。2.如果被引用了一次，那么就记录次数1,多次引用会累加++。3.如果减少一个引用就减1 --。4.如果引用次
2023-10-09 22:00:30
49
原创 HTML ＜map＞ 标签的使用
其中area标签主要的值有alt、cooreds、href、shape、target等area标签有些时候也可以当做a标签的替代品，因为a标签并不能直接嵌套a标签，在某些情况下，我们又不得不用，那么我们可以把a标签替换为area标签，使布局更加简单。
2023-10-09 21:57:49
969
原创 css3动画
CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。实例:当动画为 25% 及 50% 时改变背景色，然后当动画 100% 完成时再次改变。
2023-07-19 14:29:04
55
原创 正向代理与反向代理的区别
1、用户发送请求到服务器（访问的其实是反向代理服务器，但用户不知道）3、真正的服务器将数据返回给反向代理服务器。2、反向代理服务器发送请求到真正的服务器。3、服务器将数据返回到自己的代理服务器。4、自己的代理服务器再将数据返回给用户。2、自己的代理服务器发送请求到服务器。4、反向代理服务器再将数据返回给用户。1、用户发送请求到自己的代理服务器。先搭建一个属于自己的代理服务器。
2023-07-17 08:00:36
90
原创 vue下载引入axios
npm install axios --save 在命令提示符中进行安装；在项目中的main.js中引用。也可以在需要用到的页面单独引入。
2023-07-06 19:53:16
1193
1
原创 vue 自定义指令
此时所有input标签可以使用v-focus指令。vue自定义指令分为全局指令跟局部指令。此时v-focus只在当前页面生效。在main.js中新入。在需要用到的页面写入。
2023-07-06 19:51:04
160
原创 vue计算属性
模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。对于任何包含响应式数据的复杂逻辑，你都应该使用。
2023-07-05 19:55:18
73
原创 微信小程序异步请求数据 parmise方法
在小程序中可以直接使用promise，我们需要做的就是在A函数中返回一个promise，在返回的promise中再进行获取数据的操作，把成功获取到的数据传入resolve中，把失败的结果传入reject，然后在B函数中调用A函数，调用后再使用.then 和 .catch 分别对成功和失败的结果进行处理。
2023-07-05 19:46:58
1760
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人