沉默的小猴子-CSDN博客

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

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

2019-12-04 09:43:03 1748 2

先谈需求：左侧为分类列表，点击分类名右侧商品列表会滑动对应分类到顶部；右侧商品列表滑动到某一分类时左侧分类列表对应分类会滑动到顶部高亮显示。再来说说思路：1，引用swiper插件，这种方法冲突和不适配可能性太多，会越改越麻烦所以弃用。2，使用页面滑动scroll事件，引入better-scroll组件。这个较为轻便，可自定义性较大，可以使用。实现步骤：1，左右两侧均使用v-for循环列表，使...

2019-08-13 09:58:08 7871

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

小程序做线上商城就离不开交互，包括最重要的支付和订单评价系统。订单评价简单的只有商品评价，比较齐全的是商品和商家一起评价。本文介绍的目录包含，商品评价，商家评价，星级评分，上传照片，以及评论字数限制。目录：（一）星级评分的写法（二）评论区的字数显示和限制（三）图片张数限制和上传到服务器（四）完整代码看看开发工具中的样品图：在评论页中展示商品和商家两栏的评价内容，并且提交评价的...

2019-03-27 14:37:24 7896 2

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

这次我和大家分享一下如何用小程序做一个问卷调查小程序，可以是行业问卷，或者是测试题的。该问卷调查主要介绍题目多且题型多，题目数在15道以上，题型包含单选，非必做、必做题，填空题。当然可以从这些衍生更多的出来。首先理清思路：第一页我们做欢迎语和简介，在答题入口上做跳转题目页和授权按钮功能，然后开始做题，选择题放前，填空题放后，每页2道题，任何一道为空都会提示“请做完本页所有题”，当...

2018-09-10 08:52:27 30550 37

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

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

2018-08-28 09:04:17 20879 5

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

本篇博客主要详解getPhoneNumber组件的功能，填补网上那些到处是漏洞的博客。加上小程序官方本身也是满满的漏洞。惯例先上总纲：主要内容1.前端页面组件书写 2.JS内组件用法 3.接口文件内容 4.效果图先上成功后的结果图以下是具体步骤第一步：组件引用现在小程序的getPhoneNumber功能必须绑定在button事件上了。所以要按照bu...

2018-08-03 10:04:02 30741 24

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

本片博客主要介绍的是小程序利用百度地图搜索附近三公里信息开篇先提一下，网上有很多关于小程序搜索框的，地图地点信息检索的，路线导航的，以及一个找事吧APP模仿的小程序。我也看过这些内容，整理一下，就是我今天要展示的。惯例，先上整体效果图：这是点击药店，搜索附近20个药店信息。可以打印出20个药店的信息数据，自己可根据实际情况展示。搜索附近营业厅信息。同样是打印20个。...

2018-08-01 10:07:33 11804 33

原创小程序中关于敏感词汇检测

小程序审核增加敏感词汇校验，避免违法违规而被停用服务或者投诉。本文例子引用的百度AI开发者提供的API：链接位置：https://console.bce.baidu.com/ai/#/ai/ocr/overview/index创建应用后生成应用对应的id和key应用到小程序中,，简单的写一个公用的方法：//-----------敏感词检测textTest (obj){wx.request({//获取access_tokenurl: ‘https://aip.baidubce.com/o

2021-06-11 17:43:14 3505

原创 VUE组件封装之短信验证码组件

贴上代码，<template> <div> <msg-code v-model="smsPwd" :msgTitle="'验证码'" :disabled="false" :placeholder="placeholder" :maxlength="'6'" :text=.

2020-10-19 10:57:55 898

原创 VUE正确使用JS获取scroll的高度

vue中scroll的高度问题解决很多人写的并不全面，给出的只有简单的一两句写法，导致萌新和小白频频报错解决不了。贴上多数文章的写法：console.log('距离顶部高度', this.$refs.scroll1.offsetTop)console.log('距离顶部高度', this.$refs.scroll1.getBoundingClientRect().top)这样的写法是没问题的。但是这个**this.refs.scroll1∗∗指的是哪个元素，没有说明。还有这句∗∗console.

2020-07-21 09:31:00 2672

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

解决小程序多层嵌套点击事件重复或者失效问题问题描述：当列表有多层级分类，包含关系，且每层上都有点击事件，这时候点击父组件会触发子组件时间，或者点击子层级的也会触发父层级的点击事件，多次触发。解决描述：bindtap 和catchtap 点击事件。在父级使用bindtap，在子组件使用catchtap进行冒泡时间阻断处理例子：<view class="chooseList" wx:fo...

2019-12-18 14:56:59 3907 1

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

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

2019-12-18 12:01:50 2038

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

VUE中post给接口传递参数异常的解决办法（持续更新）本文持续更新，目前列举本人遇到的问题：使用this.axios.post(/xxxx, {params:{data:xxxx}).then这种方式，偶尔会遇到如下：这种会导致后端接收到的参数都是空的。因为**params[参数名字]**出现了异常。解决：1. JSON.stringify(params)。这种并不是很可靠。因为...

2019-12-16 09:10:09 4247

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

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

2019-08-09 17:44:16 15822 3

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

先看看样式图：实现上面这种简单搜索简单的三步走：1.页面样式：在页面中使用form表单的校验功能来实现输入搜索。给表单的数据放入搜索请求的data数组中，也就是searchParams这个大集合中。备注：如果给每个输入框添加了搜索按钮的click方法，则会在输入完成后直接执行列表搜索。所以考虑自己使用的具体位置。<div class="search"> <el-...

2019-06-11 16:48:41 13304 2

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

解决方法有两种：一、先看组件内容是否有错；官方原生默认组件内容：注意type为datetime<span class="demonstration">默认</span><el-date-picker v-model="value1" type="datetime" placeholder="选择日期时间"></el-date-...

2019-05-30 08:50:29 21143 2

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

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

2019-05-20 12:07:51 981

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

在其他的一篇文章中我提到过，我最初是学习前端的，慢慢的因为工作需求学了一点服务器的知识，也学了一点php的东西。并非我要主动学习这些，这是领导希望我掌握这些。放到现在的大环境来看，纯粹的前端是没有好前途的。能力过于单一就失去了竞争优势，哪怕你把前端做的再好，你没有个三五样的技能防身，在招聘竞争中还是一样会被淘汰。人无远忧，必有近虑。领导是一直有忧患意识的，当你不愿学习更多知识技能或者不能掌握更多...

2019-05-09 09:04:05 203

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

小弟是普通二本院校出来的，在经济管理系读的信息管理专业，说起来和程序员是搭边了一丢丢的。我为什么要说这是一丢丢呢？因为日常课程中的管理类课程占了80%，而计算机类课程每周只有一节。也就是当做选修课来上一样的效果，包括了网站设计建设课程，面向对象的JAVA开发课程。这和我现在作为一个程序员有莫大关系的，也是大部分学子毕业后面临选择作出错误决定的风向标。一向听说程序员高薪资，而且工作内容酷炫。所以我...

2019-04-26 10:25:22 201

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

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

2019-04-26 09:19:39 3235

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

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

2019-04-24 16:04:06 15385 5

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

首先，注册或者登陆阿拉丁官网：https://www.aldwx.com/index。在个人中心中添加微信小程序，获取appkey，如图然后看官方的帮助文档：http://doc.aldwx.com/aldwx/gao-ji-gong-neng/sdkjie-ru-zhi-nan.html切记，不要看乱七八糟的。重要的三点：1、在微信公众平台：https://mp.weixin.qq.c...

2019-04-23 17:30:56 4578 1

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

思路一，使用scroll-view组件的事件，缺点：动画不够流畅思路二，微信小程序自带的pagescroll事件，缺点：监听不方便，层级较高思路三，给页面最外层添加触摸事件思路四，小程序自带的触摸事件的API一个触摸开始的监听，一个触摸结束的监听。为了实现动画流畅，加上一定的延时延时，动画速度均匀即可。rowTouchMove:function(){ if(console.log("r...

2019-04-23 17:16:18 5814

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

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

2019-04-13 15:02:13 25572 3

原创 gitLab常见报错解决。

**push报错：**gitLab报错failed to push some refs to ‘[email protected]/xcxVIP.git’；pull报错：$ git pullerror: You have not concluded your merge (MERGE_HEAD exists).hint: Please, commit your changes befo...

2019-03-26 09:50:14 9470

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

原生的video组件功能已经可以满足用户所有需求，本文介绍一下非正常的用户需求怎么解决。比如：用户需要限制播放时不能滑动屏幕快进、不能拖动进度条快进快退，不准倍速播放，不准全屏；用户第一次完整看完视频后可以倍速，快进，暂停和全屏。解决的思路：隐藏掉video自带的所有控件功能，包括原生的video功能全部设置为false，然后自己画一个底部控件包含播放按钮还有进度条和全屏按钮，在全屏页面左上角...

2019-03-19 09:41:17 6177 18

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

关于小程序内唤起微信支付功能，不同人有不同的思路，有嵌套H5页面的，也有跳转第三方链接网站的，也有放收钱码等图片的。今天讲一下微信原生的微信支付功能基础版块，支付页面和支付逻辑。先上个效果图：页面展示上提供了，商品名称，支付方式，用户信息，支付金额。更详细的可以包含手机号，订单号等信息。而在微信支付文档中所必须提供的内容就是商品价格{{total_fee}}，还有商品描述{{body}}...

2019-03-19 08:44:38 25998 1

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

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

2019-03-15 13:41:03 34885 20

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

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

2019-02-28 13:41:17 17529 5

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

分享功能的函数：onShareAppMessage。这个函数通用，既可以右上角分享，也可以在页面内自定义button 分享。button的opentype =“share”.实现参数回调的函数：onShareAppMessage: function (res) { console.log("用户点击了按钮开始分享", res) var userNid = wx.getStora...

2019-02-28 11:37:17 23084 4

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

作为微信大力推广的应用，小程序和微信游戏的地位一样，甚至更重要。它增加了微信用户的留存，丰富了微信的娱乐功能和社交功能，也给更多人创造了更多的就业机会。形势是不断变化的，过去的2年小程序从一个孩子成长为了成年人，熟悉它的人更多了，人群更宽广了。使用的途径更宽广了，那么在2019年哪些是重点呢？从最初的门店小程序，到公众号小程序，慢慢发展到现在的商城小程序，用途更广的还是在商城小程序，包括了购物...

2019-02-11 10:01:57 693

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

本次讲的是如何在用户打开小程序时候弹窗该小程序的使用协议，阅读确认后方可继续使用小程序。这一点的意义在于：目前小程序对于各个开放接口的使用限制更严格，使用开放接口获取用户信息需要添加使用的用途说明，那我们正好可以使用这一个使用协议弹窗来说明该小程序都要干什么。1、布局组成：弹窗放在template中，供login页面来调用；login页面中加载弹窗模板，使用isShow等属性来控制；JS中，在...

2019-01-17 08:29:11 17778 1

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

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

2018-12-29 13:46:47 1015

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

最近有人说小程序的底部tabar放在顶部会出现问题，那么先看看如何放在顶部吧：图片效果：这里呢，在官方文档是有说明，tabbar 的属性设置里面有个position属性，position只支持bottom和top两种。而且，在默认值为top的情况下，顶部导航是不显示icon图片的。在配置的时候只需在app.json中写明即可：同时呢想写顶部导航栏的话可以参考我的另一篇文章https...

2018-12-26 14:24:04 1904

原创小程序入门知识点（二）

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

2018-12-26 10:28:51 271

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

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

2018-12-21 08:33:56 429

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

实现这个留言板功能比较简单，所以先上效果图：实现用户留言内容，留言具体时间。<script> window.onload = function(){ var oMessageBox = document.getElementById("messageBox"); var oInput = document.getElementById("myInput"); ...

2018-11-09 16:41:22 2766

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

有些时候我们需要通过页面来监控用户的行为，包括鼠标操作键盘操作，本文章介绍的是鼠标的操作监控：<script> window.onload = function(){ var oDiv = document.getElementById("myDiv"); //拖拽 oDiv.onmousedown = function(ev){ var ev = ev || wind...

2018-11-09 16:35:13 1298 3

原创 JS操作DOM节点查找

JS中常用的DOM操作事件，包括有节点查找，键盘鼠标事件等等，本文内容介绍DOM的节点查找。<script>window.onload = function(){ //children 与 childNodes console.log( document.body.children ); //包含7个节点的数组 console.log( document.bod...

2018-11-09 16:31:00 2064

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

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

2018-11-09 11:14:59 437 2