自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(152)
  • 收藏
  • 关注

原创 使用axios 实现断点续传的功能

我们可以使用 Axios 库来轻松实现断点续传、重试、暂停、开始和上传进度功能。Axios 是一个流行的 JavaScript 库,它可以帮助我们轻松地发送 HTTP 请求。首先,我们需要安装 Axios 库。我们可以使用以下命令来安装 Axios。

2024-07-15 10:15:26 274

原创 微信小程序wx.previewImage实现图片预览

当用户在预览界面中切换图片时,可以通过手势进行左右滑动切换。另外,用户也可以进行缩放操作来放大或缩小图片。函数用于预览图片,可以将一组图片以轮播的方式展示给用户,并支持用户手势操作进行切换。中的链接/路径可以是本地文件路径(相对路径)或者远程图片链接。属性是一个数组,包含了需要预览的图片链接/路径列表。在实际使用过程中,你可以根据自己的业务需求来动态生成。以上示例中,当用户点击"预览图片"按钮时,会触发。属性的值,以满足不同场景下的预览需求。属性指定了当前显示的图片链接/路径,在合适的事件或函数中调用。

2024-05-22 20:53:31 1254

原创 React VDom (虚拟DOM)

频繁地操作 DOM,导致频繁的出现回流跟重绘,会产生一定的性能问题,因此我们需要这一层抽象,在 patch 过程中尽可能地一次性将差异更新到 DOM 中,这样保证了 DOM 不会出现性能很差的情况。要实现这么低的时间复杂度,意味着在比较差异时只会对同一层级的节点进行比较,因为如果进行完全的比较,算法实际复杂度会过高,所以舍弃了这种完全的比较方式,而采用同层比较。假设我们有 4 个元素,旧的元素是 1、2、3、4,新的元素是 1、3、2、4,但是如果我们用了索引值 index,那么它们就一直是 0-3。

2024-05-07 17:58:54 988

原创 微信小程序下载文件详解

这就是在微信小程序中下载文件的基本流程。记得处理好下载失败等异常情况,以提高用户体验。这个 API 可以将网络资源下载到本地临时文件路径,然后你可以使用。将临时文件保存到本地持久存储位置。,你可以在此处继续其他操作,比如保存文件或者展示文件等。如果需要将下载的文件保存到本地永久存储位置,可以使用。,你可以在此处继续其他操作,比如展示、分享等。在成功回调中,你会得到一个临时文件路径。在微信小程序中,下载文件通常涉及使用。在成功回调中,你会得到文件保存的路径。

2024-05-07 10:58:33 1501 1

原创 微信开发者工具Cannot read property ‘getCloudAPI‘ of undefined

运行项目时一开始是正常的,然后就遇到工具报错:Error: Fatal: unexpected loadSdkSubPackage case,尝试了更新开发工具、重新拉取代码后依然无效。最新版开发者工具,基础库用最新的2.31.0就出现这个错误。降低版本(2.30.2)才正常。

2024-05-07 10:55:38 427 1

原创 微信小程序-wx.downloadFile()

【代码】微信小程序-wx.downloadFile()

2024-05-07 10:49:11 909

原创 微信小程序下载图片到本地

【代码】微信小程序下载图片到本地。

2024-05-06 17:02:17 476

原创 生命周期钩子 vue.js

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。

2024-05-05 23:53:16 276

原创 vue.js 路由

中,客户端的 JavaScript 可以拦截页面的跳转请求,动态获取新的数据,然后在无需重新加载的情况下更新当前页面。这样通常可以带来更顺滑的用户体验,尤其是在更偏向“应用”的场景下,因为这类场景下用户通常会在很长的一段时间中做出多次交互。服务端路由指的是服务器根据用户访问的 URL 路径返回不同的响应结果。当我们在一个传统的服务端渲染的 web 应用中点击一个链接时,浏览器会从服务端获得全新的 HTML,然后重新加载整个页面。在这类单页应用中,“路由”是在客户端执行的。

2024-05-05 23:51:27 428

原创 Boolean 类型转换

为了更贴近原生 boolean attributes 的行为,声明为。类型的 props 有特别的类型转换规则。当一个 prop 被声明为允许多种类型时,的转换规则也将被应用。时,有一种边缘情况——只有当。该组件可以被这样使用。

2024-05-05 23:50:03 306

原创 Prop 校验

Vue 组件可以更细致地声明对传入的 props 的校验要求。比如我们上面已经看到过的类型声明,如果传入的值不满足类型要求,Vue 会在浏览器控制台中抛出警告来提醒使用者。这在开发给其他开发者使用的组件时非常有用。要声明对 props 的校验,你可以向一些补充细节:所有 prop 默认都是可选的,除非声明了。除Boolean外的未传递的可选 prop 将会有一个默认值undefined。Boolean类型的未传递 prop 将被转换为false。这可以通过为它设置default来更改——例如:设置为。

2024-05-05 23:48:35 457 1

原创 关于props的单向数据流

所有的 props 都遵循着原则,props 因父组件的更新而变化,自然地将新的状态向下流往子组件,而不会逆向传递。这避免了子组件意外修改父组件的状态的情况,不然应用的数据流将很容易变得混乱而难以理解。另外,每次父组件更新后,所有的子组件中的 props 都会被更新到最新值,这意味着在子组件中去更改一个 prop。。。

2024-05-05 23:46:33 480

原创 传递 prop 的细节

如果一个 prop 的名字很长,应使用 camelCase 形式,因为它们是合法的 JavaScript 标识符,可以直接在模板的表达式中使用,也可以避免在作为属性 key 名时必须加上引号。,因为这提高了模板的可读性,能帮助区分 Vue 组件和原生 HTML 元素。然而对于传递 props 来说,使用 camelCase 并没有太多优势,推荐更贴近 HTML 的书写风格。在上述的两个例子中,我们只传入了字符串值,但实际上。类型的值都可以作为 props 的值被传递。

2024-05-05 23:44:22 199

原创 Props

一个组件需要显式声明它所接受的 props,这样 Vue 才能知道外部传入的哪些是 props,哪些是透传 attribute (关于透传 attribute)。对象形式的 props 声明不仅可以一定程度上作为组件的文档,而且如果其他开发者在使用你的组件时传递了错误的类型,也会在浏览器控制台中抛出警告。对于以对象形式声明的每个属性,key 是 prop 的名称,而值则是该 prop 预期类型的构造函数。选项的值是相同的,两种声明方式背后其实使用的都是 prop 选项。的组件中,prop 可以使用。

2024-05-05 23:40:53 317

原创 微信小程序常用的api

此外,还有一些其他常用的API,如。用于显示和隐藏加载提示框等。用于向用户请求某项授权,

2024-04-28 07:56:58 1810

原创 微信小程序详解

同时,微信小程序平台也提供了一系列的开发文档和社区支持,帮助开发者解决常见问题。例如,在微信的“搜索”功能中直接搜索小程序名称,或者在微信的“发现”界面找到“小程序”入口,进而浏览和使用各类小程序。此外,微信还提供了“附近的小程序”功能,方便用户找到周边可用的服务。微信小程序是一种无需下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户只需扫一扫或搜索一下即可打开应用。总的来说,微信小程序是一个功能强大、使用便捷的应用形态,它为用户提供了更加丰富的服务选择,同时也为开发者提供了更多的创新机会。

2024-04-28 07:55:56 423

原创 如何在小程序中添加图片和视频

这里,“src”属性是图片的URL链接,它可以是网络上图片的链接,也可以是已经上传到小程序项目的图片资源链接。如果想要添加的是腾讯视频,需要开启腾讯视频插件,并复制腾讯视频的链接地址。在WXML文件中,可以使用。在微信小程序中添加图片和视频可以通过特定的组件和属性来实现。也可以在WXSS文件中定义图片的样式。这里,“src”属性是视频的URL链接。属性用于设置图片的宽度和高度。对于添加图片,你可以使用。

2024-04-28 07:53:54 3384 1

原创 微信小程序——Git版本管理

微信开发者工具中的Git为了方便开发这更简单快捷地进行代码版本管理,简化一些常用的git操作,并降低我们学习代码版本管理的学习成本,开发者工具集成了git版本管理的面板,使用可视化代码管理面板。

2024-04-26 08:16:50 416

原创 JS正则表达式隐藏身份证中间8位(电话号码/姓名/千位符)

1. 身份证隐藏中间8位(出生年月日)2. 电话号码隐藏中间四位。6.输入的数字不能超过10万。4. 姓名只显示最后一个字。7.验证统一社会信用代码。根据身份证号计算年龄。

2024-04-23 14:14:09 1160

原创 uniapp自定义顶部导航栏

然后在pages.json文件里配置自定义导航栏。留一个设备安全区的位置哦。

2024-04-22 15:54:08 607

原创 TypeError: Cannot read property ‘forceUpdate‘ of undefined

今天给大家展示一个 我自己在写项目的时候遇到的保存 其实很简单就是没有修改addid。把自己的小程序appid填上去就好了 学习记录笔记!

2024-04-22 10:02:12 405

原创 yarn的安装和配置

这就是Yarn的基本安装和配置过程。

2024-04-19 00:45:00 254

原创 postcss详解

PostCSS 是一种工具,用于转换 CSS 代码。它使用插件来解析 CSS 并将其转换为另一种格式,比如自动添加浏览器前缀、压缩 CSS 代码、使用未来的 CSS 特性等。PostCSS 本身只是一个框架,真正的工作是由它的插件来完成的。PostCSS 的强大之处在于其插件机制。开发者可以创建插件来扩展 PostCSS 的功能。例如,插件可以自动为 CSS 属性添加浏览器前缀,确保样式能在不同浏览器中正确显示。PostCSS 使用解析器将 CSS 代码转换为抽象语法树(AST)。

2024-04-19 00:30:00 799

原创 如何循环对象内所有属性,并赋值为‘’

在这个例子中,我们首先定义了一个包含属性和对应值的对象 obj。然后,通过 for...in 循环遍历对象的每个属性,使用 hasOwnProperty 方法来确保属性是对象自身的属性(而不是继承而来的)。最后,将每个属性的值赋为空字符串。运行上述代码后,你会发现对象 obj 的每个属性值都变成了空字符串。这种方法可以帮助你循环对象内的所有属性,并对它们进行赋值操作。在 JavaScript 中,你可以使用 for...in 循环来。内的所有属性,并将它们的值赋为空字符串。

2024-04-18 09:30:00 467

原创 Fiddler

对于IE浏览器,Fiddler会自动设置其PROXY为127.0.0.1:8888,从而抓取IE浏览器与服务器之间的所有HTTP(s)请求。Fiddler的优点在于其强大的功能、易用性高、兼容性好,并且免费。然而,Fiddler也有一些缺点,比如需要在开发机器上安装和配置,对开发环境有一定要求;在使用过程中,需要注意Fiddler的启动和退出状态,避免因非正常退出而导致网页无法访问的问题。总的来说,Fiddler是一款功能强大的网络调试工具,对于开发者和测试人员在网络调试过程中提供了极大的便利。

2024-04-18 09:07:00 287

原创 小程序如何引入自定义组件

需要注意的是,自定义组件和页面有一些区别,例如自定义组件的`wxml`文件中只能使用相对路径来引用其他文件,而页面的`wxml`文件可以使用绝对路径。5. 在页面中引入自定义组件:在需要使用自定义组件的页面的`json`文件中引入自定义组件。3. 编写组件的模板文件:在`component.wxml`文件中编写组件的结构和布局,使用小程序的组件标签和WXSS样式来定义组件的外观。4. 编写组件的样式文件:在`component.wxss`文件中编写组件的样式,可以为组件添加各种样式效果。

2024-04-18 08:00:00 261

原创 微信小程序-实现一个简单的下拉页面刷新的效果

用户在页面下拉时会触发 onPullDownRefresh 事件,开发者可以在该事件中处理数据刷新逻辑。首先可以在你想要实现下拉刷新的页面添加也可以全局添加。

2024-04-17 11:28:57 214

原创 微信小程序获取蓝牙信标

如果需要配合音频使用的话 可以加一个背景音频 微信小程序自带的audio已经不能用了 这里要用的是微信的背景音频。蓝牙获取成功以后将这穿代码塞进去 src需要自己调配。再配合一下这写就可以实现进入页面播放音频啦。

2024-04-17 11:05:53 1055

原创 Axios的七大特性

总的来说,Axios作为一个功能强大的HTTP客户端,在处理HTTP请求时提供了许多便利的特性,使得开发者能够更轻松地处理网络请求,并且在各种场景下表现出色。Axios是一个基于Promise的HTTP客户端,用于浏览器和Node.js环境中发起HTTP请求。Axios允许你在请求和响应被发送或接收时拦截它们,这样你可以进行自定义的处理,例如在请求发送前设置token,在响应处理后统一处理错误信息等。Axios支持取消请求的功能,当某个请求已经不再需要时可以取消正在进行的HTTP请求,避免产生无效的请求。

2024-04-16 10:45:53 1075

原创 图片预览样式崩掉如何解决

核心代码: preview-teleported ='true'

2024-04-15 07:45:00 259

原创 getLocation需要在app.json中声 明permission字段

这是我在使用微信小程序的时候 获取本机地址的时候会出现的这个问题 这个问题很好解决。位置授权要先在app.json里声明一下,在app.json中加入以下这段代码。获取本地定位的代码也很简单。

2024-04-15 05:00:00 399

原创 微信小程序地图开发总结-规划路线

虽然map组件使我们可以很方便的使用地图,但是map组件只提供了最基本的地图显示功能,同时,微信小程序提供的关于地图的API也只是提供了一些简单的功能,在实际中无法满足我们的各种需求,如果需要使用到路线规划,距离计算等功能,我们可以在微信小程序中接入腾讯地图,高德地图,百度地图等服务,再结合map组件,去实现我们需要的功能。String,路线规划选择,可选值:'driving'(驾车)、'walking'(步行)、'bicycling'(骑行)、'transit'(公交),默认:'driving'

2024-04-13 16:58:17 1721

原创 message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra

【代码】message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra。

2024-04-11 13:47:51 504

原创 将扁平数据转换为树形数据的方法

当遇到了好多扁平数据我们都无从下手?调用这个函数传入实参就可以用啦~家人们 无脑调用这个函数就好了。

2024-04-10 07:00:00 264

原创 程序员35岁会失业吗?

对于那些担心技术更新换代速度快的程序员来说,确实,随着科技的发展,新的编程语言和框架层出不穷。同时,他们丰富的经验和深厚的技术积累也使他们能够更好地理解和应用新技术,从而在项目中发挥更大的价值。另一方面,一些程序员认为35岁是一个黄金时期,因为他们已经积累了大量的经验和技能,可以在团队中发挥领导作用,甚至转型为技术管理者或架构师。此外,他们的经验和智慧也使他们成为团队中的宝贵财富,能够为年轻程序员提供指导和帮助。因此,不必过分担心年龄对职业发展的影响,而是应该关注何不断提升自己的能力和价值。

2024-04-09 08:15:58 293

原创 vue3版本的爱心源码

【代码】vue3版本的爱心源码。

2024-04-09 07:58:38 407

原创 利用ES6 Set去重

方法三: 使用 includes。方法二: 使用 indexOf。方法四: 使用 filter。方法五: 使用 reduce。方法一: 使用 Set。

2024-04-08 21:52:38 608

原创 Vue计算属性详解

计算属性与在方法(methods)中定义的函数的主要区别在于计算属性是基于它们的依赖进行缓存的。Vue的计算属性(Computed Properties)是一种更高级的数据绑定方式,它基于它们的依赖进行缓存。这意味着只要依赖的数据没有发生变化,多次访问计算属性会立即返回之前缓存的结果,而不需要重新执行计算逻辑。总结:Vue的计算属性是一种高效的数据绑定方式,它基于依赖进行缓存,使得在处理复杂逻辑或大量计算时能够提供更好的性能。当依赖的数据发生变化时,Vue会自动重新计算并更新计算属性的值。

2024-04-08 21:09:04 582

原创 解决el-image点击回显问题

你看 点击会有一个这个画面崩掉的问题 这个时候用到一个东西就可以解决了。添加这个属性 preview-teleported ='true'

2024-04-08 21:02:14 1057

原创 在Vue 3中实现页面锁屏功能

可以通过创建一个全屏遮罩层来实现。当需要锁屏时,显示这个遮罩层;

2024-04-07 21:02:52 667

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除