微信小程序获取节点信息,实现文本内容部分隐藏点击查看更多效果

一、需求 最近在做一个类似朋友圈的功能,然后需要对用户发布的动态进行处理,如果内容过多,需隐藏部分内容,等用户点击按钮后再展示全部动态;内容少的部分,就不需要显示按钮了。 二、问题及解决方案 1、设置内容超出隐藏效果 这个比较简单,只要在元素上设置样式:max-height和overflo...

2019-02-02 16:53:29

阅读数 204

评论数 0

nodejs实现小程序微信支付

最近做小程序时用到了微信支付很是开心,因为之前支付一直都没有做过,终于又可以学点东西了。于是很开心的去看了下微信小程序的支付接口,没想到,事情基本都是后端做的,前端只要调用wx.requestPayment接口就可以了,于是决定自己用node来做接口测试一遍。废话不多说,先整理下支付的流程。 一...

2019-01-28 14:36:59

阅读数 298

评论数 1

nodejs发送小程序模板消息

一、微信小程序模板消息说明 传送门 二、发送模板消息流程 自己实现的功能主要是发货后给用户发送模板消息的功能。首先在小程序后台配置模板,然后,在用户提交订单的时候利用form表单,把formid和订单数据传给后端,然后后端一起保存到数据库订单表中。发货后,调用小程序发送模板接口进行模板消息下...

2018-10-25 09:50:34

阅读数 186

评论数 0

nodejs获取微信小程序用户的unionID

一、unionID机制和获取途径 传送门 二、整体流程 前端通过wx.login获取用户的code,再通过wx.getUserInfo获取到用户的一些加密数据(需要设置withCredentials:true才可以),然后统一把code和iv和encryptedData传到后端,后端利用co...

2018-10-23 18:52:09

阅读数 258

评论数 0

微信小程序获取用户运动步数后端返回-41003

最近在做一个运动步数兑换的小程序,记录下自己遇到的一些问题:1、授权流程(需要获取用户信息的授权和获取运动步数的授权)2、在获取运动步数时后端一直返回-41003 一、授权流程 由于微信的一些授权接口都要废弃了,所以自己只能用弹窗+button的形式来引导用户授权。具体流程: (1)调用ge...

2018-09-19 11:28:44

阅读数 1735

评论数 2

nodejs获取微信小程序码

获取小程序码的主要流程是:通过小程序的APPID和APPsecret来获取access_token,然后通过access_token来调用微信提供的获取小程序二维码的接口,然后把返回的二进制流保存成图片,并返回地址给前端。 这边有个要注意的是,access_token有两小时的过期时间,需定期来...

2018-08-23 15:20:02

阅读数 981

评论数 0

canvas 案例——时钟

首先先理解几个方法: 1、save()和restore():这对法宝非常有用,两个配对使用,saved方法用于临时保存画布的坐标系统的状态;restore方法用来恢复save之后保存的状态。可以简单的理解为,save之后的一系列的操作,比如translate和rotate等,在restore后,...

2018-08-01 11:47:24

阅读数 135

评论数 0

不同屏幕下设置dom的显示顺序

工作中用bootstrap搭了个响应式的官网,其中一块DOM结构是这样的:<div class="fullad-box video-box"> <div class="con...

2018-07-06 10:17:31

阅读数 133

评论数 0

同域名下,不同项目的cookie共享

做项目的时候遇到个问题就是:因为前台和后台是独立开的(但在同一域名下),前台登录后设置了cookie,然后直接跳到后台,在后台却无法获取到设置的cookie,导致后台退出时,无法清除cookie,前台还是登录的状态。产生这个问题的原因是cookie的作用域问题,假如本地服务器下的/webapp下面...

2018-07-05 18:36:45

阅读数 1998

评论数 0

html2canvas 图片合成模糊问题解决

做项目时,用到了html2canvas来把一个分享的弹窗,合成图片再分享出去,但是有个问题一直困扰很久,那就是合成的图片会模糊。网上找了下方法,主要是通过把canvas容器扩大,再将和成的图片进行缩放。具体的代码: getCanvasImg(obj){ var doc = wind...

2018-06-20 14:28:54

阅读数 5924

评论数 4

vue 子组件触发父组件方法的两种方式

父组件:<template> <div> <div @click="openChild">弹弹弹,弹出子组件&lt...

2018-06-01 11:12:28

阅读数 13795

评论数 0

vue-awesome-swiper踩坑:刷新布局错乱,loop失效

vue swiper使用传送门,今天使用vue swiper做一个数据信息滚动效果的时候,页面加载完后,没出现什么问题,但是一刷新当前页面布局就错乱了,而且loop也失效了。正确布局如下:一刷新页面:网上查了下,发现是加载顺序的问题,因为数据还没有完全加载的时候就已经渲染swiper了。解决的办法...

2018-05-25 17:34:16

阅读数 3680

评论数 2

html2canvas 相关问题踩坑

最近公司项目有个需求是:弹窗的时候要把一些信息合成为图片然后再进行分享等操作,其中信息包括微信头像,昵称等。项目是用vue来搭建的,要合成的区域如下:弹窗的主要html如下:<div class="success-wrap" :class=...

2018-05-24 12:47:13

阅读数 2438

评论数 0

vue.js+mock.js+node.js实现移动端翻页效果

偶然发现了个好东西:mock.js,它可以用来随机的生成你想要的数据格式,包括文本、图片等,这时候我们再结合node.js,就可以真正的脱离后端,自己做接口,返回数据,测试我们的前端功能模块了。 mock.js的大致使用是通过定义一个自己想要的数据模板,然后数据模板中的数据值可以通过Mock.R...

2018-03-12 00:11:06

阅读数 880

评论数 0

jsonp原理实现

前几天看了动脑老师老宋讲的jsonp原理,觉得很受用,现做下笔记。 什么是跨域: 跨域是浏览器同源策略而产生的,在不同协议,不同端口,不同域名下(以上任意一个不同都算是跨域)的两个服务之间是无法互相访问的。 举例: http://www.baidu.com/index.html 调用 ht...

2017-12-14 15:41:01

阅读数 762

评论数 0

swiper autoheight选项卡嵌套出现空白问题

swiper的autoheight设置可以用来解决tab切换时内容高度不一致而出现的空白问题。但是没想到今天做项目时,又出现了这个问题。 我的问题是这样的:用swiper3.1制作了一个tab选项卡(就叫swiper选项卡吧,设置了autoheight),里面又嵌套了一个jq写的一般选项卡(叫jq...

2017-10-24 10:28:35

阅读数 2001

评论数 0

es6 箭头函数学习笔记

箭头函数是es6的一大亮点,大大简化了我们以前函数的编写方式,而且很直观,现记录下一些学习笔记。 1、不带参函数书写 let fun = () =>console.log('hello es6'); fun(); //hello es6等同于es5的 var fun = function()...

2017-10-18 11:04:09

阅读数 120

评论数 0

基于vue-cli的vuex学习笔记

前几天看了动脑学院讲的vuex,觉得真心不错,核心的基本都讲到了。这两天去翻了下官网的文档,然后在vue-cli上实现了那个计数案例。现记录下一些学习笔记。首先,借用下官网的经典图:这图的执行顺序是这样的:1、组件通过Dispatch触发Actions里面的动作;2、Actions通过Commit...

2017-10-13 16:37:04

阅读数 320

评论数 0

基于vue-cli的反向代理设置及axios获取json数据

一、后端接口搭建 后端用的是php,自己只是个菜鸟,复习了下基础知识后搭建出来的,环境用的是phpstudy集成环境搭建的。代码如下:   <?php header('content-type:application/json;charset=utf8'); f...

2017-10-09 15:49:01

阅读数 5341

评论数 5

vue-cli 脚手架搭建

vue-cli是一个vue官方发布的项目脚手架,可以快速创建vue项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、安装node.js 首先需要安装node环境,可以直接到官网(http://nodejs.cn/)下载安装包解压安装。 安装完成后,可以...

2017-09-29 15:30:50

阅读数 170

评论数 0

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