刘杨造梦程序开发建站
专业从事telegram机器人定制开发以及租用托管;软件、网站、APP、公众号、游戏、ERP、进销存管理系统、财务管理系统、客户管理系统、商城、saas平台以及各大平台小程序定制开发;模版建站、模版小程序、模版公众号、web app、平面设计。专业提供云服务器、免备案服务器、vps、物理机、高防服务器、ADSL服务器、企业邮箱、云虚拟主机、虚拟主机、云数据库、https证书、官网认证、对象存储、域名注册等云计算产品销售以及商标注册、软著等服务。
展开
-
JavaScript中时间日期函数new Date()详解
JavaScript 中的 new Date() 方法用于创建一个新的 Date 对象,该对象表示当前日期和时间。Date 对象提供了许多方法和属性,可以用于获取和设置日期和时间信息。其中,每个参数都是可选的。如果没有指定参数,则 new Date() 方法将创建一个表示当前日期和时间的 Date 对象。原创 2024-06-22 23:08:16 · 31 阅读 · 0 评论 -
如何实现ElementUI动态表头?
估计没有其他人需要用这个扩展的,就注释了,不用的可以删掉!确 定自定义指标注意:由于我们项目使用的是vue2,故本教程所展示的代码是vue2写法,如使用的是vue3,请自行修改扩展。// return item.replace("倍数", "");原创 2024-06-18 00:47:02 · 656 阅读 · 0 评论 -
如何实现element表格合并行?
首先,他这个合并出现了问题,第二,我仔细看了一下他后端给他的数据,后端已经合并好数据了。这里官方的教程上写的不是很详细,可能小白们有误解这很正常,官方教程只是一笔带过了一下说是使用span-method方法来合并行,却没有说这个合并行其实有两种方法,第一种就是后端在没有处理数据的情况下,使用官方的span-method方法是非常不错的选择,还有一种方法就是后端处理好数据的情况下,这种情况就不需要使用span-method方法了,直接跟普通的表格一样写,只不过有多条数据的地方使用循环就好了。原创 2024-06-18 00:07:22 · 344 阅读 · 1 评论 -
如何实现将new Date()转成YYYY-MM-DD HH:MM:SS格式?
'm+': (date.getMonth() + 1).toString(), // 月。'Y+': date.getFullYear().toString(), // 年。'M+': date.getMinutes().toString(), // 分。'H+': date.getHours().toString(), // 时。'm+': (date.getMonth() + 1).toString(), // 月。'M+': date.getMinutes().toString(), // 分。原创 2024-06-15 00:57:56 · 25 阅读 · 0 评论 -
如何解决Mac使用npm出现的各种诡异Error: EACCES: permission denied?
目前Mac出现这种问题说白了 就是权限问题 解决方案有三种第一种:直接在指令前加sudo,例如:sudo npm install第二种:在指令后加 --unsafe-perm=true --allow-root,例如:npm install --unsafe-perm=true --allow-root第三种:结合前面两种方法,例如:sudo npm install --unsafe-perm=true --allow-root这就是解决MacOS下目前遇到的各种权限问题的方法原创 2024-06-13 23:44:31 · 27 阅读 · 1 评论 -
如何解决elment ui必填验证输入空格通过校验?
使用v-model.trim修饰符,这样就会自动过滤掉首尾空白字符,如果采用trim修饰符的话,确实可以实现功能,但是这个时候首尾都不能输入空格就会导致一个问题,当我们从左到右输入文字的时候,如果需要输入的字符串中间包含空格,就会无法实现,会遇到不能输入的问题,我们只能输入完成之后再去将鼠标光标放置在字符串中间部分输入空格,这样肯定是不利于我们输入的。请求拦截器过滤所有的请求参数,对应的参数首尾空格全部去掉。同样的空格那么肯定是会通过校验的,那么我们如何去实现不让其首尾输入空格呢?// 就将数组放进去。原创 2024-05-27 01:02:09 · 434 阅读 · 0 评论 -
如何解决微信小程序无法使用css3过度属性transition
由于微信小程序不支持CSS3过度属性transition,所以我们需要利用微信小程序api进行画面过度的展示。// 先旋转同时放大,然后平移。// 先旋转同时放大,然后平移。可以根据自己需求进行改动即可。原创 2024-04-14 12:52:53 · 437 阅读 · 0 评论 -
如何在filters中使用data中数据?
在vue2.x中使用filters功能,如果想在filter中使用this调用data中的数据,会报错,因为this不是指向。目前选择的是:{{ type | convertText }}{label: '苹果', value: 1},{label: '香蕉', value: 2},{label: '苹果', value: 1},{label: '香蕉', value: 2},{label: '橘子', value: 3}{label: '橘子', value: 3}// self指向vue组件实例。原创 2023-10-26 11:19:54 · 810 阅读 · 0 评论 -
uniapp 如何动态切换应用图标、名称
有时候我们需要实现类似百度网盘、淘宝APP这种可以动态切换 但是呢这种需求平常非常少见 很多人不知道如何操作 今天就教大家如何实现这里我们需要用到一款插件Ba-ChangeIcon是一款动态切换应用图标、名称的插件。可实现过年、过节动态切换应用图标的效果,给用户更好的体验。原创 2023-09-28 20:05:21 · 1321 阅读 · 0 评论 -
如何实现element UI中table操作栏更多按钮的展示与折叠?
直接使用elementUI文档上废话不多说,直接上代码吧原创 2023-08-21 15:22:46 · 1556 阅读 · 0 评论 -
如何实现element-UI循环表单以及数据验证
其实我们可以做成灵活一点的,我们把设置页这里做成可以切换标签的分组,然后每个分组下面就是表单数据,然后这一切的控制都交给数据库,建立一个表来保存分组,然后再建一个表保存表单数据和表单类型等等这些数据,然后直接通过循环来取数据,如果需要改变系统设置 ,只需要修改数据表即可。其实并不难理解,我们以系统设置页面为例,一般直接按照客户需要来写表单就行了。但是吧,慢慢你会发现这并不高效,因为存在很多客户,他们对自己的需求几乎是模糊不清的,系统菜单就会经常变动,这就很浪费时间。message: '此项不能为空',原创 2023-06-22 17:35:36 · 1458 阅读 · 0 评论 -
如何实现element ui中的表格全部数据分页排序
然后在查询数据库分页数据的代码paginate前插入一句order($orderby)-> 这样就实现了全部数据的排序了,其实原理很简单,点击排序前端会提取出是升序还是降序是那个字段,然后发送获取列表数据的请求数据给后端 ,后端根据传进来的条件来返回数据。//$sort.' '.$order,这里单引号中间是有一个空格的。默认情况下, table表格设置了sortable是只能当前页, 数据进行排序的, 这显然是没有多大意义的 ,那么如何实现全部数据分页排序呢?原创 2023-06-20 18:51:07 · 1653 阅读 · 0 评论 -
uniapp如何实现网络定位、离线定位?
title: '当前位置获取失败,请检查GPS是否打开',有时候我们会有在H5或者app里使用到离线定位的功能需求,很多小伙伴不知道如何处理,这里我将告诉大家如何处理。废话不多说 直接上代码。原创 2023-04-22 16:00:46 · 731 阅读 · 2 评论 -
vue如何实现记住密码功能?
exdate.setTime(exdate.getTime() + 24 * 60 * 60 * 1000 * exdays) // 保存的天数。首先你需要封装三个方法用来存取数据,(password,username是用户密码绑定的值,checked是记住密码框的绑定值)当然,本地存储的也不止密码和账号,还有是记住密码框的状态。然后,在你登录的时候判断是否记住密码并将密码和账号存在cookie中。// 判断复选框是否被勾选 勾选则调用配置cookie方法。// 设置cookie。// 读取cookie。原创 2023-02-11 18:12:10 · 3535 阅读 · 0 评论 -
如何进行apk反编译?
当然了,上述的操作繁琐异常,这里我提供一种手机操作方法,首先需要下载mt管理器,打开mt管理器点击搜索找到需要反编译的apk,直接点击apk会出现查看和安装按钮,这里这接点击查看,进去之后依然点击搜索输入关键字,进入自己想要修改的文件里去修改即可,修改完点击保存按钮返回会提示是否更新啥的点击是,如果跳出加签的对话框就点是,没有跳出来那就是没有勾选自动加签,就要返回去点击apk有个加签的按钮点击一下进行手动加签即可,加签完成安装就可以了。jd-gui Google Code仓库(直接下载)原创 2023-01-16 01:45:48 · 463 阅读 · 0 评论 -
微信小程序如何设置cookie实现session登录
微信对wx.request这个API做了修改,小程序发起的请求并不是直接请求我们的后台服务器,而是先通过微信的服务器再发送到我们的后台服务器,那么我们的服务器就无法识别请求的发起者了,因此cookie在微信小程序中无法使用,导致不能直接使用后台的。原创 2022-12-30 16:33:18 · 3400 阅读 · 2 评论 -
Vue如何实现单选、全选、反选
反选已选择:{{ model }} 总价:{{total}}原创 2022-11-16 16:33:23 · 2152 阅读 · 1 评论 -
如何实现uniapp热区链接
看了uni-app的官网发现,标签在uni-app中是其封装的一个地图组件,因为原生的map标签和uni-app的map地图组件标签的名称冲突了,所以在uni-app里面识别map标签就只能按照封装好的组件识别为地图。实际上热区链接就是在一张图片上某些区域是可点击的,通常会用在区域地图,或者给图片某些区域加上提示以及点击某个区域进行跳转。图像热区链接在普通的html中是可行的,但是在uni-app中使用map标签就会直接出现地图。//定义可点击区域(对鼠标敏感的区域)的坐标。原创 2022-11-15 17:04:47 · 970 阅读 · 2 评论 -
如何设置修改网页中滚动条
:-webkit-scrollbar-button :滚动条两端的按钮。::-webkit-scrollbar-track-piece :内层轨道,具体区别看下面gif图,需要注意的就是它会覆盖第三个属性的样式。::-webkit-scrollbar :滚动条整体部分,其中的属性: width,height,background,border等。::-webkit-scrollbar-thumb :滚动条里面可以拖动的那部分。::-webkit-scrollbar-track-piece 内层滚动槽。原创 2022-11-13 16:50:12 · 934 阅读 · 0 评论 -
vue+element如何实现可编辑表格?
在element的table组件中使用slot-scope(作用域插槽)来实现该需求,就相当于将直接作为的子组件使用,不用绑定对应的方法,直接用:hover方法就可以修改的样式slot-scope可能有些人有点陌生,这里贴上官网的链接请戳这里,里面很详细原创 2022-11-09 18:32:40 · 1272 阅读 · 0 评论 -
uniapp 如何生成二维码
生成二维码原创 2022-10-17 21:47:45 · 288 阅读 · 0 评论 -
十大常用前端UI组件库
出自饿了么前端团队,学 Vue 的童鞋们必用的一款 UI 库,采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助网站快速成型,也支持有 Angular 和 React 的版本,Element Plus 支持 Vue3。新版样式比较好,文档更新的也好用起来了。原创 2022-10-17 16:09:11 · 631 阅读 · 0 评论 -
如何解决get请求url参数中有+、空格、=、%、&、#等特殊符号的问题
url出现了有+,空格,/,?,%,#,&,=等特殊符号的时候,可能在服务器端无法获得正确的参数值,如何是好?+ URL 中+号表示空格 %2B。= URL 中指定参数的值 %3D。& URL 中指定的参数间的分隔符 %26。空格 URL中的空格可以用+号或者编码 %20。用其它字符替代吧,或用全角的。原创 2022-10-16 15:04:19 · 6925 阅读 · 0 评论 -
VUE项目如何实现H5端人脸识别功能
1.人脸捕捉技术使用的tracking.js,关键是要理解它的运作原理和一下参数配置。2.因为要调用手机媒体设备,兼容性问题是大问题,特别是苹果手机的问题,往往不知道如何下手,需要有丰富的开发经验和各种曲线救国的开发思想。原创 2022-09-23 15:22:37 · 2071 阅读 · 0 评论 -
如何解决navigator.mediaDevices.getUserMedia兼容问题
/ 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口。// 调用用户媒体设备,访问摄像头、录音、console.log("访问用户媒体设备失败:", error.name, error.message);// 因为这样可能会覆盖已有的属性。// 否则,为老的navigator.getUserMedia方法包裹一个Promise。// 首先,如果有getUserMedia的话,就获得它。// 最新标准API、// 成功的回调函数。// 异常的回调函数。原创 2022-09-23 15:10:28 · 4861 阅读 · 2 评论 -
如何实现h5人脸识别/人脸检测
1.获取摄像头权限2.安装 tracking js 插件这个主要是解决人脸跟踪检测3.要求当前环境是https。原创 2022-09-23 15:05:33 · 1920 阅读 · 0 评论 -
纯前端如何实现多语言切换
名字原创 2022-09-23 00:18:54 · 923 阅读 · 0 评论 -
uniapp升级中心的如何创建和使用
右键项目下的uniCloud,选择“关联云服务空间或项目”,再选择关联你第一步创建的云服务空间,再右键uniCloud选择“云服务空间初始化向导”,最后右键uniCloud下面的database选择 “下载所有的DB Schema及扩张校验函数”。第一次登录需要设置用户名密码,设置好登录进去进设置-》应用中心-〉新增应用,把刚刚打包的app的appid找到填进去,安卓app可以直接上传安装包,填完信息就可以了,这等于是第一版APP。然后打包app,打包好之后准备好安装包进入app升级中心的配置。原创 2022-08-22 12:08:00 · 978 阅读 · 0 评论 -
uniapp安卓端禁止截屏允许截屏
/ 注意:动态设置完禁止/或允许截屏后,app再次切换到前台时生效。设置禁止截屏,可以放在App.vue onLaunch中。// 导入WindowManager类。console.log('禁止截屏')console.log('允许截屏')// 应用主Activity实例对象。// 静态类LayoutParams。动态设置禁止截屏或允许截屏。// 导入Window类。原创 2022-08-21 17:03:01 · 948 阅读 · 0 评论 -
vue如何判断数组是否为空
不为空: array!= null && array.length > 0 (顺序不能调换)为空:array == undefined ||array == null || array.length原创 2022-08-17 15:09:43 · 9649 阅读 · 0 评论 -
uniapp如何实现返回上一级页面并传值刷新
在很多业务场景之下,需要返回上一级页面,并进行刷新,在uniapp中的uni.navigateBack 方法中,返回上一页是不会刷新的,更别说传值了,废话不多说直接上代码。console.log('监听到事件来自 updateData ,携带参数为:' + params);我们假设需要返回上一级页面的页面为当前页,点击按钮触发button事件,我们看看这个怎么写实现返回上一页并传值刷新。//this.data为要传值的数据。...原创 2022-08-12 11:35:18 · 6525 阅读 · 3 评论 -
如何使用js获取cookie值
//设置cookievar cookies='a=1;b=2;c=3;'var cookie_name='a'//获取cookie var allcookies = document.cookie; //索引长度,开始索引的位置 var cookie_pos = allcookies.indexOf(cookie_name); // 如果找到了索引,就代表cookie存在,否则不存在 if (cookie_pos != -1) {原创 2022-07-13 15:49:00 · 2482 阅读 · 0 评论 -
vue 如何判断元素内容是否超过宽度的方式
有时候我们需要vue 判断元素内容是否超过宽度,废话不多说直接上代码 let isOverflow = this.$refs.isOverflow; for (let i in isOverflow) { let cWidth = isOverflow[i].clientWidth; let sWidth = isOverflow[i].scrollWidth; if (sWidth > cWidth) { //超过原创 2022-07-05 16:28:49 · 1375 阅读 · 0 评论 -
如何正确实现Vue锚点链接
锚点链接是我们在开发中经常会用到的一个技术点,而在常见的项目中,锚点链接的使用方法是通过a标签的href属性跳转到某一个元素的id,来找到对应元素的位置,实现效果。但是vue是基于路由的,通过切换地址,这样就会影响vue的路由跳转。正确的方法是:通过获取dom元素,然后通过 scrollIntoView()让当前元素滚动到浏览器窗口的可视区域内。这样只要通过vue的点击事件,点击后匹配到对应元素进行滚动即可。document.getElementById('box').scrollIntoView();..原创 2022-07-05 16:20:27 · 737 阅读 · 0 评论 -
如何一键制作css精灵图?
精灵图是什么?一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称 CSS Sprites、CSS 雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中 ,这样服务器只需要一次请求就可以了。使用精灵图核心: 精灵技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。 这个大原创 2022-07-05 15:55:16 · 324 阅读 · 1 评论 -
如何实现移动端富文本编辑器功能
移动端富文本编辑器市面非常之少,因客户需求找了不少,不是标题党就是pc端自适应那种无法满足需求,找了好久终于找到了这个,下载地址:正在上传…重新上传取消https://gitee.com/lyzmzcom/artEditor.git 两个关键的js路径example/js/index.js dist/index.min.js修改dist/index.min.js中的console.error("文件太大");为alert("文件太大");否则上传文件超过限制不会有提示,非常不友好接着修改example/j原创 2022-06-24 00:08:35 · 765 阅读 · 0 评论 -
如何解决表单提交的onsubmit失效问题
有时候我们提交表单需要进行数据验证,这时候会有很多小伙伴百度找代码然后复制,最后发现失效,有如下几个原因第一:百度很多所谓教程有坑,其中onsubmit中的o是希腊字母o并不是英文字母o导致失效,把这段删掉手动输入,并且return check()后面不要加分号 也不需要在里面加this或者this.form 这些都是错误的教程,都是不懂技术的搬运来的错误教程。check()里使用document.getElementById获取数据,不要使用name啥的 容易出问题第二:通过第一步基本都能正常,如果还不能原创 2022-06-03 17:22:33 · 1174 阅读 · 0 评论 -
如何强制网页只能微信打开?
有时候客户会有需求就是强制只能微信打开,这时候我们可能会想到使用微信jssdk,但是有的客户可能压根就用不上,只是单独强制微信打开,这个时候使用jssdk就显得麻烦了,并且使用jssdk是要满足一定条件的,这时候我们可以使用以下两种方式实现第一种,js实现 // 对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器 var useragent = navigator.userAgent; if原创 2022-06-02 15:51:41 · 2051 阅读 · 0 评论 -
css两张图片重叠显示
很多时候我们需要做一些多张图片重叠显示的效果,例如商品列表中 图片上放置已售磬 已下架等标识,很多时候不少初学者不知如何操作,下面就由我来告诉你如何操作第一步:做一个div容器,把需要重叠显示的图片都放置到这个容器里第二步:容器设置相对定位和width height例子:position:relative;width:500px;height:500px;第三步:叠加图片设置绝对定位例子:position:absolute;width:100%;height:100%;top:0;left:0;这样就设置了原创 2022-05-31 23:02:19 · 4882 阅读 · 0 评论 -
uniapp实现微信小程序调用云函数及问题解决
实现步骤1.在项目根目录下创建functions文件夹(此为wxcloudfunctions文件夹,可以是任意名字)2.functions文件夹中添加跟函数名同名的文件,这里要实现的是add函数。3.add文件中创建三个文件:config.json、index.js和package.json。config.json:{ "permissions": { "openapi": [ "security.msgSecCheck" //接口名 ] }}inde...原创 2022-05-21 01:20:56 · 1826 阅读 · 0 评论