微信
素素_钗钗
如今世路已惯,此心到处悠然
展开
-
小程序车型选择器组件
如题所示,实现小程序页面车型选择组件,主要特点为数据是服务器加载的,仿微信联系人右侧导航实现定位,可搜索对应列表,点击标题可切换数据结构为普通的数组对象,前端需要编写方法处理成适合界面显示的数据结构,在选择品牌的时候,右侧导航主要代码如下...原创 2020-12-15 15:23:17 · 1288 阅读 · 23 评论 -
对象数组分组
如图所示,有些对象数组需要进行分组显示,比较常见的功能,类似微信通信录的字母选择交互,这里的数据结构就是需要进行分组处理的,还有车牌车型关联选择等,这些都是需要转换的,抽取方法如下,传入三个参数,arr:原始数组 gk:分组依据字段,ok:处理完需要呈现的对象键值代码如下handleGroup (arr, gk, ok) { var obj = {}, list = []; for (var i = 0; i < arr.length;...原创 2020-08-31 11:34:57 · 1170 阅读 · 0 评论 -
js + css3 + vue.js 实现仿input输入框功能
单纯只做H5相关的开发时,有些比较特殊的情况,比如说需要弹出自定义键盘的同时不希望弹出设备软键盘但是它的交互又希望是跟输入框保持一致,这种,可以通过横批输入框来实现,基于vue.js双向绑定的原理下,这个功能还是很容易的。<template> <div class="pi-wrap"> <div class="pnif-input"> <input class="pi-placeholder" plac原创 2020-08-09 16:53:16 · 569 阅读 · 0 评论 -
vue.js 带有正则选择的车牌控件组件
此控件是用于微信相关的应用中,主要是对于车牌号的选择范围作了一定的正则匹配,选择时,字体会放大,键盘是动态变化的,效果如下两张截图:代码以资源的形式上传,有需要可以留言!...原创 2020-08-09 16:31:43 · 1192 阅读 · 16 评论 -
企业微信H5踩坑指南
企业微信开发H5功能,正在进行中,需要记录的点有两个:第一是:域名验证,针对SPA应用,下载下来的验证文件跟index.html同一目录或者使用其他方式,需要保证域名+文件名可以访问即可,再次登录微信后台勾选即可第二是:企业微信jssdk授权,建议下载文件放到本地,再引入至index.html页面中,因为它有要求在app.vue监听路由即可,当然,有些api调用是有次数限制的,因此,还是...原创 2020-05-08 17:00:34 · 1352 阅读 · 2 评论 -
微信小程序踩坑指南--回填再造
一写小程序前端深入坑,踩着问题的‘尸体’爬了上来。奋斗一个多月,需求,设计,前端一体成型的项目终于上线,特此总结一下,以示激励。。。说到小程序的坑,第一个想要吐槽的就是它的api文档,分区也太‘微信’了吧,找到这个再跳到某个,感觉找个文档还挺费时间的,需要多点耐心,多点爱心。第二个想说的点是:app.js与page.js的生命周期是同步的,因此,如果你想在页面加载之前做点异步加载有关的...原创 2020-05-08 15:42:59 · 424 阅读 · 0 评论 -
前后端分离开发之微信小程序登录及内部授权
诚然如题所言,微信小程序登录可以让开发者快速地获取微信提供的用户身份标识,跟开发者构建的内部用户体系产生关联,在这个过程中,小程序如何登录及前端跟后台的授权验证体系如何打交道呢,现在就一步一步来了解清楚吧先来看一下微信官方提供的小程序登录流程图这些内容跟前端有关系的是wx.login获取code,发送code,存储登录状态这三者,一般情况下,前端与后端相联接的授权体系,每个公司都其...原创 2020-03-08 18:34:25 · 2620 阅读 · 0 评论 -
前后端分离项目之微信端网页授权处理
在微信公众号中内嵌H5网页,在需要获取用户信息或者需要用到微信公众号开发相匹配的api时,需要拉取微信授权,在非前后端分离的项目中,这部分是由服务端一并完成的,在前后端分离的项目中,根据微信公众号开发者文档,也可以很清楚地知道,拉取授取处理逻辑中最重要的一点就是,先获取code跟state,再根据取到的值发起授权请求,在前后端分离的项目中,最核心的一点是,构建一个授权中转页,需要授权的路由在判断没...原创 2019-12-25 14:09:33 · 2240 阅读 · 0 评论