- 博客(87)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 微信小程序—智能鉴黄、敏感识别
小程序提供内容安全接口security.imgSecCheck：图片检测security.msgSecCheck：文本检测调用效果如下：敏感信息，不好暴漏，可自行体验体验路径：扫码>>AI智能系列>>安全检测—敏感词语、黄色图片...
2020-02-21 20:48:57
6755
3
原创 云函数（nodejs）中Buffer、ArrayBuffer、DataView互相转化
我们都知道小程序云函数是基于nodejs开发，小程序前端是基于es开发，所以前端有ArrayBuffer这个类型，却没有Buffer这个类型，这样使用时很不方便，例如非法图片鉴定imgSecCheck这个api就需要Buffer参数调用，所以其中一个思路就是可以将前端获取到的ArrayBuffer传递给云函数，再转化成Buffer，另一种思路可以参考小程序imgSecChec云函数调用这篇文章，因...
2020-02-19 09:40:02
1560
原创 小程序笔记—ArrayBuffer、base64、url互转
小程序中经常会返回ArrayBuffer类型的数据，如获取小程序码时就返回如下数据：乍一接收到，有些懵逼，但仔细想想图片无外乎是去展示的，image展示主要可以用base64格式或者url格式，那就需要把接收到buffer转化为base64或者url。buffer转base64：that.setData({ imgBase64: wx.arrayBufferToBase64(res....
2020-02-18 15:58:05
10070
3
原创 小程序云函数输出的日志在哪儿？有两种方式
使用云函数时，发现其中调试的日志并不能在Console面板中输出，这就带来很大的不便！云函数中日志输出查看位置：小程序开发工具>>云开发>>云函数>>日志或者高级日志小程序Demo尽在Demo集中营...
2020-02-18 09:36:25
4670
原创 小程序云函数—通用印刷体 OCR 识别文字
识别资源图：识别结果：云函数ocrPrintedText代码：// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => { try { const result = await cloud.ope...
2020-02-17 20:07:22
2093
3
原创 小程序笔记—抽离公共样式，@import导入common.js
此前有两篇文章分别介绍了js的公共函数抽离、wxml的公共布局抽离，可直接点击查看：小程序笔记—模块化，抽离公共函数，common.js小程序笔记—wxml布局文件的模板，使用template抽离公共布局本篇文章开始介绍wxss的公共样式抽离，也可以叫外联样式，其实都非常简单，但对于精简代码却又非常重要，所以不差这一篇。//文件common.js.view-row{ width:10...
2020-02-16 15:09:32
1126
原创 小程序允许被打包上传的15种文件
wxs：小程序的一套脚本语言，结合 WXML，可以构建出页面的结构png：图片格式jpg：图片格式jpeg：图片格式gif：动图格式svg：可缩放的矢量图形格式json：配置文件cer：证书格式mp3：音频格式aac:音频格式m4a：音频格式mp4:视频格式wav：音频格式ogg：音频格式silk：音频格式——录音文件...
2020-02-16 10:15:51
906
原创 小程序笔记—性能测试下的定时器：setTimeout与setInterval
小程序中有两个定时器：setTimeout与setIntervalsetTimeout：可延时回调setInterval：可定时循环回调第一次这样使用：setTimeout(function(){ console.log("延时1秒回调")},1000)setInterval(function(){ console.log("每隔2秒回调一次")},2000)但性能测试...
2020-02-15 10:52:31
837
原创 小程序笔记—wxml布局文件的模板，使用template抽离公共布局
在上一篇[小程序笔记—模块化，抽离公共函数，common.js](https://blog.csdn.net/WeiHan_Seven/article/details/104295663)文章中，我们了解到一些公共的函数可以抽离到统一的模块中，那么这篇我们就来看一下wxml中一些公共布局如何抽离。
2020-02-14 22:05:35
630
原创 小程序笔记—wxml中的条件逻辑渲染
单条件显示隐藏<view wx:if="{{isShow}}"> True </view>多条件显示隐藏<view wx:if="{{length > 5}}"> 1 </view><view wx:elif="{{length > 3}}"> 2 </view><view wx:elif="{{...
2020-02-14 21:25:18
394
原创 小程序笔记—亲测小程序实时日志功能，远程监控小程序日志
调试小程序最常用的就是console.log了，但是小程序上线后，如果出了问题，尤其一些bug很难复现，这是开发经常会遇到的问题，好在小程序提供了实时日志功能，简单点就是通过调用api输出日志，微信客户端会定时打包上报这些日志，方便远程定位问题。使用方式第一步：新建log.js模块化文件var log = wx.getRealtimeLogManager ? wx.getRealtimeLo...
2020-02-14 16:16:03
4290
原创 小程序笔记—模块化，抽离公共函数，common.js
前言模块化这个词总是觉得不够形象，其实我觉得公共类更容易理解，就是把一些很多页面或地方都会用到的方法抽离到一个js文件中，用到的地方可直接获取一个该类的对象，再去调用其中的方法。如何使用使用起来很简单，可以在小程序内任意目录下新建js文件，然后将用到的方法抽离进到文件，接下来再把该方法暴漏出去就可以使用了。如下：1、新建common.js2、抽离的方法放至进去并暴漏//抽离的公共方法...
2020-02-13 14:53:10
877
原创 小程序笔记—回调函数（typeof cb == "function" && cb(obj)），success、fail、complete方法是怎么写出来的
先看使用回调函数的代码： this.testCallmethod({ type:0, success:function(res){ console.log(res) }, fail:function(e){ console.log(e) }, complete: function(res) ...
2020-02-13 10:06:34
1822
原创 小程序基础—全局配置app.json，内容真多，带注释
{ //页面路径列表,必填 "pages": [ "pages/test1/test1", "pages/test2/test2", "pages/test3/test3" ], //全局的默认窗口表现，非必填 "window": { //导航栏背景颜色，如 #000000 "navigationBarBackgroundColor": "...
2020-02-12 18:19:51
832
原创 小程序笔记—下拉刷新三个点
小程序下拉刷新可以自带三个点，但并不能自动显示出来，原因有两点：一是因为enablePullDownRefresh默认为false二是因为点的颜色默认为白色与背景颜色重叠如图：若要显示并使用，需要在配置文件window内添加"backgroundColor":"#ed3ed3", //window背景颜色"backgroundTextStyle": "light", //三个点的颜色，...
2020-02-12 14:54:00
2680
原创 微信小程序——通过一步步写出侧滑效果，不再畏惧此类交互
摘要5年的代码生涯，逐渐琢磨出一个道理——困难都是想象出来的，真去做了也没那么难。就像写代码，遇到复杂的就百度，复制粘贴感觉不错，可自己还是那个自己，问题还是那个问题，遇到了，心里还是有一丝恐惧、一丝好奇。侧滑效果，最早见到还是在qq中，现在一步步实现下，就算征服吧！效果体验思路1、首先将两层view叠放，由于小程序页面的最外层支持上下滑动，为了防止干扰，底层view与顶层view...
2020-02-11 23:12:08
942
原创 小程序方法—正则表达式校验十六进制与十六进制色值
是否十六进制，如edcB123返回true，arq123返回falseisHex(str) { var reg = /^[A-Fa-f0-9]+$/ return reg.test(str)}是否十六进制色值，如#ed2Faa返回true，arq123返回falseisHexColor(str){ var reg = /^#[A-Fa-f0-9]{6}$/ ...
2020-02-11 10:18:56
947
原创 微信小程序—仿淘宝、微信、百度app键盘，顶部带语音输入
在使用搜索框功能时发现微信、淘宝、百度等都会弹出顶部带语音输入功能的软键盘，觉得很不错，小程序或许也会用到，先试着实现一下，结果发现，限于小程序官方接口的原因，并不能做到尽如人意，只是形似而已
2020-02-03 17:21:23
1570
原创 微信小程序—仿淘宝热搜词在搜索框中轮播功能
逛淘宝的时候，发现淘宝搜索框中一直在垂直方向上轮播热搜提示词，觉得这是个不错的设计，除了能让空间更充分使用，也能让页面更有动感，最重要的是能够增加搜索框的使用频率。就在小程序中试着实现实现。
2020-01-20 16:46:35
2374
原创 微信小程序—swiper实现文字纵向轮播提示
小程序顶部总会看到滚动的通知栏，一般单条的都会用跑马灯去实现，但面对多条的内容，就需要用轮播去实现，轮播自然是swiper了，查了查，还真有vertical这个属性，swiper真好用。
2020-01-20 16:09:40
4018
1
原创 小程序笔记—一个view覆盖另一view的两种方式
flex布局是不同的弹性项目占用弹性盒子的x/y两个方向的空间，但是在经常会遇到需要一个view覆盖另一个view的场景，这时候怎么办呢？现有两种方式处理，总结如下。
2020-01-20 12:17:46
6566
原创 小程序笔记—一文弄懂align-items与align-content的区别（实操）
flex布局是小程序的主流布局之一，在写布局的时候总是无法避免align-items与align-content这两个属性，除了知道它们是控制交叉轴的对齐方式，但究竟什么时候用哪个，只能这个不行，就换那个，今天就来搞明白他们的异同。
2020-01-19 15:33:37
3843
1
原创 小程序笔记—横向scrollview失效解决方案
最近使用横向scrollview，发现失效，究其原因是因为包含内容使用了flex布局，这很好理解，一个弹性的容器内包含了弹性盒子，该怎么弹？
2020-01-17 21:57:09
817
原创 微信小程序—canvas截取任意形状
最近在研究拼图验证码实现，需要对图片的部分模块进行特殊形状切割出一小块，明白后原来是如此简单，第一步就是将所有绘制的形状用线勾出（直线、弧线、贝塞尔曲线都可以）形成闭环，第二步就是切割绘制，第二步不麻烦，麻烦的只是第一步，需要一些计算，所以会在以后，尽力的多保存一些特殊形状的方法。
2020-01-11 19:48:02
1967
原创 微信小程序—千变万化的图片处理（canvas那些滤镜效果）
美图秀秀处理图片的功能真是没的说，那些什么小美好、小森林、白兔糖、小纸条等等的特效，说白了都是滤镜的作用，只不过滤镜的参数需要调整才能起到美化的作用，再接着起个小美好、小森林这样毫无关系却又优美无比的名称，这里只提供特效方法，不提供美化参数。
2020-01-08 11:03:39
2707
2
原创 微信小程序—写字板、手写签名（高仿毛笔效果）让汉字引领世界
计算机的发明让手写受到毁灭性打击，但手写的经典不能埋没，这是一款手写签名工具，根据手写速度计算笔宽，很有毛笔的风韵，请拿去使用。
2020-01-08 10:25:39
6438
1
原创 微信小程序—图片色彩分析（拾取图片的配色方案）
这是一款图分析图片配色方案demo，图片色彩分析或许可以应用在智能分析色彩领域，比如穿衣搭配、家装等设计或生活领域，但需要大量数据的支持，希望技术能够更好的被应用
2020-01-08 09:56:45
6452
2
原创 微信小程序—刮刮乐（圆形清除图层）刮个美女乐呵呵!!!
刮刮乐，因为未知而格外显得神秘，特别是在奖项激励的场景下，更加激动人心，没人给奖，刮个美女是啥效果？？？????嘻嘻嘻.....充满想象空间.
2020-01-08 01:48:02
2382
1
原创 微信小程序—那些浪到家的自定义loading
个人认为，一个拥有良好交互的应用，一定在细节上抠的特别细，loading相信就是其中之一的细节，从网上搜集了一些不错的loading动画，现在分享一下，对应代码，我会以免积分下载方式附在文末。
2020-01-08 00:56:53
843
1
原创 微信小程序—调用罗盘接口实现指南针效果，致敬四大发明
指南针是中国的四大发明之一，小程序实现并不复杂，却总有一种冲动去实现，可能是为了向老祖宗致敬吧！感兴趣的同学可以把它实现的更精致。
2020-01-07 22:42:42
5139
1
原创 微信小程序—亲测仿真摇一摇功能的算法
摇一摇算法网上很多，但都是简单的实现，并不能达到微信摇一摇那种监听动作的准确，为了更好的实现摇一摇，首先需要理解加速计返回数据与摇晃动作的关系，因此介绍一款找加速计数据规律的工具，可直接扫码使用，理解关系后，就很容易实现摇一摇功能。
2020-01-07 21:55:27
3342
1
原创 微信小程序——使用加速计实现水平仪功能，另介绍一款硬件数据监听工具（加速计、陀螺仪、设备方向）
实现水平仪的算法不难，但是理解加速计—wx.onAccelerometerChange、陀螺仪—wx.onGyroscopeChange、设备方向—wx.onDeviceMotionChange这些接口返回数据很恶心，一是只能真机调试，二是晃动手机很难在一堆数据中找到规律，很恶心，为此，本文除了介绍水平仪的简单算法外，更重要的是介绍一款找数据规律的工具。
2020-01-07 21:27:43
5086
8
原创 微信小程序—canvas实现涂鸦、画画功能，仅包含功能，不包含其他业务
涂鸦的功能在demo你画我猜中得到很好的实现，但是demo中涉及到很多其他本不需要的业务线，现将原demo及剥离之后的涂鸦功能代码一并呈上，希望在用的时候更加方便
2020-01-07 20:03:18
1301
原创 微信小程序—上划悬停效果
写代码，有时候就像变戏法一样，就像上滑悬停，看着是停了，其实只是那个位置提前放了一个一模一样的，通过wx:if="{{isShow}}"来控制隐现，如此而已。
2020-01-07 16:27:02
1289
原创 微信小程序—自定义导航栏（上划导航栏渐变）
摘要最近在体验小程序的时候，总会遇到一种自定义导航栏，随着上划的动作，颜色逐渐变化，思考后，自己实现一下效果体验体验路径：自定义系列>导航栏代码分为页面和组件两部分页面部分jslet navigationBarPage({ onLoad: function (options) { navigationBar = this.selectComponent("...
2020-01-07 15:54:32
4013
10
原创 微信小程序—常用的四种轮播图（间距、顶层、3D翻转、旋转木马）
摘要微信小程序轮播图官方提供的swiper组件已经可以满足大部分轮播图效果，如间距轮播、顶层轮播，可仍有一些像3D翻转、旋转木马等效果需要通过监听滑动动作、利用动画去自定义实现，现就此四种效果提供解决方案及代码参考。效果图体验体验路径：自定义系列>轮播图代码3D翻转轮播图与旋转木马轮播图代码资源文件中包含封装的组件及使用demo，3d组件支持横向、竖向以及任意方向旋转。...
2020-01-07 11:01:34
7313
1
原创 微信小程序—史上最全78种炫到爆的自定义动画
摘要最近在研究小程序，搜集整理而来共计78种自定义动画，现分享给大家，并且写成demo，读者可通过体验获取想要的效果，复制粘贴使用，希望能共同学习。部分效果图体验途径依次点击：custom系列>>动画78种动画名称从右放大、从上放大、缩小、从下缩小、从下缩小、从右缩小、 从上缩小、翻转、反弹、闪烁、脉冲、橡皮筋、摇晃、摇晃减弱、摆动、扭动、晃动、果冻、心跳、跳进、从左跳...
2019-12-27 03:23:38
4371
4
emoji-parser.zip
2020-03-10
canvas滤镜效果.zip
2020-01-08
加载动画代码集.zip
2020-01-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人