自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 input输入框输入只能输入数字、字母等组合的正则表达式

input输入框输入只能输入数字、字母等组合的正则表达式

2022-12-25 20:05:18 4217 2

原创 HTTP请求状态码

当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含 HTTP 状态码的信息头(server header)用以响应浏览器的请求。HTTP 状态码的英文为。。......

2022-08-18 15:19:02 126

原创 全国科技者工作日—为创新和未来而努力

全国科技者工作日不仅是一个纪念日,更是一个追求卓越、创新和发展的动力源泉。科技工作者和整个社会都应该获得由内而外的正向推动,发挥每个力量的积极作用,共同推动科技创新发展的全方位进步。只有这样,我们才能够走在科技发展的前沿,创造更加美好的未来!

2023-05-31 14:48:18 459

原创 Uuiapp使用生命周期,路由跳转传参

在uniapp中,可以使用uni.navigateTo或uni.redirectTo方法进行路由跳转,并且可以通过传递参数来实现页面之间的数据传递。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。4. mounted:el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。3. beforeMount:在挂载开始之前被调用:相关的 render 函数首次被调用。1. beforeCreate:在实例初始化之后,数据观测和事件配置之前被调用。

2023-05-27 10:38:49 972

原创 探究Uniapp在移动端开发中的应用

Uniapp是一款基于Vue.js框架的跨平台开发工具,可以同时开发iOS、Android、H5、小程序等多个平台的应用。Uniapp的特点在于,它可以使用一套代码,同时生成多个平台的应用,大大提高了开发效率和开发成本。Uniapp作为一款跨平台开发工具,具有很多优势和应用场景。通过使用Uniapp,可以快速开发出适用于多个平台的应用,提高了开发效率和开发成本。未来,Uniapp将会不断完善和优化,为开发者们提供更好的开发体验和开发效率。

2023-05-27 08:53:34 1011

原创 uniapp使用uni.chooseLocation()打开地图选择位置

使用uni.chooseLocation()打开地址选择位置:添加这个属性:"requiredPrivateInfos":["chooseLocation"]

2023-05-10 09:52:00 1137 1

原创 vue3中ref的使用

ref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听。

2023-04-16 18:14:45 937 1

原创 vue3的setup的使用和原理解析

最近在做vue3相关的项目,用到了组合式api,对于vue3的语法的改进也是大为赞赏,用起来十分方便。1.解决了vue2的data和methods方法相距太远,无法组件之间复用2.提供了script标签引入共同业务逻辑的代码块,顺序执行3.script变成setup函数,默认暴露给模版4.组件直接挂载,无需注册5.自定义的指令也可以在模版中自动获得6.this不再是这个活跃实例的引用。

2023-04-01 08:50:46 351

原创 Vue3的新特性

Vue3为什么要使用 Vue31 . 更好的 逻辑复用 与 代码组织 ( composition 组合式 api )Vue3 之前使用的是 optionsAPI(选项式API)Vue3 使用的是 compositionAPI(组合式API)优点 : 代码组织更方便了, 逻辑复用更方便了 非常利于维护!!2 . 更好的 检测类型 ( 类型推导 Typescript 支持 )类型推导 : 就是在没有明确指出类型的变量,TypeScript 编译器会自动推测变量的类型。

2023-03-31 17:40:04 1720

原创 React 的路由传参

当子组件中无法拿到props时,我们通常使用withRouter()方法进行包裹,将返回值赋予一个新变量,这个变量就是我们包裹完的新组件将这个组件替换原来的组件就可以就。HashRouter这个是hash模式,带#号的,如果不想使用#,我们可以将HashRouter换为BrowserRouter就可以了。正常我们创建路由都是。

2023-03-29 21:15:08 942

原创 Vue计算属性详解

无论计算属性还是methos,这两种实现方式的最终结果是完全相同的。因为计算属性是基于缓存实现的,只在计算属性所依赖的数据发生改变时它们才会重新求值,否则访问 计算属性会立即返回之前的计算结果,而不必再次执行函数。 相比之下,每当触发重新渲染时,调用方法将总会再次执行函数。

2023-03-29 10:58:25 330

原创 微信小程序如何获取微信昵称和头像

这样数据就缓存成功了。需要注意的是,使用的缓存方法wx.setStorage,那对应的获取数据时也要用wx.getStorage。获取用户信息按官方的来即可。但是在登录小程序获取一次后我们需要把用户信息存起来,不能点击一次获取一次。的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回。这个API获取用户信息。页面产生点击事件(如。

2023-03-24 17:12:39 7377 7

原创 Vue中实现路由跳转的三种方式详细分解

params传参,push里面只能是 name:‘xxx’,不能是path:‘/xxx’,因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!实现路由内容的地方,引入组件时写到需要引入的地方 需要注意的是,使用vue-router控制路由则必须。创建路由规则数组(需要准备切换的页面组件)把准备好的页面组件引入到main.js中。to=“/path/值” (需在路由规则里配置/path/:参数名)==注意:==这里使用name路由跳转方式路径不需要加。

2023-03-16 19:19:04 7995 1

原创 Vue3中常用的语法详细分解(响应式数据,声明响应式数据,自定义事件,计算属性,监听器)

/ Vue2// ....methods: {add() {},// Vue3// ....setup(){这个其实没有什么新东西,需要手动指定watch(() => 谁,()=>{})})return {get(){track()},// 通知vue,请重新渲染trigger()})setup(){return {arrtrigger()})return {get(){track()},// 通知vue,请重新渲染trigger()})

2023-03-13 18:52:45 1217 1

原创 Vue3手写分页在分页的基础上用到Pagination 分页组件

近期有个项目要用到分页组件,但是内容不是表格,所以自己就研究了一下在Pagination 分页组件的基础上手写了分页

2023-03-08 21:01:30 929

原创 Vue项目中引入高德地图步骤详解

Vue项目中引入高德地图步骤详解

2023-03-03 22:10:11 11371 15

原创 Vue中splice的使用

/删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)//替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1。//替换起始下标为1,长度为2的两个值为‘ttt’,len设置的1。//删除起始下标为1,长度为2的一个值(len设置2)item:替换的值,删除操作的话 item为空。len: 替换/删除的长度。index:数组开始下标。//在下标为1处添加一项'ttt'

2023-03-02 16:09:41 969

原创 Vue3自定义组件遇到分页传输数据不正确解决办法

Vue3遇到问题在没有分页的情况,自定义组件的表现没有任何问题,但是当出现分页的时候,问题就出来了,当然如果不仔细的话,也不好发现,因为tableData展示的数据也是正确的,那么问题在哪?出现在往自定义组件传参的地方假设一共21条数据,10条一分页,第一页的id自上到下为1-10,第二页自上到下为11-20,第三页为21。

2023-02-26 19:29:50 429

原创 Vue上传图片使用Element组件实现

最近有个后台管理项目要实现上传图片功能,然后呢我就用Element组件实现了这个功能。action属性是要结合你接口文档的上传图片,不然你是上传空白的。

2023-02-24 22:24:59 850

原创 Css实现坐标点位效果

【代码】Css实现坐标点位效果。

2023-02-19 20:56:25 201

原创 如何给img标签里的请求添加自定义header

request.setRequestHeader('Authorization', '凭证信息');super();if (url!

2023-02-14 10:59:51 3373

原创 Vue 模拟通讯录列表用 js-pinyin 获取汉字首字母,形成字母索引

【代码】使用vue模拟通讯录列表,对中文名拼音首字母提取并排序。

2023-02-09 15:06:43 804

原创 在Vue中引入vant报错(解决办法)

2、以不同的vant版本暗转:npm install -S [email protected]。2、降低npm版本:npm install [email protected] -g。因为可能会产生依赖冲突,所以一般会在后面加上 -f 强制执行。注意:可能会遇到版本兼容的问题,此时运行项目会报黄。在Vue项目的main.js文件中写入如下代码。你会发现项目跑不了了。1、先卸载掉vant。1、先卸载点vant。

2023-02-07 10:02:02 2642

原创 uniapp 跳转外部链接

uni.navigateTo跳转到我们定义的一个内部页面,内部页面接收需要跳转到外部的URL

2023-02-02 20:03:33 1581

原创 分割字符串的方法

返回某个指定的字符串值在字符串中首次出现的位置(从左向右)。没有匹配的则返回-1,否则返回首次出现位置的字符串的下标值。表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符。方法返回从右向左出现某个字符或字符串的首个字符索引值(与indexOf相反)将一个字符串分割为子字符串,然后将结果作为字符串数组返回。表示从start位置开始,截取length长度的字符串。

2023-02-01 20:13:13 10849

原创 JS 获取后七天内的日期,包括当前时间

每次调用setDate更改会改变today这个日期,当日期大于当前日期上线时,会更改月份为下一个月则变成5月(28+i)大于五月日期上线则再月份加一以此类推;如果你只是想获得日期这个数,可以获取到当前月份最后一天,声明一个变量等于每次的日期加下标,当这个变量大于当前月份最后一天则让变量减去本月最后一天就可以。setDate()会比较传入参数是否大于当前月份日期上线,大于则月份加一,余数为下月的日期。那要获取七天那就循环七每次让当前天数加下标,就可以获取到这七天每天的日期。

2023-01-29 19:19:17 2070

原创 微信小程序2.9.0基础库canvas2D新API,生成海报保存到手机功能实现

支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。canvas Object 否 画布标识,传入 canvas 组件实例 (canvas type=“2d” 时使用该属性)。canvasToTempFilePath的官方文档写着在。实例,使用的官方的代码。用一个变量canvas保存实例,后续保存时会调用。我在这里面使用的canva 获取。回调里调用该方法才能保证图片导出成功。

2023-01-13 11:02:21 835

原创 小程序下拉刷新的实现

3.其中最重要的一步,最容易被忽略的一步,需要在对应页面的json文件中加入enablePullDownRefresh这个属性。1.使用onPullDownRefresh()这个方法来实现下拉刷新。2.使用wx.stopPullDownRefresh()停止下拉刷新。使用方式需要在你页面调用接口的最后一个方法中执行,就可实现。注意事项:需要将要加载的函数在。完成以上步骤就可实现下拉刷新。这个事件方法里面调用。

2023-01-11 19:40:26 1968

原创 微信小程序——上传图片

上传 图片

2023-01-09 22:23:56 358

原创 微信小程序底部自定义弹窗

【代码】微信小程序底部自定义弹窗。

2023-01-07 20:01:33 1087 3

原创 微信小程序选项卡页面切换

选项卡效果切换如下:滑动即可对应切换。

2023-01-05 20:02:49 1828

原创 微信小程序购物车 数量加减功能

现在就为大家介绍这个小组件,在微信小程序中,该如何去写。

2023-01-04 20:57:30 1025

原创 微信小程序页面跳转三种方式

为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽量避免多层级的交互方式。页面跳转的话就涉及到了多个页面层级​

2023-01-04 10:49:11 5005

原创 react中引入svg

创建的项目,直接引入使用即可,否则还要使用file-loader等插件。

2022-12-28 20:31:33 351

原创 React路由跳转的几种方式

键对应的值就是拼接在地址栏的数据。键对应的值就是拼接在地址栏的数据。是版本5以上,路由形式是。

2022-12-23 19:14:08 3401

原创 react性能优化的方法

react性能优化的6中方法:1.避免使用内联函数。每次render渲染时,都会创建一个新的函数实例,应该在组件内部创建一个函数,讲事件绑定到函数,这样每次调用render时,就不会创建单独的函数实例。2.使用react fragement 避免额外标记。用户创建新组件时,每个组件应具有单个父标签,父级不能有两个标签。所以顶部要有一个公共标签,所以经常在组件顶部添加额外标签div,这个div标签充当父标签意外,没有其他作用,这个时候可以使用fragement,它不会向组件引入任何的额外标记,但是可以作为

2022-12-23 18:57:38 332

原创 React与Vue的区别

(1)都支持服务器渲染;(2)都是数据驱动视图;在以前,我们需要频繁操作DOM实现页面效果。而Vue和React就隐藏了DOM的频繁操作,采用数据驱动视图的方式,只需要关注数据的变化。(3)都遵循组件化思想;React和Vue都遵循组件化思想,它们把注意力放在UI层,将页面分成一一些细块,也就是组件,组件之间组合嵌套就形成最后的网页界面。(4)都使用虚拟DOM;(5)都有状态管理;react有redux,vue有vuex。不同点(1)框架本质不同;Vue本质是MVVM框架,是由MVC发展来的;Reac

2022-12-07 19:54:22 194

原创 如何用正则表达式判断手机号格式正不正确

如何用正则表达式判断手机号格式正不正确​

2022-12-07 19:49:33 962

原创 react 路由配置

1. 安装react-router-dom2. 在app.js中导入3. 使用懒加载4. 配置路由总结:Suspense 是配合懒加载lazy使用的,fallback为模块未加载出来时的页面。

2022-12-03 15:17:40 175

原创 react中路由重定向

react路由重定向官方文档说明render 属性:是一个函数prop,用于指定要渲染的内容Redirect 组件用于实现路由重定向,to 属性指定要跳转到的路由地址如下代码逻辑说明:当进来到页面中是默认路由的时候,就进行一个路由的重定向,重定向到 /home路由路由是home了那就匹配到Hoem组件。Home组件代码,看路由跳转模块即可。路由是/home,那就接着匹配显示的组件

2022-12-03 15:15:47 1419

空空如也

空空如也

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

TA关注的人

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