自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp自动滚动到底部

这个没什么可以讲的就是获取dom然后跳到到dom位置,直接上代码,复制直接能用。

2023-04-16 08:43:19 902 1

原创 git使用手册——简单实用

6、git remote add origin http://192.168.36.10:10080/quantum_rng_testing/nist (”quantum_rng_testing/nist“ 为工程的目录,这次不要后面的.git后缀)打开将你的用户名,邮箱配置了,这是个全局配置,会把所有这个电脑上的仓库都写上,当然你可以针对某个仓库设不同的。(比如代码是从工程中直接DOWNLOAD ZIP文件,该文件与原MASTER分支是独立的)合并过后分支就可以删除了,可以在码云的分支管理里删除;

2023-04-13 19:14:14 1325 23

原创 uni-app+uView如何轮播图滑动时改变背景颜色和导航栏颜色

通过获取到的轮播的index,取出来后端传来的背景色,再分别赋值给导航栏和轮播图的背景。上边实际就是一个自定义的导航u-navbar,一个包裹着轮播图的背景和轮播图自己;实际上如果你没用uView,甚至也不是uni-app,只要你是vue开发的。这也是在群里看到的,群友问如何在滑动(或者自动滑动)的时候背景颜色能跟着变。这逻辑都适用,主要就是一个css的传值,解决这个就都好办。当轮播图change的时候,触发changeSwiper。正好之前做过这个需求,也分享一下。对应的,我们需要初始化一下。

2023-03-22 19:17:52 1610

原创 js实现字符串转json对象的四种方法

语法://必须把文本包围在括号中,这样才能避免语法错误eval()定义:eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。由于 JSON 语法是 JavaScript 语法的子集,JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。注意:当字符串中包含表达式时,eval() 函数也会编译并执行,转换会存在安全问题。

2023-03-22 19:16:49 1503

原创 微信小程序顶部栏图片随页面滚动渐变展示隐藏

小程序顶部通栏,展示图片,随着页面滚动,开始渐变展标题记及纯色吸顶样式主要使用了小程序中的组件,通过和改变顶部栏的样式效果效果如图:运用技术:主要使用了小程序中的组件,通过和改变顶部栏的样式效果,如果不使用,有时候会在快速滑动到顶部时,不能到最顶部。

2023-03-15 11:16:37 1075

原创 uni-app读取json数据

【代码】uni-app读取json数据。

2023-03-15 10:23:38 1928

原创 前端window.open实现导出携带参数

直接写路径,可以直接打开,如果需要带参数的话,可以像我一样,记得使用。的插值表达式,tab建上面的那个小引号··用来携带参数。

2023-03-06 08:47:07 649

原创 uniapp开发小程序动态更换状态栏颜色——简单便捷

一个小程序内不同的页面,导航栏颜色更换。有一个没填就没有效果,写在页面上跟。这是两个页面,一个小程序内~这两个都是必填项哦~

2023-03-06 08:42:17 1744

原创 vue的优缺点——总结

数据驱动:采用数据劫持结合发布者和订阅者模式,通过“Object.defineProperty()”来劫持各个属性的setter、getter,在数据变动时发布消息给订阅者,触发相应监听回调。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。组件化:把页面拆分成多个组件,每个组件依赖css,js,模板等放在一起开发维护。单向数据流:数据总是从父组件传递到子组件中,子组件无权修改父组件中的数据。单页面路由:页面局部刷新,不用每次跳转页面都要请求所有数据和dom。

2023-02-28 19:13:57 360

原创 sort 和 localeCompare()排序

localeCompare:用本地特定的顺序来比较两个字符串。

2023-02-28 19:12:19 61

原创 uniapp本地存储

将data存储在本地缓存中指定的key中,会覆盖掉原来该key对应的内容, 这是一个同步接口。将数据存储在本地缓存中指定的key中, 会覆盖掉原来该key对应的内容, 这是一个异步接口。vue的本地存储方式, 小程序在浏览器测试时也可以实现, 但是在真机运行时不能实现。从本地存储中异步获取对应可以对应的内容。从本地缓存中同步获取指定key对应的内容。同步获取当前storage的相关信息。从本地缓存中异步移除指定key。从本地缓存中同步移除指定key。同步清理本地数据缓存。

2023-02-23 09:43:45 324

原创 前端vue实现获取七天时间和星期几功能

也参考大神们的方法进行改进更合适项目。

2023-02-22 19:10:46 1680

原创 uniapp小程序录音功能权限问题

【代码】uniapp小程序录音功能权限问题。

2023-02-18 20:00:00 1128

原创 uniapp 授权,用户拒绝之后重新调用

记录一下今天的录音授权。

2023-02-18 19:55:40 506

原创 uni-app实现选项卡功能

原理很简单,就是点击切换内容。

2023-02-14 19:44:44 2198

原创 将小程序代码转成uni-app代码

项目,然后在pages文件下创建一个目录,随便创建,你这里和你小程序的项目名称保持一致也是可以的。首先你可以先到uni-app的官网简单看一下对它的介绍,本次文章的介绍是针对简单的微信小程序来进行的转化。3.3、接下来就要修改 标签的一些属性方法的用法了,这里只介绍我遇到了,没有介绍到的可以到官网进行查看。在小程序中 使用data- (在小程序中 使用data- 小程序的方法不支持直接传递数据)4、最后一步,就是把 小程序里的 js 写的方法放在 script标签下。

2023-02-13 17:58:38 3321

原创 Vue3中setup下的路由跳转页面

【代码】Vue3中setup下的路由跳转。

2023-02-07 09:57:06 1002

原创 微信小程序获取用户头像和昵称(填写头像昵称能力)

此时获取到的头像路径为本地路径,虽然可以在页面上显示,但是并不能直接入库使用,浏览器上是访问不到的。需要上传到我们自己的服务器,后面每次使用都从我们自己的服务器上取。其实说白了就是之前头像文件我们都是从微信服务器获取的,现在需要去我们自己的服务器获取了。总体来说就是通过按钮来授权获取用户基础信息的能力都没啦(wx.getUserProfile,wx.getUserInfo都不行了),都要使用新版本的 【头像昵称填写能力】啦。适配头像时需要注意的地方。

2023-02-07 09:54:36 1408

原创 Vue3 之 过滤器

不建议把过滤器功能做的很复杂,这违背了过滤器的设计初衷,比如:Vue.filter(‘format’, function (value, …params) {…过滤器函数总是接收表达式的值作为第一个参数,过滤器本质上是一个 JS 函数,自然可以接收多个参数。v-bind 表达式:v-bind:href=“变量 | 过滤器”双花括号:{{ 变量 | 过滤器 }}实例:为表达式的值添加前后缀的过滤器。首字母转换为大写字母的全局过滤器。过滤器本质上是一个函数,与。

2023-02-07 09:50:37 13724 7

原创 微信小程序——video视频播放

video组件常用于视频的播放,默认宽度为300px,高度为225px。创建的videoContent对象,用于对video组件进行控制。可以实现视频的播放暂停,发送弹幕,获取视频所处位置等。

2023-02-07 09:47:22 2800

原创 微信小程序——实现简单弹出层

在制作小程序项目时想要弄一个有遮罩层的弹出框,但是写一个这个就弄一个组件比较麻烦,就简单手写一个,本人手拙,要是那点写错了,大家多多指点。

2023-02-04 09:37:33 2512

原创 微信小程序怎么新建页面

5、将test页面的路径加入 app.json中,打开app.json文件,在pages代码段的最后面,添加 "pages/test/test"语句,中间用逗号隔开。2、在test文件夹下新建一个text.wxml 文件,右击test文件夹,在弹出的菜单里,选择新建wxml,输入文件名test,添加组件代码。1、新建一个项目后,在pages 中添加一个目录,选中page,右击鼠标,在弹出的菜单里,选择新建一个文件夹test。3、在test文件夹下,同样创建test.js文件。

2023-01-30 19:34:09 3252 1

原创 微信小程序—点击实现页面跳转

但需注意,跳转到tabBar页面和非tabBar页面所调用的函数方法不一样。

2023-01-30 19:29:13 6362

原创 微信小程序报错:WAServiceMainContext.js:2 Object(env: Windows,mp,1.05.2203070; lib: 2.14.1)

跳转页面时报错:WAServiceMainContext.js:2 Object(env: Windows,mp,1.05.2203070;lib: 2.14.1)刚开始找了好多解决方法都没有解决,最后发现是app.json入口文件pages里面没有配置路径,导致报错,跳转页面不成功,配置完路径,完美解决。今天又遇到这个报错了,这次app.json入口文件已经配置路径,还是报错,最后在路径前面加了个/能够正常跳转了,具体原理不是很清楚,还需多加学习。

2023-01-30 19:27:51 3491

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

url String 是 需要跳转的应用内页面的路径 , 路径后可以带参数。分隔,参数键与参数值用=相连,不同参数用&分隔;关闭当前页面,返回上一页面或多级页面。为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽量避免多层级的交互方式。delta Number 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页。保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。关闭当前页面,跳转到应用内的某个页面。参数 类型 必填 说明。

2023-01-29 19:16:22 8967

原创 uniapp和微信小程序的区别

uniapp写法:uni.request,uni.showModal、uni.showToast、uni.showLoading、uni.chooseImage、uni.switchTab、uni..navigateo、uni.setStorageSync等等。原生写法:wx.request、wx.showModal、wx.showToast、wx.showLoading、wx.chooseImage、wx.switchTab、wx.navigateo、wx.setStorageSync等等。

2023-01-29 19:14:09 6622 9

原创 js/javascript获取时间戳的5种方法

在开发的中需要精确到秒的时候,推荐使用 第1种方法,也需要除以1000才行,如果是需要时间戳毫秒的推荐 +new Date() 和 new Date().getTime();2.获取时间戳精确到毫秒,13位。3.获取时间戳精确到毫秒,13位。4.获取时间戳精确到毫秒,13位。5.获取时间戳精确到毫秒,13位。

2023-01-12 15:55:00 19370

原创 HTML+CSS+JS实现简单的登录账号密码判断

不讲虚的,直接上干货。

2023-01-12 15:47:06 627

原创 去掉字符串的第一个反斜杠/,正则表达式

【代码】去掉字符串的第一个反斜杠/,正则表达式。

2023-01-12 09:09:35 477

原创 JS任意分离数组、相同元素累加、根据某个相同元素值 合并组成新的数组等实用的方法

我们在处理后端传过来的手机号或者订单号需要进行。

2023-01-12 09:07:42 967

原创 element中datepicker日期选择器控制选择时间范围

【代码】element中datepicker日期选择器控制选择时间范围。

2023-01-04 11:17:29 732

原创 Vue中 使用定时器 (setInterval、setTimeout)

开始的时候创建了一个定时器 setInterval ,时间间隔为2秒,每2秒都会调用一次函数 valChange,从而使 value 的值+1。js中定时器有两种,一个是循环执行 setInterval,另一个是定时执行 setTimeout。顾名思义,循环执行就是设置一个时间间隔,每过一段时间都会循环执行这个方法,直到这个定时器被销毁掉;开始时候创建一个定时器 setTimeout,只在2秒后执行一次方法。注意:定时器需要在页面销毁的时候清除掉,不然会一直存在!,但是执行完以后定时器还在,只是不再运行;

2023-01-03 19:13:39 3017

原创 解决IE浏览器无法显示VUE项目的方法

一、ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser。Promise为ES6语法,有的浏览器不支持ES6,所以需要安装babel-polyfill来将ES6转换为浏览器可识别的ES5语法。

2022-12-31 20:26:14 2280

原创 cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。

安装过程可能要持续好几分钟哦~~~~查看一下电脑是否安装了cnpm。从以上来看确实是没有装。

2022-12-31 20:25:18 923

原创 npm doesn‘t work, get always this error -> Error: Cannot find module ‘are-we-there-yet‘

【代码】npm doesn‘t work, get always this error -> Error: Cannot find module ‘are-we-there-yet‘

2022-12-31 20:24:34 54

原创 vue中使用echarts图表自适应的解决方案

npm 导入eachart,并在main.js配置。把echarts挂载在 prototype上方便页面调用。为了实现自适应,所以在行内样式的width设置为100%。

2022-12-31 20:22:55 366

原创 Vue正则验证:邮箱,手机号,身份证,IP,MAC,微信号等

【代码】Vue正则验证:邮箱,手机号,身份证,IP,MAC,微信号等。

2022-12-31 20:20:58 3329

原创 Vue中splice()方法:实现对数组进行增删改的操作

语法结构:splice(index,len,[item])1、可以用来添加/删除/替换数组内某一个或者几个值2、该方法会改变原始数组index:数组开始下标len: 替换/删除的长度item:替换的值,删除操作的话 item为空一、删除:index表示要删除的数组下标, len长度为1(len设置1,如果为0,则数组不变),item为空表示执行删除操作。

2022-12-31 20:19:49 5857 1

原创 vue 里面 v-if与v-for同时使用 报警告

编辑器提示:vue/no-use-v-if-with-v-for] The 'positions' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array instead. You should not mix 'v-for' with 'v-if'.eslint-plugin-vue。在我的项目中也遇到了问题。

2022-12-31 20:18:04 1685

原创 npm install 报警告npm WARN

fsevents不在package.json里,但是仍然安装了,是因为你的系统是Windows系统,fsevents是苹果系统的可选依赖,你的项目有可能是团队项目,别人在他的mac上安装了fsevents相关依赖库,所以到这边你也就安装到你的windows上边了。这是warning错误,是因为mac下需要 fsevents,这里是在windows环境,所以可以忽略这个警告,对你没什么影响的。好了,这个时候问题就解决。如果没有,其他的npm包也会有依赖fsevents的!,加后面的参数即可。

2022-12-31 20:15:42 2996

空空如也

空空如也

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

TA关注的人

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