4 a_靖

尚未进行身份认证

我要认证

全栈工程师

等级
TA的排名 676

样式集,小程序群聊,聊天室样式,效果图

效果图 注:(码云 group_chat_yun)代码:<!-- <view class="top"> <image class="page_editright" catchtap="navBack" mode="widthFix" src="/images/editright.png"></image> <view class="page_name">{{info.groupName}}</view> <...

2020-08-11 11:30:55

样式集(七)仿微信发现页样式

效果图:<!--pages/find/find.wxml--> <include src="/components/common/common" /><view class="item" catchtap="nav1"> <image class="icon" mode="widthFix" src="/images/icon_5.png"></image> <view class="txt">工厂圈</vie

2020-08-11 11:26:10

小程序内容审核违规情况,在小程序使用security.msgSecCheck

使用微信提供的APIsecurity.msgSecCheck查看文档1.开通云开发,创建云环境。2.在云函数的目录中,创建一个云函数(ContentCheck),如果小程序代码没有云函数的目录,可以在 project.config.json 目录中配置目录,在云函数中使用security.msgSecCheck。"cloudfunctionRoot": "cloudfunctions/",3.在ContentCheck 的 config.json 中 配置security...

2020-08-10 16:19:51

小程序云开发数据库在网站读取

使用TCB JS SDKTencent Cloud Base(TCB) JavaScript SDK介绍TCB 提供开发应用所需服务和基础设施。TCB JS SDK 让你可以在网页端使用 JavaScript 代码服务访问 TCB 的的服务。你可以使用该 SDK 构建自己的公众号页面或者独立的网站等 Web 服务。安装TCB JS SDK 可以通过tcb-js-sdk来访问:npminstall--savetcb-js-sdk@latest要在你的模块式使用模块可以...

2020-08-10 12:10:02

JS 实现下载Blod文件

实现代码://下载Blod文件const downLoadBlobFile = (filename, res) => { if (!res) return; let a = document.createElement('a'); let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }); let

2020-08-03 11:25:43

rem转rpx工具

对样式进行格式化,然后根据“rem”进行拆分,这样就会拆分成一个数组 [str1,str2,str3...,str6],除了最后一个元素,前边的元素都会以 “rem” 样式的数值结尾,然后在对数组中的元素字符串进行再次根据 “:” 进行拆分,这样就把原rem样式的数字给提取出来了,然后就根据规则转换成rpx的数值,重新组合就好了。css格式化工具:https://tool.lu/css/实现代码:<!DOCTYPE html><html> &..

2020-07-28 17:36:27

小程序云开发常用语句宝库

查询语句,返回的是 res.data[] 数组调用云函数返回的是res.resultget 数据获取返回的是 res.data{} 对象1.调用云函数this.DB = wx.cloud.database()wx.cloud.init({ env: 'mm-4t7rg'})wx.cloud.callFunction({ name: "login", data: {}, success(res) { console.log('个人信息-----------.

2020-07-13 22:54:19

小程序获取用户所在城市完整代码

小程序目录结构插入提示:1. 申请开发者密钥(key):申请密钥2. 下载微信小程序JavaScriptSDK,下载地址 下载完成后放入utils文件夹下引用即可3. 安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加 https://apis.map.qq.com//index.js//获取应用实例const app = getApp();var QQMapWX = require('../../utils/q...

2020-07-13 16:30:10

h5轮播图及效果图

效果图:代码:<!doctype html><html> <head> <meta charset="utf-8"> <title>jQuery响应式卡片轮播切换代码</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id

2020-07-13 11:27:13

小程序判断用户在线状态

在页面的两个生命周期组件里面 onShow() { console.log('-----上线线') let info = wx.getStorageSync('chat_item') DB.collection('friends') .where({ _id: info._id }).get().then(res => { console.log('-----', res) if (res.data[

2020-07-09 15:08:22

小程序聊天室开发,发送文字,表情,图片,音频,视频,即时通讯,快速部署,可定制开发

效果图:微信小程序聊天功能模块,现在已经支持发送图片,文字,音频,视频,表情,在线即时聊天啦。需要做的可以联系我微信。13977284413上代码:<view class="bo"> <view class="cgzslj"> <image wx:if='{{voice_icon_click}}' class="audi_icon ball" src="/images/audi_icon.png"></image> </vi

2020-07-08 23:51:31

H5网页跳转至微信小程序

文档链接点击跳转版本要求:微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。好消息,H5网页接入公众号的JSSDK以后可以跳转到小程序了。开放标签使用步骤微信开放标签使用步骤与微信JS-SDK类似,也需要绑定安全域名、引入JS文件等步骤。步骤一:绑定域名登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。步骤二:引入JS文件在需要调用JS接口的页面引入如下JS文件:http://res.wx..

2020-07-08 16:15:53

快速学习 async await 的使用, Demo 解析

async 和 await 字面都很好理解,分别是异步和等待。先上个demo,代码解析:定义一个 函数timeout(异步阻塞 ms 毫秒,模拟异步操作)定义一个 函数 TextFc (里面用到了 async 和 await),async 申明该函数可以异步处理,await 代码执行阻塞,等待后面的异步操作完成后,再走下面的代码。 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { function t..

2020-07-08 15:45:27

数组去重,ES6数组去重 new Set()

普通数组去重varb=[...newSet([1,2,3,4,5,5,5,5])]console.log(b);输出结果:包含对象的数组去重 var o ={a:1} var b = [...new Set([o, o, 3, 4, 5, 5, 5, 5])] console.log(b);输出结果:包含对象的数组去重有一个坑 var b = [...new Set([{'a':1}, ...

2020-07-08 12:30:18

样式集(六)仿微信通讯录样式

效果图:这里有引用到 自定义底部导航,自定义底部导航组件链接<!--pages/chatList/chatList.wxml--><view class="top"> <view class="pageTitle">家博慧</view> <view class=" search_arr"> <icon class="searchcion" size='16' type='search'></icon>

2020-07-07 21:13:06

tabBar 自定义,小程序自定义底部导航栏

创建一个自定义组件 my_tab,组件代码在后面,先看调用自定义组件的代码,比如我需要在index 页面调用,就在index.json中引用组件,index.json 代码(引用的路径为你创建的自定义组件路径){ "navigationStyle": "custom", "usingComponents": { "my_tab": "../Component/my_tab" }}我的组件目录如下:然后在index.wxml 中使用组件就可以<my_tab&

2020-07-07 21:00:29

微信小程序云数据库触底分页加载,下拉无限加载,第一次请求数据随机,随机获取数据库的数据

效果图小程序云开发分页加载代码<!--pages/chatList/chatList.wxml--><view class="pageTitle">家博慧</view><view class=" search_arr"> <icon class="searchcion" size='16' type='search'></icon> <input class="" bindinput="input_p" pl

2020-07-07 20:48:30

样式集(五)微信朋友圈样式模拟

效果图:源码:<!--pages/findList/findList.wxml--><image class="xxiangji" catchtap="xxiangji" src="/images/xxiangji.png"></image><image class="top_img" src="/images/settle.jpg"></image><view class="userinfo-avatar"> &

2020-07-07 11:36:00

IOS手机全屏长按识别二维码HTML代码

代码段作用讲解:1. 二维码的全屏样式,opacity: 0; 透明样式,touch-callout: none; -webkit-touch-callout: none; -ms-touch-callout: none; -moz-touch-callout: none; 禁止IOS默认长按事件 .codePage { position: absolute; touch-callout: none; -webkit-touch-callout: none; -ms.

2020-07-06 18:15:54

小程序云开发实现模糊匹配,模糊搜索,小程序云开发正则匹配数据库

代码说明:模糊查询数据库集合(birthday),模糊匹配查询生日是否为今天用户的生日日期格式为 1994-07-06 , 当前日期格式为 07-06 , 匹配数据库的月和日,数据库集合如图:云函数代码:// 云函数入口文件const cloud = require('wx-server-sdk')const Core = require('@alicloud/pop-core');cloud.init()const db = cloud.database()function

2020-07-06 01:12:24

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 博客之星-入围
    博客之星-入围
    授予每年博客之星评选结果第21-200名的用户
  • 分享宗师
    分享宗师
    成功上传21个资源即可获取