- 博客(33)
- 收藏
- 关注
RSS订阅原创 h5端点击复制数据
(1)安装 vue-clipboard2 插件:npm install vue-clipboard2 --save(2) 安装完成后在man.js中引入:import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard);(3) 在需要的vue页面中调用:<text class="item-btn" v-clipboard:copy="item.spread_url" v-clipboard:success="(
2022-05-13 15:00:32
543
原创 计算订单倒计时时间
//orderTime 订单支付时间 countdown 分钟数let time = new Date(orderTime.replace(/-/g, '/'))let endTime = time.setMinutes(time.getMinutes() + countdown) //倒计时结束时间let ctime = Date.parse(new Date()) //倒计时开始时间let sec = (endTime - ctime) / 1000 //计算出的是秒数...
2022-05-13 14:56:35
194
原创 nvue 开发与 vue 开发的一些常见区别
uni官方有比较全面的解释----->页面简介 | uni-app官网 (dcloud.io)我就记录一下我常用的nvue 页面控制显隐只可以使用v-if不可以使用v-show 文字内容，必须、只能在<text>组件下。不能在<div>、<view>的text区域里直接写文字。否则即使渲染了，也无法绑定js里的变量 只有text标签可以设置字体大小，字体颜色 布局不能使用百分比、没有媒体查询 不支持背景图。但可以使用image组件和层级来实现类似we
2022-05-13 14:51:03
340
原创 vue页面内嵌nvue页面 ，nvue中的$on不执行
有可能会是执行过快所以就是在对应uni.$emit加一个延时setTimeout(() => { uni.$emit('mapcheck', { longitude: this.longitude, latitude: this.latitude, covers: this.covers });}, 100)
2022-05-13 14:46:53
947
原创 webview跳转外链接。返回时报错 Uncaught ReferenceError: mui is not defined at __uniappview.html:1
webview跳转外链接。返回时报错 Uncaught ReferenceError: mui is not defined at __uniappview.html:1试过多种方法 比较有效的就是下面这个onReady() { this.clearMuiBack()},methods: { // 关闭mui返回 clearMuiBack() { // #ifdef APP-PLUS Var currentWebview = this.$scope.$getAppWebview
2022-05-13 14:43:16
1629
2
原创 nvue页面中scrollview不能实现横向滚动
解决方法 ：直接在scrollview中编写flex，scrollview里的内容直接就是所有循环内容<scroll-view :show-scrollbar="false" class="content-scroll flex" scroll-x scroll-with-animation style="white-space: nowrap;flex-direction: row;"> <text v-for="(item,index) in rimList" :key..
2022-05-13 14:39:15
751
原创 小程序保存图片到手机相册
小程序保存图片到本地相册只支持本地路径，不支持网络路径，所以需要先将网络图片先转成本地路径，然后保存savePhoto(e){ wx.getImageInfo({ src: e, success: (res) => { console.log(res.path) //保存到本地 wx.saveImageToPhotosAlbum({ filePath
2021-03-24 14:37:12
569
原创 scorll view 实现点击元素，元素居中显示
这个方法是在百度借鉴的，原文章地址：https://www.cnblogs.com/langxiyu/p/13159055.html原文章中有三种方法（居左、居左留一、居中），我在这里只记录一个居中显示的方法<template> <view class="home"> <scroll-view class="content-scroll" scroll-x @scroll="scroll" :scroll-left="scrollLeft" scrol
2020-11-12 15:14:29
779
2
原创 js 显示友好的时间格式【刚刚、几分钟前、几小时、几天前、几周前、几月前等等 时间格式化】
以下代码转载于：https://www.cnblogs.com/sunshouguo/p/11727606.html/*** 毫秒转换友好的显示格式* 输出格式：21小时前* stringTime为:年-月-日 时:分:秒* @param {[type]} time [description]* @return {[type]} [description]*/function friendlyFormatTime(stringTime) { let minut...
2020-09-05 18:08:33
760
1
原创 uni-app 控制循环次数
例如 获取到的数据有10条，但是在循环的时候只想要循环5条有两种方法，一。在循环时限制次数v-for="(item,index) in headUrl.slice(0,6)" 二。在获取到数据时限制次数this.headUrl = res.data.data.list.slice(0,6)...
2020-08-22 16:06:16
3480
原创 uni-app 函数节流
为了防止多次点击而造成多次跳转，这就需要用到节流这个函数throttle.js// 节流:触发函数事件后，短时间间隔内无法连续调用，只有上一次函数执行后，过了规定的时间间隔，才能进行下一次的函数调用。export function throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1500 } let _lastTime = null // 返回新的函数 return
2020-08-01 09:03:05
3715
3
原创 ThinkPHP5 解决跨域问题
如图所示：只需要在TP5框架下的public文件夹中的index.php中加入以下三句话就可header("Access-Control-Allow-Origin:*");header("Access-Control-Allow-Methods:GET, POST, OPTIONS, DELETE"); header("Access-Control-Allow-Headers:DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,
2020-07-09 15:32:43
826
原创 ThinkPHP5 简单使用Redis中的hash表存储数据
如果TP5想要使用redis缓存，首先要修改config中的缓存设置；'cache' => [ // 使用复合缓存类型 'type' => 'complex', // 默认使用的缓存 'default' => [ // 驱动方式 'type' => 'File', // 缓存保存
2020-07-09 15:06:48
1922
原创 ThinkPHP5 获取HTTP请求头的信息
使用Request对象中的header方法进行获取。获取请求头中所有的信息：$info = Request::instance()->header();获取某个请求头中的信息：$accept = Request::instance()->header('accept');HTTP请求头信息的名称不区分大小写，并且 _ 会自动转换为 -...
2020-07-09 14:25:39
4985
原创 VUE中根据后台传的时间戳转换成年月日，时分秒，星期三种格式
后台传过来的时间戳，如果为10位 ，则需要*1000；时间戳为13位的话就不需要*1000。//补位，如果为单数，则在前面加0const formatNumber = n => { n = n.toString() return n[1] ? n : '0' + n}const timestampToYmd=timestamp=>{ let date = new Date(timestamp *1000) //时间戳为10位 需*1000，时间戳为13位的话就不需要*.
2020-06-05 09:55:02
3063
原创 VUE+cube-ui框架 修改和删除数据
cube-ui框架文档网址：https://didi.github.io/cube-ui/#/zh-CN/docs/action-sheet首先展示页面效果： 编辑的时候会获取到你长按的列表的课程名称下面就是代码：<template> <div> <template v-for="(item,index) in list"> <div class="row" :class="{ active : i...
2020-06-01 17:15:57
3177
2
原创 VUE 在页面顶部或者在手机顶部出现自己设置的文字
首先展示效果图：在登录的页面，页面顶部显示登录在你要显示的页面的路由中加入meta，例如：const routes = [{ path: '/login', component: Login, meta: { title: '登录' } },]再写：router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title } els
2020-06-01 16:46:05
857
原创 VUE+cube-ui框架 实现数据分组后进行归档和删除的操作
cube-ui框架文档网址：https://didi.github.io/cube-ui/#/zh-CN/docs/action-sheet首先展示效果： 下面就是这个页面的所有代码<template> <div class="page"> <div class="swipe-wrapper"> <template v-for="(group,title) in list"> <div c...
2020-06-01 16:09:25
368
原创 VUE+cube-ui框架 实现将数据按某个相同数据进行分组
首先展示一下我的页面效果下面就是这个页面的所有代码<template> <div class="page"> <div class="swipe-wrapper"> <template v-for="(group,title) in list"> <div class="group"> <div class="title">{{title}}</div> <t.
2020-06-01 15:27:03
1252
原创 使用vue前的准备工作(安装node，淘宝镜像，脚手架)
使用vue前要先安装node.js，脚手架(Vue-Cli)，淘宝镜像。1.首先安装node.js, node.js中文网下载地址：http://nodejs.cn/download/下载好之后，在开始处运行cmd，输入node -v，检查是否可用；2.安装淘宝镜像（要在项目中进行安装）安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org然后输入cnpm -v ,检查淘宝镜像是否可用3.安装脚.
2020-05-25 13:51:17
533
原创 微信小程序在前台获取日期计算出星期几
代码摘抄自：https://blog.csdn.net/weixin_41326227/article/details/105361354在这里记录一下，方便以后查找；function getDates( todate) { var day = getDate(todate).getDay(); switch (day) { case 0: return "星...
2020-04-20 09:56:06
1419
原创 微信小程序按照数据中某个相同数据进行分类显示
首先放效果图：我呢是按照数据中的班级名称进行分类，使用了一个for循环，把数据进行分类，在保存到data中，再在前台进行渲染；好，废话不多说了，下面直接放代码了index.wxml<view class="page"> <view class="page_bd"> <block wx:for="{{banji}}" wx:key="{{it...
2020-04-19 12:37:20
2797
2
原创 微信小程序点击显示或隐藏对应的图标
首先放一下我的效果图：我这里是用的静态数据放到data中，在前台页面进行循环显示，接下来就直接放代码了。index.wxml<view class="page"> <view class="page-hd"></view> <view class="page_bd"> <block wx:for="{{banji}}"...
2020-04-19 12:08:10
2466
原创 微信小程序如何实现点击编辑弹出弹窗，在弹窗中显示对应的数据并且可以进行编辑
首先我是左滑显示编辑，具体如何实现左滑显示编辑，可以参考https://developers.weixin.qq.com/miniprogram/dev/extended/weui/slideview.html如何实现弹窗，参考：https://developers.weixin.qq.com/miniprogram/dev/extended/weui/dialog.html我的页面效果如...
2020-04-05 18:04:51
6310
原创 微信小程序使用tabbar实现点击切换页面
tabbar具体如何使用或者具体属性，请参考：https://developers.weixin.qq.com/miniprogram/dev/extended/weui/tabbar.html接下来就直接放代码：tabbar.wxml<view class="page"> <mp-tabbar class="topbar" style="position:fix...
2020-04-05 16:18:13
5513
原创 小程序如何实现左滑删除
左滑如何显示删除具体可以参考这里https://developers.weixin.qq.com/miniprogram/dev/extended/weui/slideview.html我的页面效果如下：
2020-04-05 14:05:27
2005
3
原创 继承 多态 抽象 学习总结
1.为什么要使用继承是为了减少重复的代码，让我们的功能得以扩展。2.抽象方法的特点是什么a.抽象方法没有方法体；b.有抽象方法的类必须是抽象类；c.抽象方法前面必须要加abstract。3.抽象类有哪些特点a.抽象类都是父类，他的下面有子类；b.不能被实例化，只能被继承;4.继承抽象类时需要注意什么子类继承抽象类之后，必须实现父类的所有的抽象方法(继承的派生...
2019-09-09 19:00:54
118
原创 学习总结 （12-17）
静态成员1.静态变量的类型说明符是static。类的内部访问静态成员必须使用self关键字和::操作符；在类的外部访问静态成员必须使用类名和操作符::，而不需要创建对象。2.static局部变量和普通局部变量区别：static局部变量只被初始化一次，下一次依据上一次结果值。static全局变量和普通全局变量区别：static全局变量只被初始化一次，防止在其他文件单元中被引用。s...
2019-09-05 21:16:23
222
原创 TP5学习总结
类1.一个类主要包括属性和方法2.public表示访问修饰符，意思是公开的，没有隐藏。在类的外部是可以访问这些公开的属性的方法function是定义方法的关键字。3.private：访问修饰符，表示私有的。被private修饰的属性和方法，在类的外部是不能访问的。4.属性是用来保存数据的，一般是名词；方法是用来表示行为的，一般是动词。5.方法前如果不写访问修饰符，内容默认是公开...
2019-09-04 07:55:38
345
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人