子谦呀-CSDN博客

原创 uni-app小程序 Swiper 自定义指示点

app.vue seyle里面加入。

2022-11-18 17:27:04 975 2

原创指定打印机打印、条码、小票打印 web端打印机控件 LODOP的使用

最近项目需要指定打印机进行前台后厨小票同时打印1.首先安装LODOP插件点击下载2 将LodopFuncs.js文件复制到自己项目注意：vue项目需要底部添加export { getLodop }3获取当前连接的打印机设备名称添加前台或者后厨或者热菜凉菜 let LODOP=getLodop() let listCount=LODOP.GET_PRINTER_COUNT() //当前打印设备数量 let list=[] for( let i=0;i..

2020-08-08 14:26:03 5029

原创 vue中强制刷新某组件重置dom

适用场景父组件触发点击事件更新数据后子组件dom不实时刷新，页面数据不从新渲染解决办法同过v-if控制字组件显示隐藏，每次更新数据通过vm.$nextTick方法重置组件Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在...

2019-04-16 11:58:32 6989

原创 vue中平级组件传递事件

我们大多都知道父子组件之间传递事件，通常用到子组件通过this.$emit()派发事件，父组件利用v-on对事件进行监听，实现参数的传递那么两平等组件间的事件的传递要怎么实现呢具体如下这里就需要new一个调度器来完成Vue.prototype.bus = new Vue() //这个调度器我把他定名为bus，并且把它挂载在vue原型上。在main.js文件下下面这个是需...

2019-03-19 13:20:06 933 2

原创 vue 与小程序中给style与class 绑定值的区别

vue:class="{active2: actionSheetHidden || showtankuang || showhaibao}" :class="['Detailactive2',{Detailactive:currentDetail==1}]":src="baseURL+'/weixinpl/shopping-temp/images/default.jpg'":style...

2019-01-04 11:03:53 928

原创 vue 生命周期函数个人理解。

1 .beforecreate ： vue实例创建之前的准备工作第一个执行的函数。2.created ：vue实例创建之后，此时可以给data进行数据赋值，但是vue还没有挂载到页面上。3.beforeMount ：vue实例挂载页面之前，程序会判断是否有el (通常创建vue实例的时候会指定)选项，若有则继续编译，无，则暂停生命周期；4.mounted ：vue实例挂在页面之...

2018-12-30 10:58:53 229

原创深入理解JavaScript函数、构造函数、对象、prototype(原型对象)的关系。

学了这么久前端，一直搞不明白函数与对象之间的关系，实在惭愧，是时候总结一下了。。以下是学习时的记录，若有错误之处，请指出。。首先我们要知道js中的数据类型有以下几种：Number Boolean undefined Object Function String Null Array 基本类型：Number Boolean String undefine...

2018-11-17 16:10:42 426

原创 js中字符串的处理方法

1.string.trim()用于字符串去除两边的空值2.replace()用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。var a='我是子谦呀'var c=a.replace(/我是/,'喜欢')console.log(c) //"喜欢子谦呀"3.string.split用于把一个字符串分割成字符串数组。var a='我...

2018-11-13 17:16:38 662

原创时间戳与时间之间的转化

一：当前时间转时时间戳1，var time = Date.now()console.log(time)2，var date=new Date();var min=date.getMinutes()var time=date.setMinutes(min); console.log(time); 二：当前时间以前以后时间转时间戳var time = Date....

2018-11-01 16:05:15 1234

原创 javascript 常用的数组方法

一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 1 2 3 4 5 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console.log(ar...

2018-09-25 16:17:13 444

原创 promise对象与async函数在异步编程中的用法

在篇文章主要讲js中最常用到的，对于异步编程一种简单的解决办法。绝对干货满满。官方是这么定义的：Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大，ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。我们都知道javascript是单线程的编程语言，通常为了改变程序的执行顺序就会用到异步操作通常最长用到的异步...

2018-09-19 18:02:04 1342

原创详解axios在vue中的用法以及token或者session验证,响应、拦截的配置

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。1、使用npmnpm install axios --save2、引用axiosimport axios from "axios";使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js">&...

2018-09-14 14:56:16 1721

原创 js中的枚举和不可枚举

枚举是什么？枚举是指对象中的属性是否可以遍历出来，再简单点说就是属性是否可以以列举出来。在js中基本的数据类型是不能被枚举的。例如Object、Array等。枚举方法的区别1.for…in循环可以枚举(遍历)出对象本身具有的属性，通过Object.defineProperty()方法加的可枚举属性，或者通过原型对象绑定的可以枚举属性。function enumer() ...

2018-09-13 14:18:11 379

原创 css 文本超出指定行数隐藏并且显示省略号

今天做东西，遇到了这个问题，百度后总结得到了这个结果。首先，要知道css的三条属性。overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行这三个是css的基础属性，需要记得。但是第三条属性，只能显示一行，不能用在这里，那么如果显示多行呢？c...

2018-09-13 10:48:04 1416

转载 js中神奇的Object.defineProperty方法

前端虫 2017-02-09 00:14这个方法可牛比了。这么说吧，vue.js是通过它实现双向绑定的。俗称属性拦截器。而且专门用来监控对象属性变化的Object.observe方法也被草案发起人撤回了(此方法在node环境中仍能使用)。可见def...

2018-09-13 10:21:09 816

原创小程序canvas绘制商品海报实现分享朋友圈

小程序的canvas绘图绝对是整个小程序开发中坑最多的了。先上效果图：实现步骤就是点击生成图片在canvas画布中画出一张海报然后保存在本地在imags标签中展示，此处尽可能的把canvas组件隐藏但是不能用wx：if。用hidden或者display属性<button bindtap='gotoSubmit'>生成图片</button&gt...

2018-08-27 10:29:58 4632 3

原创关于小程序video组件视频url获取方法

小程序真是一步一坑，最近在做一个视频播放组件，需要一些视频的url地址，结果发现直接拿腾讯视频中url根本不行，在网上看了好多帖子说的也不是特别详细，结果自己用了一天时间研究整理了一下，写了一个获取可用url的方法。希望能帮助到大家先看效果第一步：我们从腾讯视频网站上找到一个视频网页的连接，具体步骤就是打开视频点击分享，那个分享的链接就是我们要的两个都可以复制下来复制...

2018-08-18 12:58:19 56520 25

原创小程序引导用户授权获取用户信息的方法

现在使用 wx.getUserInfo 是不会在出现获取用户信息弹框的官方文档上面是要引导用户授权但是具体方法没有详细列出，只是说使用<button open-type="getUserInfo"></button> 来引导。这里我将说一下引导用户授权的详细方法先上图以下所有的代码仅供参考，app.js中代码量太大我都是局部复制出来的第一步先要制...

2018-08-18 10:37:03 8399 2

原创微信小程序自定义键盘，内部虚拟支付

先看效果图：微信支付的话，调用微信支付接口是有自己的小键盘的因为小程序没有内部键盘,所以有时候商城内部需要零钱支付 ,会员卡支付,输入密码就需要自己做一个小键盘了。 css 跟 html不做过多说明直接照搬就行页面上面的3个小图片就不提供了 js 部分做了详细注释<view class="popup-memu"> <view cl...

2018-08-16 19:47:18 8565 1

原创微信小程序随机验证码的实现

小程序上经常会有一些注册申请页面需要用到随机验证码。具体实现方法不多说直接上代码 <view class='yanzhengma'> <text class='left'>{{code}}</text> <text class='right' bindtap='huanyizhang'>换一张<...

2018-08-16 14:16:07 2685

原创微信小程序select下拉框实现。

小程序中是没有h5中的下拉标签的所以要实现下拉功能就必须自己动手写拉这里为了更清楚的显示层级就把源码直接复制过来了<view class='list-msg'> <view class='list-msg1'> <text>商品金额</text> <text>￥99.00&lt...

2018-08-11 15:11:03 96748 8

qq_41629498的博客