自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

沉默的小猴子的博客

在沉默中写出博客

原创 安利一个工具大全小程序(包含小程序模板+源码)

小程序名称【美丽生活帮】。二维码: 里面有各种类型的小程序模板源码,优秀的UI,以及各种花里胡哨的功能。但是仅限开发以及咨询作者,想要源码包的需要联系作者也就是客服。 主屏幕三部分内容: 首页: 中间页: 个人中心: 二级页面列举: ...

2019-12-04 09:43:03

阅读数 194

评论数 1

原创 vue开发web端实现列表左右联动效果

先谈需求:左侧为分类列表,点击分类名右侧商品列表会滑动对应分类到顶部;右侧商品列表滑动到某一分类时左侧分类列表对应分类会滑动到顶部高亮显示。 再来说说思路:1,引用swiper插件,这种方法冲突和不适配可能性太多,会越改越麻烦所以弃用。 2,使用页面滑动scroll事件,引入better-sc...

2019-08-13 09:58:08

阅读数 1162

评论数 0

原创 小程序开发订单评价和商家评价

小程序做线上商城就离不开交互,包括最重要的支付和订单评价系统。订单评价简单的只有商品评价,比较齐全的是商品和商家一起评价。 本文介绍的目录包含,商品评价,商家评价,星级评分,上传照片,以及评论字数限制。 目录: (一)星级评分的写法 (二)评论区的字数显示和限制 (三)图片张数限制和上传到服务器...

2019-03-27 14:37:24

阅读数 4895

评论数 0

原创 答题小程序之调查问卷模板开发

这次我和大家分享一下如何用小程序做一个问卷调查小程序,可以是行业问卷,或者是测试题的。该问卷调查主要介绍题目多且题型多,题目数在15道以上,题型包含单选,非必做、必做题,填空题。当然可以从这些衍生更多的出来。 首先理清思路:第一页我们做欢迎语和简介,在答题入口上做跳转题目页和授权按钮功能...

2018-09-10 08:52:27

阅读数 11312

评论数 29

原创 小程序之简单登录注册表单验证

这段时间在做员工管理的小程序,前期在登录注册上花了不少功夫,今天就给大家分享下。 效果图,wxss的内容较简单,自己编写即可。 主要内容 一、首先我是在util.js中引入表单正则验证规则,给予login.js来引用 function regexConfig() {...

2018-08-28 09:04:17

阅读数 11472

评论数 4

原创 小程序填坑:2018最新getPhoneNumber功能详解

本篇博客主要详解getPhoneNumber组件的功能,填补网上那些到处是漏洞的博客。加上小程序官方本身也是满满的漏洞。 惯例先上总纲: 主要内容 1.前端页面组件书写 2.JS内组件用法 3.接口文件内容 4.效果图 先上成功后的结果图 ...

2018-08-03 10:04:02

阅读数 14303

评论数 16

原创 小程序实现附近三公里搜索和地图路线导航(改版)

本片博客主要介绍的是小程序利用百度地图搜索附近三公里信息 开篇先提一下,网上有很多关于小程序搜索框的,地图地点信息检索的,路线导航的,以及一个找事吧APP模仿的小程序。我也看过这些内容,整理一下,就是我今天要展示的。 惯例,先上整体效果图: 这是点击药店,搜索附近20个药店信...

2018-08-01 10:07:33

阅读数 4484

评论数 8

原创 解决小程序多层嵌套点击事件重复或者失效问题

解决小程序多层嵌套点击事件重复或者失效问题 问题描述:当列表有多层级分类,包含关系,且每层上都有点击事件,这时候点击父组件会触发子组件时间,或者点击子层级的也会触发父层级的点击事件,多次触发。 解决描述:bindtap 和catchtap 点击事件。在父级使用bindtap,在子组件使用catch...

2019-12-18 14:56:59

阅读数 63

评论数 0

原创 解决小程序多层循环导致页面加载缓慢问题

小程序多层循环嵌套导致加载慢 使用循环的时候有的需要多次循环列表找到最终需要的数据,但是会导致接口以及页面加载缓慢,此时建议将循环单独取出,并发触发循环,而不是循环完一个再循环下一个 正确实例 let obj = this.data.myDefaultCar; let setId = ...

2019-12-18 12:01:50

阅读数 63

评论数 0

原创 VUE中post给接口传递参数异常的解决办法(持续更新)

VUE中post给接口传递参数异常的解决办法(持续更新) 本文持续更新,目前列举本人遇到的问题: 使用this.axios.post(/xxxx, {params:{data:xxxx}).then这种方式,偶尔会遇到如下: 这种会导致后端接收到的参数都是空的。因为**params[...

2019-12-16 09:10:09

阅读数 42

评论数 0

原创 VUE简单解决控制台打印数组为空,但是展开有数据

如图,在控制打印的时候数组是空,但是展开可以看到有37条数据。紧接着打印了长度,长度为0. 这个问题我搜了很多解决都是 this.$nextTick(() => { }) 我有个更简单的办法,这个算是异步的一个加载 那就使用延时setTimeout来触发 let rightItem...

2019-08-09 17:44:16

阅读数 1659

评论数 0

原创 VUE+element开发后台管理的搜索功能

先看看样式图: 实现上面这种简单搜索简单的三步走: 1.页面样式:在页面中使用form表单的校验功能来实现输入搜索。给表单的数据放入搜索请求的data数组中,也就是searchParams这个大集合中。 备注:如果给每个输入框添加了搜索按钮的click方法,则会在输入完成后直接执行列表搜索。所以...

2019-06-11 16:48:41

阅读数 2619

评论数 0

原创 vue+element-ui项目前端报错 date.getHours is not a function解决方法

解决方法有两种: 一、先看组件内容是否有错; 官方原生默认组件内容: 注意type为datetime <span class="demonstration">默认</span> <el-date-picker v-model="...

2019-05-30 08:50:29

阅读数 1983

评论数 0

转载 【转载】小程序JSON数组和对象的JS使用方法大全

数组方法 方法 描述 concat() 连接两个或更多的数组,并返回结果。 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加一...

2019-05-20 12:07:51

阅读数 322

评论数 0

原创 【程序人生】你为什么不够优秀

在其他的一篇文章中我提到过,我最初是学习前端的,慢慢的因为工作需求学了一点服务器的知识,也学了一点php的东西。并非我要主动学习这些,这是领导希望我掌握这些。 放到现在的大环境来看,纯粹的前端是没有好前途的。能力过于单一就失去了竞争优势,哪怕你把前端做的再好,你没有个三五样的技能防身,在招聘竞争中...

2019-05-09 09:04:05

阅读数 87

评论数 0

原创 【程序人生】前端网站开发的那些事

小弟是普通二本院校出来的,在经济管理系读的信息管理专业,说起来和程序员是搭边了一丢丢的。我为什么要说这是一丢丢呢?因为日常课程中的管理类课程占了80%,而计算机类课程每周只有一节。也就是当做选修课来上一样的效果,包括了网站设计建设课程,面向对象的JAVA开发课程。这和我现在作为一个程序员有莫大关系...

2019-04-26 10:25:22

阅读数 71

评论数 0

原创 小程序常用的页面布局

在小程序中最经常使用到的就是flex布局,今天来讲讲flex布局的几个常用属性。 小程序中常用到: .flex:{display:flex;} 可以实现自定义和自由化的整齐布局。下面是常用的几个属性 1.比例布局【width】; 元素设置单个元素的宽度width:1%-99%不等。换行:flex...

2019-04-26 09:19:39

阅读数 603

评论数 0

原创 微信小程序如何自定义新用户引导页

根据不同的需求,现在出现了给小程序添加新用户引导页面。 设计流程:指引用户点击右上角,将本小程序添加到我的小程序。点击“去试试”后不再显示。前提是新用户或者首次打开。 设计图: 实现步骤: 1》思路:在小程序首页生命周期函数中,加入条件判断。在用户点击【记住了,我去试试】事件上增加缓存信息。 2...

2019-04-24 16:04:06

阅读数 2627

评论数 3

原创 小程序中添加阿拉丁数据统计

首先,注册或者登陆阿拉丁官网:https://www.aldwx.com/index。在个人中心中添加微信小程序,获取appkey,如图 然后看官方的帮助文档:http://doc.aldwx.com/aldwx/gao-ji-gong-neng/sdkjie-ru-zhi-nan.html 切...

2019-04-23 17:30:56

阅读数 1670

评论数 0

原创 微信小程序滑动屏幕控制动画隐藏和显示

思路一,使用scroll-view组件的事件,缺点:动画不够流畅 思路二,微信小程序自带的pagescroll事件,缺点:监听不方便,层级较高 思路三,给页面最外层添加触摸事件 思路四,小程序自带的触摸事件的API 一个触摸开始的监听,一个触摸结束的监听。为了实现动画流畅,加上一定的延时延时,动画...

2019-04-23 17:16:18

阅读数 1442

评论数 0

原创 微信小程序监听页面滚动的事件

有些用户的需求是,上下滑动屏幕要求隐藏掉某些显示区域。或者滑动到指定位置时显示某些内容。 可做监听事件四个: 一、JS自带的: //开始滚动 onPageScroll (e) { console.log('滚起来') }, 这个监听的不够灵敏,BUg较多。 二 ...

2019-04-13 15:02:13

阅读数 3767

评论数 2

原创 gitLab常见报错解决。

**push报错:**gitLab报错failed to push some refs to ‘git@1xxxxxxxxxx.com/xcxVIP.git’; pull报错: $ git pull error: You have not concluded your merge (MERGE_H...

2019-03-26 09:50:14

阅读数 2450

评论数 0

原创 小程序开发video组件自定义功能

原生的video组件功能已经可以满足用户所有需求,本文介绍一下非正常的用户需求怎么解决。 比如:用户需要限制播放时不能滑动屏幕快进、不能拖动进度条快进快退,不准倍速播放,不准全屏;用户第一次完整看完视频后可以倍速,快进,暂停和全屏。 解决的思路:隐藏掉video自带的所有控件功能,包括原生的v...

2019-03-19 09:41:17

阅读数 1142

评论数 13

原创 小程序微信支付功能开发

关于小程序内唤起微信支付功能,不同人有不同的思路,有嵌套H5页面的,也有跳转第三方链接网站的,也有放收钱码等图片的。 今天讲一下微信原生的微信支付功能基础版块,支付页面和支付逻辑。 先上个效果图: 页面展示上提供了,商品名称,支付方式,用户信息,支付金额。更详细的可以包含手机号,订单号等信息。...

2019-03-19 08:44:38

阅读数 1275

评论数 0

原创 小程序实现漂亮的个人中心版面

先放上效果图,然后再解构如何实现。 常见的个人中心内容包括了: 头像,用户昵称,会员信息,充值信息,还有个人设置,收货地址,订单历史,收藏记录,浏览历史等等。 这些板块都可以用组件来实现。 页面逻辑中: 将头像和昵称还有会员信息放在顶部在一个宣传版面展示。剩余的个人中心的功能则单独拿出来做一个列...

2019-03-15 13:41:03

阅读数 6130

评论数 10

原创 小程序wx:for循环列表数量的限制

我们都知道循环一数组要用到wx:for。这种循环会循环出列表的所有数据。 但是很多时候我们并不需要循环所有的数据,或者并不想展示所有的数据。 尤其是在首页上,只需要展示部分的数据,这时候就要用到wx:for下面的index属性; data-index可以给数据列表进行0-99999的排序,同理我们...

2019-02-28 13:41:17

阅读数 5099

评论数 0

原创 小程序分享功能实现结果回调以及页面传参

分享功能的函数:onShareAppMessage。这个函数通用,既可以右上角分享,也可以在页面内自定义button 分享。button的opentype =“share”. 实现参数回调的函数: onShareAppMessage: function (res) { console.lo...

2019-02-28 11:37:17

阅读数 4664

评论数 2

原创 小程序在2019年还有哪些发展空间

作为微信大力推广的应用,小程序和微信游戏的地位一样,甚至更重要。它增加了微信用户的留存,丰富了微信的娱乐功能和社交功能,也给更多人创造了更多的就业机会。 形势是不断变化的,过去的2年小程序从一个孩子成长为了成年人,熟悉它的人更多了,人群更宽广了。使用的途径更宽广了,那么在2019年哪些是重点呢? ...

2019-02-11 10:01:57

阅读数 527

评论数 0

原创 小程序开发:在登录时弹窗用户使用协议

本次讲的是如何在用户打开小程序时候弹窗该小程序的使用协议,阅读确认后方可继续使用小程序。 这一点的意义在于:目前小程序对于各个开放接口的使用限制更严格,使用开放接口获取用户信息需要添加使用的用途说明,那我们正好可以使用这一个使用协议弹窗来说明该小程序都要干什么。 1、布局组成:弹窗放在templa...

2019-01-17 08:29:11

阅读数 4717

评论数 1

原创 小程序识别用户手机系统选择支付方式

写在前言:用过微信支付的都知道,小程序在支付时候也被苹果无情的抛弃了。所以就要区分是安卓机型还是苹果机型。那么怎么区分呢,在小程序中有API的。 wx.getSystemInfo组件功能就是获取用户手机系统信息 这一点我们直接配置在小程序的APP.JS中方便整个小程序的页面调用 //...

2018-12-29 13:46:47

阅读数 370

评论数 0

原创 小程序的tabar顶部和底部导航的区别

最近有人说小程序的底部tabar放在顶部会出现问题,那么先看看如何放在顶部吧:图片效果: 这里呢,在官方文档是有说明,tabbar 的属性设置里面有个position属性,position只支持bottom和top两种。而且,在默认值为top的情况下,顶部导航是不显示icon图片的。 ...

2018-12-26 14:24:04

阅读数 206

评论数 0

原创 小程序入门知识点(二)

开发步骤 先去官网注册申请小程序账号,在官方后台配置小程序的名称头像以及简介和所属行业应用场景等信息,完善后认证审核,认证完成后才拥权限编辑发布小程序,此时会生成新的小程序APPID,这个APPID在开发设置里面,旧的原始额AppID在 基本设置里面。 ​ 一个小程序主体部分由三个文件组成,必须放...

2018-12-26 10:28:51

阅读数 85

评论数 0

原创 VUE.JS和小程序的共通之处

我是先学习的小程序开发,之后才了解到vue.js。也是一直没有时间去看相关vue.js的知识和内容。现在回顾起来,小程序和vue.js都是前端的内容。 例如小程序中的目录结构物page+app.js+app.json+app.wxss+image+util,vue.js的目录结构为myapp或者m...

2018-12-21 08:33:56

阅读数 196

评论数 0

原创 JS原生编写实现留言板功能

实现这个留言板功能比较简单,所以先上效果图: 实现用户留言内容,留言具体时间。 &lt;script&gt; window.onload = function(){ var oMessageBox = document.getElementById("me...

2018-11-09 16:41:22

阅读数 744

评论数 0

原创 JS中的鼠标移入移除监控操作

有些时候我们需要通过页面来监控用户的行为,包括鼠标操作键盘操作,本文章介绍的是鼠标的操作监控: &lt;script&gt; window.onload = function(){ var oDiv = document.getElementById("myDiv&...

2018-11-09 16:35:13

阅读数 445

评论数 0

原创 JS操作DOM节点查找

JS中常用的DOM操作事件,包括有节点查找,键盘鼠标事件等等,本文内容介绍DOM的节点查找。 &lt;script&gt; window.onload = function(){ //children 与 childNodes console.log( docum...

2018-11-09 16:31:00

阅读数 576

评论数 0

原创 AJAX封装数据处理简单操作

数据的封装处理主要展现在JS中,在页面里面引入封装的JS, “js/ajax.js” 简单封装将get和post方法都写入,get的方法和post的方法依然需要严格区分,包括type类型也要严格书写: function ajax(method, url, data, success) { /...

2018-11-09 11:14:59

阅读数 200

评论数 2

原创 AJAX的兼容处理方式

AJAX在网站服务中使用到频率很高,也需要考虑各个浏览器版本的兼容性,本示例中详细介绍简单快捷的处理兼容性问题。 &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-eq...

2018-11-09 10:21:16

阅读数 419

评论数 0

原创 AJAX的表单请求POST请求方式

表单数据的提交 action : 数据提交的地址,默认是当前页面 method : 数据提交的方式,默认是get方式 post: 把数据名称和数据值用=连接,如果有多个的话,那么他会把多个数据组合用&amp;进行连接,然后把数据放到url?后面传到指定页面 enctype : 提交的数据格...

2018-11-09 09:50:44

阅读数 648

评论数 0

原创 AJAX的get表单请求方式简述

一般在页面中常用在表单的操作中,请求数据, action : 数据提交的地址,默认是当前页面 method : 数据提交的方式,默认是get方式 get: 把数据名称和数据值用=连接,如果有多个的话,那么他会把多个数据组合用&amp;进行连接,然后把数据放到url?后面传到指定页面 enc...

2018-11-09 09:43:00

阅读数 89

评论数 0

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