- 博客(82)
- 资源 (16)
- 收藏
- 关注
RSS订阅
原创 【微信小程序】webview不支持打开非业务域名
webview标签是一个内置组件，用途：承载网页的容器。会自动铺满整个小程序页面。谨记：个人类型的小程序暂不支持使用。并且打开的链接必须是https开头的，否则还是会报错。当你写好代码之后准备测试跳转的时候BUG出来了，它会提示你无法打开如下图此时你只需要进入微信公众平台然后找到一个业务域名的配置区域就可以了，配置好域名之后你就可以，打开你要跳转的H5页面链接了。对了...
2019-06-11 16:46:51
19916
原创 【微信小程序】小程序实现文件的上传及预览，以PDF文件为例。
安卓系统和ios系统 一开始被一篇ios预览PDF文件需要用到webview的博客给误导了，以为安卓预览文件需要调用wx.downloadFile()和wx.openDocument()这两个API，而ios系统预览文件则是要用webview标签才能实现，最后捣鼓了好长时间ios用webview 标签预览文件的时候一直显示空白。不知道为什么(至今也没能解决)，官方给出的答案是webvi...
2019-01-22 10:55:36
21167
31
原创 【微信小程序】小程序隐私保护指引设置
涉及处理用户个人信息的小程序开发者，需通过弹窗等明显方式提示用户阅读隐私政策等收集使用规则。为规范开发者的用户个人信息处理行为，保障用户合法权益，微信要求开发者主动同步微信当前用户已阅读并同意小程序的隐私政策等收集使用规则，方可调用微信提供的隐私接口。
2023-08-29 14:32:22
4137
4
原创 【H5】Cookie、Session、Token、JWT区别及使用方法
Token 和 Session 的区别Session 是一种记录服务器和客户端会话状态的机制，使服务端有状态化，可以记录会话信息。而 Token 是令牌，访问资源接口（API）时所需要的资源凭证。Token 使服务端无状态化，不会存储会话信息。Session 和 Token 并不矛盾，作为身份认证 Token 安全性比 Session 好，因为每一个请求都有签名还能防止监听以及重放攻击，而 Session 就必须依赖链路层来保障通讯安全了。如果你需要实现有状态的会话，仍然可以增加 Session 来
2020-10-29 17:47:01
1005
原创 【微信小程序】根据屏幕尺寸去调整图片尺寸宽高比
1.获取图片的原始宽高，并获取到图片原始宽高的宽高比let src = "图片地址"wx.getImageInfo({ src, success: function(res){ let originalWidth = res.width; let originalHeight = res.height; let originalScale = parseInt(originalHeight/originalWidth);//图片高宽比
2020-10-24 10:53:46
2836
原创 【微信小程序】微信小程序支付、微信小程序webview引入H5实现支付等
最近有个需要由于H5页面需要嵌套在微信小程序里面，所以H5的支付在小程序里面就行不通了。不过我看社区里面说的测试环境微信小程序webview引入H5是可以实现调取H5支付功能的，线上则调不起来。时间紧迫，咱也不敢尝试啊。只能另辟蹊径了，哈哈哈。借用一下大佬的视频来代替效果图 （为自己的懒找个说得过去的理由）https://v.qq.com/x/page/t0913iprnay.html注释：视频中的大佬使用的小程序支付，而我下面介绍的封装过的小程序支付。所以后面代码会有些许出入，可根据自己的..
2020-09-16 16:44:02
1747
原创 【H5】阻止h5移动端弹窗页面弹层出现后禁止弹层下方页面滑动
摘要：昨天写页面的时候遇到了这样一个问题，有一个页面是有弹层出现的，弹层的内容高度不定。所以就给弹层设置了一个最大高为屏幕 的80%，内容高度超出这个高度则给弹出层添加overflow:hidden属性。实现弹出层内容在弹出层内部实现滑动的效果。但是问题也就 这样产生了。弹出层的下面页面也是能滑动，并且有时候会和弹出层内部的滑动出现冲突问题。思路： 1.通过给body设置overflow:hidden属性去隐藏超出手机屏幕的内容，以实现弹出层下页面滑动的问题 2..
2020-09-08 11:58:32
1890
原创 【微信小程序】微信小程序交互点击跳转登录之后返回到交互页面并且带参数
首先，由于微信小程序登录流程优化之后。不能让用户进入小程序之后直接授权登录，否则则视为违规。审核会被驳回的。并且小程序官方并不会和你说明具体到那个问题或者页面。所以被驳回进行修改在提审会很麻烦的。其次需求如下：在文章详情页点击收藏按钮 如果用户已登录则进行收藏或者取消收藏，反之则需要引导用户去登录页面，用户登录完成之后返回到文章收藏页面使用场景，具体如下几项：用户了交互按钮，例如：关注、收藏、喜欢、点赞等操作的时候就需要添加判断用户是否登录。这个时候就会出现如上需求好了！需求清晰，逻辑.
2020-08-21 15:04:35
3685
原创 分享一些免费调用的API接口
以下是网络收集的一些免费的接口，测试过一些可用，但是不是非常稳定，使用稳定的还是建议大家使用付费的。快递查询：https://api.apiopen.top/EmailSearch?number=1012002随机单句诗词推荐：https://api.apiopen.top/singlePoetry随机一首诗词推荐：https://api.apiopen.top/recommendPoetry搜索古诗词：https://api.apiopen.top/searchPoetry?name=古风二首
2020-08-17 13:55:59
1809
3
原创 【Git】git pull总是要输入账号和密码
git config --global credential.helper store//之后再次执行git push 或者git pull这时候只需要在输入一次用户名和密码下次就不需要了//这个命令则是在你的本地生成一个账号密码的记录，这样就不用每次都输入了...
2020-07-13 09:42:15
207
原创 【微信小程序】微信小程序分享朋友圈教程
安卓的朋友们福利来了，微信小程序现支持安卓的朋友们分享小程序到朋友圈了！下面我们来看下具体操作，如何实现小程序分享朋友圈的！效果图点击朋友圈的链接即可进入一个微信原生的H5页面去展示所分享的小程序页面谨记 适用于纯内容页面展示，也就是单页面模式展示效果。复杂的交互和部分接口交互还是需要去小程序里面才能完成的。单页面模式小程序“单页模式”适用于纯内容展示场景，可实现的交互与接口能力有限，因此存在如下限制：页面无登录态，与登录相关的接口，如wx.login均不可用；...
2020-07-09 14:48:33
995
10
原创 【编辑器】VScode 常用插件推荐
1.vscode 简介vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。 当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。 比起notepad++、editplus，vscode集成了许多IDE才具有的功能，比起它们更像一个代码编辑器； 比起sublime，vscode颜值更高，安装配置插件更为方便； 比起atom，vscode启动速度更快，打开各种大文件不卡。 ..
2020-07-06 17:50:55
845
原创 【JS】去除字符串首尾空格、所有空格
1.去除所有空格 function trim(str){ return str.replace(/\s+/g, ''); }2.去除首尾空格/** * 去除字符串str头尾的空格 * @param str 字符串 * @return str去除头尾空格后的字符串。 */function trim(str){ if(str == null) return "" ; // 去除前面所有的空格 while( str.charAt(0) == ' ' .
2020-06-19 15:37:10
1164
原创 【微信小程序】微信小程序实现点击分享链接进入的分享页面左上角是返回按钮
首先先和你们说这是可以实现而且非常简单。接下来我们就来看看如何实现这种需求的首先我们需要配置分享链接例如 detail.js页面Page({ onShareAppMessage: function (res) { var url = "" //页面参数 if (res.from === 'button') { // 来自页面内转发按钮 return { // 当打开分享链接的时候跳转到小程序首页，并设置参数 titl
2020-06-18 18:38:37
3691
原创 【微信小程序】微信小程序接口数据加密、解密算法
今天我们看下微信小程序怎么实现数据加密的。AES加密与解密首先我们需要先下载一份aes.js文件提取码：8jpr然后我们需要创建一个js文件用来抛出我们的加密解密算法具体操作如下crypt.jsvar CryptoJS = require('aes.js');//注意以下这两个字段要与后台协商一致var key = CryptoJS.enc.Utf8.parse("十六进制数作为秘钥"); var iv = CryptoJS.enc.Utf8.parse("十六进制数作...
2020-06-18 13:42:06
5758
7
原创 【微信小程序】微信小程序picker组件
今天我们来盘一下微信小程序当中从页面底部滑出的滚动选择器 picker组件先把效果图给你们盘出来接着开始写我们的布局喽wxml<view class="clist_header"> <view class="clist_main"> <view class='gu_topbo boxSizing'> <view class='guinpBoxs'> .
2020-06-05 16:55:40
1449
转载 国外图片分享网站有哪些？20个国外免费、高清图片素材网站、图库全合集
跨境卖家们在做SEO优化时，不仅要把精力放在listing上，还要关注图片SEO。对跨境卖家来说，产品图片的采集与处理是绕不开的工作，精美的产品图片能够提升产品及店铺在用户心中的关注度，提升产品的搜索排名。今天小编给大家总结了20个国外免费、高清图片素材网站，希望对各位跨境卖家有所帮助。一、20个国外免费、高清图片素材网站/图库分享1、Unsplash网址：http://www.unsplash.comUnsplash是超全的免费高质量照片的网站，每天更新一张高质量的图片素材，全是生活中的景象作
2020-05-15 09:47:59
9818
原创 【资源】小程序项目源码、项目图片素材、全栈课程、项目效果图、小程序mpvue项目实例等资源大全
1.微信小程序源码地址链接：https://pan.baidu.com/s/1qBt8tqRgdCWNrYAP9D9o5w提取码：9s5x2.130个微信小程序源码地址链接：https://pan.baidu.com/s/1-7Su0kYRJ98JGRUhLEtPxQ提取码：60wk3.项目图片素材，包含电影部分链接：https://pan.baidu.com/s/1LAnWR...
2020-05-12 13:14:08
1123
2
原创 【微信小程序】解决微信小程序textarea层级过高穿透问题
先说下遇到的问题：之前做过的一个项目改版碰到的病例上传页面发布按钮上一版本是在底部放置的，这一版改为了顶部固定。由于上传页面顶部有两个textarea输入框所以问题就产出了。之前使用的button和view标签布的局页面上滑的时候会被textarea的placeholder穿透。不知道官方什么时候可以解决textarea这个问题。1.textarea不是原生组件吗 view和butto...
2020-04-17 13:34:47
2509
原创 【CSS3】transition与animation的区别
animation ：可以用 name 设置动画的名称，用 duration 设置动画完成的周期，用 timing-function 设置动画的速度曲线，delay 设置动画什么时候开始，iteration-count 设置动画播放的次数，direction 规定下一个周期是否逆向的播放，play-state 动画是否正在进行或者暂停，fill-mode 设置动画停了之后位置什么状态trans...
2020-04-14 15:00:26
863
原创 【微信小程序】微信小程序阻止IOS页面上下拖动问题
为了阻止IOS端小程序页面上下拖动可以再对应的json文件当中添加这个配置"disableScroll":true
2020-04-07 10:08:07
6126
11
转载 【JS】js 数组反转，倒置
JS Array.reverse 将数组元素颠倒顺序转载 2016年03月10日 16:02:34 33080//JS Array.reverse 将数组元素颠倒顺序//在JavaScript中，Array对象的reverse()方法将颠倒（反转）数组中元素的顺序。arr.reverse()在原数组上实现这一功能，即，reverse()会改变原数组。//例1：var arr = [...
2020-04-03 17:12:46
4033
原创 【H5】阻止H5页面播放视频默认全屏
老是看到有人找不到阻止视频默认全屏的问题，看到别人发的帖子不是隐藏video标签使用canvas绘制视频就是使用插件来禁止视频默认全屏的问题，其实没有那么麻烦的只需要设置一下属性就可以了x5-playsinline="true" 安卓需要设置的属性playsinline="true" ios需要设置的属性webkit-pl...
2020-04-02 11:27:18
1434
原创 【H5】html5 video 在微信浏览器视频不能自动播放 ！
以前一直觉得video 添加 autoplay属性后，视频会自动播放没有问题，然而这次开发一个小项目用到video时才发现，设置autoplay属性不好使了，只有在controls的模式下点击播放按钮才可以播放。...
2020-03-31 14:51:45
8190
14
原创 【VUE】vue组件之间通信有几种方式
vue组件之间通信可分为以下几种props和$emit(也就是常说的父子组件通信，常用) $attrs和$listeners 中央事件总线（非父子组件间通信） v-model provide和inject $parent和$children vuex1.props和$emit(常用)Vue.component('child',{ data(){ ret...
2020-03-26 17:33:54
315
原创 【微信小程序】微信小程序防止用户重复点击按钮
场景在使用小程序的时候会出现这样一种情况：当网络条件差或卡顿的情况下，使用者会认为点击无效而进行多次点击，最后出现多次跳转页面的情况，就像下图（快速点击了两次）：解决办法然后从轻松理解JS函数节流和函数防抖中找到了解决办法，就是函数节流(throttle)：函数在一段时间内多次触发只会执行第一次，在这段时间结束前，不管触发多少次也不会执行函数。/utils/util.js...
2020-03-25 10:55:01
1829
原创 【微信小程序】小程序发送订阅消息教程
1.订阅消息 订阅消息前身也就是模板消息，使用过模板消息的同学在使用订阅消息的时候就会非常简单了。下面让我们来看一下订阅消息如何使用！传送门：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html2.获取模板ID 这个在小程序后台的公...
2020-03-16 15:20:37
5065
6
原创 【正则表达式】去除首尾空格
function Trim(str){ return str.replace(/(^\s*)|(\s*$)/g, "");}
2020-03-09 10:10:50
585
转载 【IOS】iPhone 手机截图获取图片的后缀名
//获取IOS截图图片后缀名+ (NSString *)typeForImageData:(NSData *)data {uint8_t c;[data getBytes:&c length:1];switch (c) {case...
2019-12-25 14:12:14
1192
转载 【HTML】多行文本框随字数增加，高度增加
转载地址：https://blog.csdn.net/xj_9264/article/details/85611526
2019-12-16 14:24:42
1173
原创 【IOS】IOS点击事件失效
昨天在做一个H5页面调查问卷的时候碰到了一个很奇葩的问题，给一个元素添加点击事件的时候在安卓上面可以实现添加元素，但是在IOS上面没有起作用。一开始我是使用的下面的第一种方法写的点击事件，但是并不可以在新添加的元素上面实现点击事件。所以我该用了绑定方法on来给添加元素按钮添加点击事件。是可以实现的。但是到了IOS上面失去了点击事件，又去度娘查了下才知道原因，因为IOS上面没有click点击事件，在...
2019-12-06 10:44:16
620
原创 【IOS】移动端设置input只能输入数字，在IOS系统没有效果
在移动端设置input的type为number类型的时候需要区分一下安卓还是IOS，如果只设置type为number类型的时候，在安卓生效，但是IOS还是会有可以输入汉字的问题出现，所以就需要一个新的属性（pattern="[0-9]*"）来控制输入的类型。具体如下：<input type="number" pattern="[0-9]*" placeholder="请输入..." ...
2019-12-06 10:15:06
896
原创 【JQ】jQuery实现点击事件的几种写法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JQ点击事件的几种方法</title> <style type="text/css"> .box{ width: 200px; height: 200px;...
2019-12-03 14:21:55
922
原创 【微信小程序】微信小程序返回上一个页面的同时刷新数据，专业术语：小程序跨页面通信
话不多说，代码奉上！var pages = getCurrentPages(); //获取页面栈var prevPage = pages[pages.length - 2]; //获取当前页面的上一个页面prevPage.onLoad(prevPage.options) //调用上一个页面的onload 来实现刷新数据 注：此方法有点，方便、快捷、无感刷新数据；弊端在于有点浪费资源...
2019-11-21 16:19:30
2300
原创 【微信小程序】小程序模态框里面的问题换行问题
写项目的时候使用到了小程序提供的模态框，但是文字换行问题一直有问题。设计稿模态框找了好久终于找到了一个可以实现换行的办法就是在你需要换行的添加 \r\n就可以了 ，下面来看下效果图 注释：还有一点在工具里面还是看不出来效果的，只有在真机上面才能看到效果图...
2019-10-22 10:47:46
1542
原创 【微信小程序】多行文本显示...+显示更多按钮和收起更多按钮
看了很多帖子，但是效果都不是很好。还是找微信小程序官方文档，自己写比较方便。自己动手丰衣足食！话不多说，上代码！时空传送先来个效果图html<block wx:for='{{trendsList}}' wx:key='index'> <view class="box"> <view class="textFour_box {{...
2019-09-24 16:13:00
3798
1
转载 【微信小程序】微信小程序定时器、延时器
定时调用 ：setInterval(函数表达式，毫秒数)； 会不停的调用，通过clearInterval()取消var interval = setInterval(function () { }, 1000) //循环间隔 单位ms取消：clearInterval(interval)延迟调用：etTimeout(函数表达式，毫秒数),只调用一次。 ...
2019-08-23 17:12:06
2268
原创 【微信小程序】小程序检索词显示高亮
话不多少，上代码html <view class="secondtypelistboxs"> <block wx:for='{{informationList.wiki.data}}' wx:key='*this'> <navigat...
2019-08-22 19:56:25
315
原创 【CSS】css样式控制div水平垂直居中的六种方法
1. 绝对定位方法：不确定当前div的宽度和高度，采用transform:translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;）如图所示：代码如下：div{ background:red; position: absolute; left:50%; top:50%; tran...
2019-08-08 13:45:51
726
原创 【H5】底部tabbar按钮切换图标高亮显示
html<div class="notice_bottom_tabbarboxs"> <div class="notice_bottom_tabbarboxs_itemboxs" img='img/sicon1.png' data-img='img/sicon01.png'> <img class="notice_bottom_tabba...
2019-08-05 11:29:38
1163
Cookie、Session、Token、JWT
2023-07-21
前端性能优化知识图谱指导
2023-07-21
前端html+css+js学习指南图谱
2023-07-21
微信小程序基础知识图谱
2023-07-21
Ping++ SDK 标准版
2020-09-16
日历插件.zip
2019-08-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人