- 博客(21)
- 收藏
- 关注
原创 指定打印机打印、条码 、小票打印 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
4695
原创 vue中强制刷新某组件重置dom
适用场景 父组件触发点击事件更新数据后 子组件dom不实时刷新,页面数据不从新渲染解决办法 同过v-if控制字组件显示隐藏,每次更新数据通过vm.$nextTick方法重置组件Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在...
2019-04-16 11:58:32
6744
原创 vue中 平级组件 传递事件
我们大多都知道父子组件之间传递事件,通常用到 子组件通过this.$emit()派发事件,父组件利用v-on对事件进行监听,实现参数的传递那么两平等组件间的事件的传递要怎么实现呢 具体如下这里就需要new一个调度器来完成Vue.prototype.bus = new Vue() //这个调度器我把他定名为bus,并且把它挂载在vue原型上。 在main.js文件下下面这个是需...
2019-03-19 13:20:06
834
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
800
原创 vue 生命周期函数个人理解。
1 .beforecreate : vue实例创建之前的准备工作 第一个执行的函数。2.created :vue实例创建之后,此时可以给data进行数据赋值,但是vue还没有挂载到页面上。3.beforeMount :vue实例挂载页面之前,程序会判断是否有el (通常创建vue实例的时候会指定)选项,若有则继续编译,无,则暂停生命周期;4.mounted :vue实例挂在页面之...
2018-12-30 10:58:53
184
原创 深入理解JavaScript函数、构造函数、对象、prototype(原型对象)的关系。
学了这么久前端,一直搞不明白函数与对象之间的关系,实在惭愧,是时候总结一下了。。以下是学习时的记录,若有错误之处,请指出。。首先我们要知道js中的数据类型有以下几种:Number Boolean undefined Object Function String Null Array 基本类型:Number Boolean String undefine...
2018-11-17 16:10:42
367
原创 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
544
原创 时间戳与时间之间的转化
一: 当前时间转时时间戳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
1136
原创 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
391
原创 promise对象与async函数 在异步编程中的用法
在篇文章主要讲js中最常用到的,对于异步编程一种简单的解决办法。绝对干货满满。官方是这么定义的:Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大,ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。我们都知道javascript是单线程的编程语言,通常为了改变程序的执行顺序就会用到异步操作通常最长用到的异步...
2018-09-19 18:02:04
1273
原创 详解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
1598
原创 js中的枚举和不可枚举
枚举是什么? 枚举是指对象中的属性是否可以遍历出来,再简单点说就是属性是否可以以列举出来。在js中基本的数据类型是不能被枚举的。例如Object、Array等。枚举方法的区别1.for…in循环可以枚举(遍历)出对象本身具有的属性,通过Object.defineProperty()方法加的可枚举属性,或者通过原型对象绑定的可以枚举属性。function enumer() ...
2018-09-13 14:18:11
324
原创 css 文本超出指定行数隐藏并且显示省略号
今天做东西,遇到了这个问题,百度后总结得到了这个结果。首先,要知道css的三条属性。overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行这三个是css的基础属性,需要记得。但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢?c...
2018-09-13 10:48:04
1319
转载 js中神奇的Object.defineProperty方法
前端虫 2017-02-09 00:14这个方法可牛比了。这么说吧,vue.js是通过它实现双向绑定的。俗称属性拦截器。而且专门用来监控对象属性变化的Object.observe方法也被草案发起人撤回了(此方法在node环境中仍能使用)。可见def...
2018-09-13 10:21:09
761
原创 小程序canvas绘制商品海报实现分享朋友圈
小程序的canvas绘图绝对是整个小程序开发中坑最多的了 。先上效果图:实现步骤就是点击生成图片 在canvas画布中画出一张海报 然后保存在本地 在imags标签中展示,此处尽可能的把canvas组件隐藏 但是不能用wx:if。 用hidden或者display属性<button bindtap='gotoSubmit'>生成图片</button>...
2018-08-27 10:29:58
4450
5
原创 关于小程序video组件视频url获取方法
小程序真是一步一坑,最近在做一个视频播放组件,需要一些视频的url地址,结果发现直接拿腾讯视频中url根本不行,在网上看了好多帖子说的也不是特别详细,结果自己用了一天时间研究整理了一下,写了一个获取可用url的方法。希望能帮助到大家先看效果第一步 :我们从腾讯视频网站上找到一个视频网页的连接,具体步骤就是打开视频点击分享,那个分享的链接就是我们要的两个都可以复制下来 复制...
2018-08-18 12:58:19
54215
25
原创 小程序引导用户授权获取用户信息的方法
现在使用 wx.getUserInfo 是不会在出现获取用户信息弹框的 官方文档上面是要引导用户授权 但是具体方法没有详细列出,只是说使用<button open-type="getUserInfo"></button> 来引导。这里我将说一下引导用户授权的详细方法 先上图以下所有的代码仅供参考,app.js中代码量太大我都是局部复制出来的第一步先要制...
2018-08-18 10:37:03
8208
2
原创 微信小程序自定义键盘,内部虚拟支付
先看效果图 :微信支付的话,调用微信支付接口是有自己的小键盘的 因为小程序没有内部键盘,所以有时候商城内部 需要零钱支付 ,会员卡支付,输入密码就需要自己做一个小键盘了。 css 跟 html不做过多说明 直接照搬就行 页面上面的3个小图片就不提供了 js 部分做了详细注释<view class="popup-memu"> <view cl...
2018-08-16 19:47:18
8291
1
原创 微信小程序随机验证码的实现
小程序上经常会有一些注册 申请页面需要用到随机验证码。具体实现方法不多说 直接上代码 <view class='yanzhengma'> <text class='left'>{{code}}</text> <text class='right' bindtap='huanyizhang'>换一张<...
2018-08-16 14:16:07
2571
原创 微信小程序select下拉框实现。
小程序中是没有h5中的下拉 标签的 所以要实现下拉功能就必须自己动手写拉 这里为了更清楚的显示层级 就把源码直接复制过来了<view class='list-msg'> <view class='list-msg1'> <text>商品金额</text> <text>¥99.00<...
2018-08-11 15:11:03
95376
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人