- 博客(42)
- 收藏
- 关注
RSS订阅原创 小程序开发中的底部安全区域处理技巧
底部安全区域是指在一些全面屏手机上，由于硬件结构的限制，屏幕显示区域并非完全覆盖整个屏幕，因此底部会存在一个类似"刘海"的凹口。这一区域被称作底部安全区域，开发者需要特别处理才能确保页面内容不被遮挡。
2023-11-17 17:34:32
1897
原创 CSS鼠标悬浮变小手
当我们在网页设计中需要用户点击或者选择某个元素时，很多时候会使用鼠标悬浮变小手的效果，这种效果可以让用户更快速的完成操作，提高用户体验。总之，在网页设计中使用鼠标悬浮变小手效果可以提高用户体验，让用户更快速的完成操作。找到需要设置鼠标悬浮变小手效果的元素，通常是链接、按钮等元素。上述代码表示当鼠标悬浮在链接上时，鼠标指针会变成小手。在CSS中设置鼠标悬浮变小手效果非常简单，只需要使用。您可以根据具体需求来使用不同的鼠标指针样式。在该元素的CSS样式中，添加。
2023-11-06 14:18:11
5609
原创 如何在uni-app小程序端实现长按复制功能
uni-app是一个跨平台的开发框架，可以基于vue.js语法开发小程序、H5、APP等多个平台的应用。uni-app提供了一些内置组件和API，可以方便地实现各种功能。其中，uni.setClipboardData函数是一个用于将数据复制到系统剪贴板的API，函数，你需要将为uni-app项目选择小程序平台（如微信小程序、支付宝小程序等）进行开发，并且确保相关平台的API支持。在开发小程序应用中，常常需要使用到长按复制功能。在上述示例中，当用户长按页面中的文本元素时，会触发。需要注意的是，为了使用。
2023-11-02 17:48:00
5931
原创 Vue3父子传参props和$emit
如果父组件是纯 Vue3 写法，子组件混合写法，可以通过 props 接收到 data 和 setup 函数里的属性，但是子组件要是在 setup 里接收，同样只能接收到父组件中 setup 函数里的属性，接收不到 data 里的属性。如果父组件是混合写法，子组件纯 Vue3 写法的话，是接收不到父组件里 data 的属性，只能接收到父组件里 setup 函数里传的属性。官方也说了，既然用了 3，就不要写 2 了，所以不推荐混合写法。前端培训下面的例子，一律只用纯 Vue3 的写法，就不写混合写法了。
2023-10-31 18:07:56
350
原创 Vue中watch侦听器用法
watch 需要侦听特定的数据源，并在单独的回调函数中执行副作用watch第一个参数监听源watch第二个参数回调函数cb（newVal,oldVal）watch第三个参数一个options配置项是一个对象{:true //是否立即调用一次:true //是否开启深度监听:“pre” // 更新时机。
2023-10-31 18:05:10
262
原创 Vue3中的 reactive 详解
reactive用来绑定复杂的数据类型， 例如：对象、数组。它是不可以绑定普通的数据类型这样是不允许 会给我们报错数组异步赋值页面是不会变化的因为会脱离响应式。
2023-10-24 09:49:41
795
原创 Vue3中的ref详解
原因是 调用 ref 时， 它的底层会调用 triggerRef 强制更新页面DOM，所以 shallowRef 声明的值也会跟着一起改变。它的监听只能到 value，更深层次的就不可以，所以修改其属性是非响应式的这样是不会改变的。但是它和 ref 一起用会受 ref 的影响 shallowRef 的也会改变。接受一个内部值并返回一个响应式且可变的 ref 对象。变化的 ref，但不会使其值也变成响应式的（浅层响应式）这样是可以被监听到的修改value。使用 ref 获取 DOM节点，
2023-10-11 14:40:26
413
原创 TS中public、private和protected详解
public访问修饰符允许在类的内部和外部访问属性和方法。private访问修饰符将属性和方法限制为只能在类的内部访问。protected访问修饰符允许在类的内部和子类中访问属性和方法，但对于类的外部来说是不可访问的。使用这些访问修饰符可以有效地控制类成员的可访问性，提供了封装、信息隐藏和继承等面向对象编程的特性。
2023-10-08 14:50:11
2725
原创 JavaScript中常用的数组过滤方法
在 JavaScript 编程中，经常会遇到需要对数组进行筛选和过滤的情况。本文将介绍几种常用的数组过滤方法，帮助你在处理数组数据时更加灵活高效。
2023-09-20 13:39:35
5998
2
原创 uniapp小程序端文件预览
API 在内置文档查看器中打开多种文件类型，包括但不限于 PDF、Doc、PPT、XLS、TXT、HTML、图片等。要实现预览功能，需要先通过网络请求获取到该文件的URL，然后传递给。uni-app 是一个基于 Vue.js 的跨平台开发框架，可以让开发者使用 Vue.js 的开发方式创建 iOS、Android 和 H5 等多个平台的应用程序。以上代码可以用于实现 uni-app 中的在线文件预览功能，可以根据具体的业务需求进行修改和优化。预览文件：在预览函数中，可以先使用。
2023-09-13 10:09:39
1763
1
原创 uView中的radio组件自定义样式（实心圆点）
大家在开发uniapp时，应该都用过radio组件，也用过uview里的u-radio。在一般设计中都是实心圆点或者空心圆的选择状态，但是这里的radio是"对号"。在这里我把我做的样式分享一下，希望能够帮到大家。
2023-08-29 17:14:34
4024
6
原创 unaipp小程序端获取openid
小程序开发时, 用户使用小程序须要受权, 这时就要用到openid进行绑定这个用户。openid是指这个用户在某一个小程序中受权后的惟一标识(好比你的身份证)
2023-08-10 17:52:56
475
原创 uniapp中使用图片预览功能
在使用uniapp写项目时可能会使用到图片预览，unaipp官网就内置了这个方法。使用current传入链接或索引值和urls传入需要预览的图片列表即可实现。
2023-08-07 11:22:55
2895
原创 Uniapp下拉刷新和上拉加载
在 js 中定义 onPullDownRefresh 处理函数（和onLoad等生命周期函数同级），监听该页面用户下拉刷新事件。上拉加载更多可以使用 onReachBottom 事件，用法和下拉加载一样，需要放在和data同级使用即可。里，找到的当前页面的pages节点，并在。
2023-08-04 18:06:58
556
原创 在Vite中使用require
翻阅资料才发现问题所在，这是因为 require 是属于 Webpack 的方法，而我使用的是 Vite，所以我们需要去寻找 Vite 静态资源处理的方法，我在Vite官网中发现了解决办法。但是这么写又很不方便，感觉有点别扭，所以我又找到一个插件可以使用 require。最近在Vite项目中引入使用require引入静态资源时遇到了报错。所以，我们只需要将代码改写以下形式即可。然后vite.config.js中配置。这样就可以正常使用require了。
2023-07-11 10:47:36
5477
原创 JS数组去重
使用 forEach 方法遍历数组，使用 includes 方法查找该元素在数组中是否存在，若不存在则添加到新数组中。使用 Map 数据结构可以将元素作为 key 存储，因为 Map 中的 key 具有唯一性，可以用来实现数组的去重。使用 for 循环遍历数组，并使用 indexOf 方法查找该元素在数组中是否存在，若不存在则添加到新数组中。可以使用 filter() 方法遍历数组并返回一个新数组，该新数组中包含不重复的元素。reduce() 方法也可以遍历数组并返回一个新数组，在累加的过程中同时去重。
2023-06-02 13:46:13
139
原创 JS中合并两个数组
concat()方法可以将两个或多个数组连接在一起，并返回一个新数组。该方法不会改变原始数组。reduce()方法可以遍历数组并返回一个累计值，通过累加实现合并两个数组的效果。splice()方法可以在指定位置添加或删除元素，也可以用来合并两个数组。以上三中无论使用哪种方法，都不会改变原始数组，而是返回一个新数组。使用ES6新增的spread运算符可以更加简便地合并两个数组。可以使用push()方法将一个数组添加到另一个数组的末尾。这些都是常见的方法，开发者可以根据具体需求选择不同的方法。
2023-06-02 13:40:38
1389
原创 什么是虚拟DOM
Virtual DOM（虚拟DOM），是由普通的 JS 对象来描述DOM对象，因为不是真实的DOM对象，所以叫 Virtual DOM。
2023-05-31 17:10:59
1607
原创 Pinia实现持久化保存数据
/ 安装插件时调用// 从本地存储中读取状态// 将本地存储的状态转换为 JSON// 恢复存储的状态// 监听 Pinia 状态的变化并将其保存到本地存储});},});这样就可以实现 Pinia 的状态持久化了。需要注意的是，对于大型应用程序，插件的自定义实现可能会变得复杂，因此建议使用第三方库来实现 Pinia 的持久化。
2023-05-31 16:46:40
8409
原创 自定义Switch背景带文字
在上面的代码中，我们通过 import 关键字引入了自定义的 Switch 组件，并在 components 属性中注册。在组件内部，我们使用了一个 div 元素作为开关的容器，并且监听了容器的 click 事件。在父组件中引入 switchs 组件，并将组件的 value 绑定到父组件的数据中，即可实现开关的功能。在样式方面，我们定义了开关容器的样式、开关按钮的样式以及选中时的样式，从而实现了一个简单的自定义 Switch 组件。
2023-05-30 11:39:40
597
原创 v-if和v-show的区别
在Vue2中，v-if和v-for都是在编译阶段被处理的，这意味着它们只有在组件被实例化时才会被处理，而无论条件是否满足，它们的相关DOM都会被创建。而在Vue3中，v-if和v-for是在渲染时被处理的，这意味着只有在条件满足时，v-if所对应的DOM才会被渲染出来。Vue3中，v-show的渲染也进行了优化，当条件不满足时，v-show所对应的DOM只是被隐藏了，而不是被销毁。在Vue3中，v-show和v-if的优先级仍然是相同的，即v-show优先级高于v-if。
2023-05-25 08:07:21
1521
原创 VUE中的指令
Vue.js的指令是以v-开头的，它们作用于HTML元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看作特殊的HTML特性（attribute）。
2023-05-24 20:00:03
201
原创 Vue中响应式的原理
响应式数据的最终目标，是当对象本身或者对象属性发生变化时，将会运行一些函数，最常见的就是render函数。在具体实现上，vue用到了几个核心部件。
2023-05-23 18:11:49
136
原创 restful API
服务器不能保存客户端的信息，每一次从客户端发送的请求中，要包含所有必须的状态信息，会话信息由客户端保存，服务器端根据这些状态信息来处理请求，当客户端可以切换到一个新状态的时候发送请求信息，当一个或者多个请求被发送之后，客户端就处于一个状态变迁过程中。从请求方式上无法知道API是干嘛的，素有在URL上都会有操作的动词来表示API进行的动作，例如：query，add，update，delete等等。安全性是指：方法不会修改资源状态，朗读的为安全的，写的操作为非安全的。
2023-05-22 08:13:10
170
原创 vue3项目在手机端运行
电脑上按下windows+R，输入cmd，在电脑终端下，输入ipconfig，在以太网下获取ip地址（IPv4对应的值）：你的手机端一定要和电脑端处于同一局域网下，最好是手机连上电脑端的无线网。将 serve 运行中的内容改为以下内容。然后重新运行一下即可。
2023-05-19 08:21:11
777
原创 axios详解及Vue中接口的二次封装
axios是基于promise，用于浏览器和node.js的http客户端});2、 实例的方法以下是实例方法，注意已经定义的配置将和利用create创建的实例的配置合并//当创建实例的时候配置默认配置});//当实例创建时候修改配置。
2023-05-17 08:55:46
635
原创 promise实现原理解析
Promise是一个类，可以翻译为承诺、期约当通过new创建Promise实例时，需要传入一个回调函数，我们称之为executor这个回调函数会被立刻执行，并传入两个回调参数resolvereject当调用resolve回调函数时，会执行 Promise 对象的then方法传入的回调当调用reject回调函数时，会执行 Promise 对象的catch方法传入的回调Promisepending：待定状态，执行了 executor 后，处于该状态fulfilled：兑现状态，调用resolve()
2023-05-16 13:48:13
542
2
原创 详解 restful API
服务器不能保存客户端的信息，每一次从客户端发送的请求中，要包含所有必须的状态信息，会话信息由客户端保存，服务器端根据这些状态信息来处理请求，当客户端可以切换到一个新状态的时候发送请求信息，当一个或者多个请求被发送之后，客户端就处于一个状态变迁过程中。从请求方式上无法知道API是干嘛的，素有在URL上都会有操作的动词来表示API进行的动作，例如：query，add，update，delete等等。安全性是指：方法不会修改资源状态，朗读的为安全的，写的操作为非安全的。
2023-05-15 07:52:14
3230
1
原创 VueX详解
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex中有state、mutation、action、getter等核心概念。获取state可以通过this.$store.state.xx或者是通过定义mapState来获取。
2023-05-12 14:10:47
326
原创 vue3中setup语法糖
最开始Vue3.0暴露变量的方法必须return出来,template中才能使用,现在只需在script标签中添加setup,组件只需引入,不用注册,属性方法也不用返回,也不用写setup函数,也不用写export default,甚至是自定义指令也可以在我们的template中自动获得.在script setup中,引入的组件可以直接使用,无需再通过components进行注册,并且无法指定当前组件的名字,它会自动以文件名字为主,也就是不用在写name属性了.'接收reactive暴漏出来的值'
2023-05-11 15:19:42
1401
原创 Vue中的组合API详解
这里我们自定义了翻转文本顺序和获取窗口宽高的方法import {// reverseRef.value 就是引用的 DOM reverseRef . value . onclick = function() {// 获取 DOM 的文本 var msg = reverseRef . value . innerText;// 翻转文本 msg = msg . split('') . reverse() . join('');
2023-05-10 17:55:03
571
原创 Node安装及配置
本篇博文记录了Node.js安装与环境变量配置的详细步骤，旨在为将来再次配置Node.js时提供指导方法。另外：Node.js版本请根据自身系统选择，安装位置、全局模块存放位置和环境变量应根据自身实际情况进行更改。
2023-05-08 18:12:59
2804
原创 vue导航守卫详解
导航守卫又称为路由守卫，实时监控路由跳转时的过程，在路由跳转的各个过程中执行相应的操作，类似于生命周期函数，在开发过程中经常被使用，比如用户点击一个页面，如果未登录就调用到登陆页面，已登录就让用户正常进入。该守卫接收的参数与全局守卫是一样的，但是该守卫只在其他路由跳至配置有 beforeEnter 路由表信息时才生效。和全局前置守卫类似，区别是在跳转被确认之前，同时在所有组件内守卫和异步路由组件都被解析之后，解析守卫才调用。to： 记录着将要进入的目标路由对象的信息。next：表示执行下一步。
2023-05-06 14:01:57
544
1
原创 使用 Vue-cli 创建项目
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vjcxSwAK-1683203828586)(D:\杂物房\笔记\和项目相关\image\dong.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITkxqy8a-1683203828586)(D:\杂物房\笔记\和项目相关\image\wen.png)] 通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。如果有需要的可以选择 “y”
2023-05-05 08:28:56
1308
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人