- 博客(39)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 uniapp微信小程序登录，获取手机号，支付，分享，消息订阅功能
一. 微信一键登录uni.login() 获取code将code传给后端获取SessionKey、OpenId。uni.getUserProfile()获取公开信息（头像，昵称等）/* html 使用的是uni.getUserProfile() 一个普通按钮就可以， 微信基础库2.10.4版本对用户信息相关接口进行了调整，使用 uni.getUserInfo 获取得到的 userInfo 为匿名数据，建议使用 uni.getUserProfile 获取用户信息。*/<butt
2021-11-29 15:19:04
1156
原创 uniapp 横向滑动日历
pages/日历.vue<template> <view> <view class="date-choose shrink"> <view class="data-month">{{ dateMonth }}</view> <swiper class="date-choose-swiper" :indicator-dots="false" :current="swiperCurrent" @change="dateSwip
2021-06-08 15:23:17
2408
1
原创 uniapp 使用canvas自定义图片验证码组件
组件 compontents/graphValidateCode/graphValidateCode.vue文件<template> <view :key="key"><canvas :style="{ width: width + 'px', height: height + 'px' }" canvas-id="imgcanvas" @click="refresh()" @error="canvasIdErrorCallback"></canvas>&
2021-06-01 17:56:52
767
原创 wamp 被限制上传图片大小为2M问题
一. 上次使用layui上传图片时，发现ios会报错，当时判断错误了，并不是因为ios的原因，而是因为我在服务器中搭建的wamp环境有限制上传文件的大小。默认环境下，上传文件大小为upload_max_filesize:2M修改 C:\wamp64\bin\php\php5.6.25\php.ini 文件就可以；max_input_time = 60max_input_vars = 2500post_max_size = 20Mupload_max_filesize = 20M修改好后重启w
2021-03-19 11:36:03
261
原创 git
// gittee/github 新建仓库，复制url// 1. git 初始化git init//查看状态git status//2.提交到本地仓库git add *git commit -m "提交简介"//3.连接远程仓库git remote add origin url// 连接远程仓库错误：`fatal:remote origin already exists` ,表示已经连接过了//删除已有连接git remote rm origin //查看已有连接git
2021-03-18 15:23:34
119
转载 js中arguments对象的理解
在js中arguments对象的理解一、在函数调用的时候，浏览器每次都会传递进两个隐式参数函数的上下文对象this封装实参的对象arguments二、arguments 对象arguments 对象实际上是所在函数的一个内置类数组对象每个函数都有一个arguments属性，表示函数的实参集合，这里的实参是重点，就是执行函数时实际传入的参数的集合。arguments不是数组而是一个对象，但它和数组很相似，所以通常称为类数组对象，以后看到类数组其实就表示arguments。arguments对象不
2021-03-16 13:54:04
172
原创 Layui upload上传图片
前端// 加载layUi模块layui.use([ 'element', 'layer','upload'], function () { //如果只加载一个模块，可以不填数组。如：layui.use('form') var element = layui.element; var upload = layui.upload; var layer = layui.layer;// 上传图片 C:\wamp64\www\dist\h5\backStage\HAYimgs var arrI
2021-03-05 18:01:03
926
原创 微信小程序云开发--实现微信小程序中访问外部h5网页
小程序中需要在一些位置添加广告，链接到外部的h5网页。整体实现思路：定义一个广告组件，一个用来展示外部网页的page outUrl, 在组件中使用wx.navigateTo()等跳转到页面outUrl, outUrl.wxml页面中使用 <web-view src="{{url}}"></web-view>来实现跳转。步骤一：自定义一个advertising组件<!-- components/advertising/advertising.wxml 文件 //在数据
2020-09-15 10:10:34
3139
1
原创 server酱微信公众号进行微信新消息提示
需求：用户在页面上提交了信息，需要即时发送新提示到微信。sever酱官网：http://sc.ftqq.com/3.version步骤一：使用一个github账号登录官网，在微信推送菜单中扫码绑定一个微信号，其实就是关注一下server酱的微信公众号。前端发送请求，一般在用户提交成功后 //desp支持md格式 var desp = `新消息详情：新消息详情详情详情。。。。 ` $.ajax({ url: './lib/tomessage.php',
2020-09-14 17:00:43
1202
原创 html2canvas, jspdf实现将网页转pdf文件
需求：需要把合同做成网页，让用户在线填写个人信息和签名，签名完成后需要把整个网页转成pdf文件，并保存到服务器。实现手写电子签名链接需要引用的链接文件，cdn 中都能找到 https://www.bootcdn.cn/html2canvas-0.4.1.jsjspdf.min.js主要的实现功能部分 //## 前端有一个id=downloadPdf 的button 实现点击事件。 $(function () { $("#downloadPdf").click(f
2020-09-10 16:59:33
836
原创 jSignature 插件实现手写电子签名
需求：需要在合同的最后加一个签名区，让用户能用鼠标或手指进行签名。解决方案：jSignature 插件，依赖jquery。index.html //#canvasDiv 就是书写区域，img 是书写完成后转为图片 <div class="person" style=""> 乙方(持卡人及卡片使用人签字)：</br> <div id="canvasDiv"></div> <button id="
2020-09-10 16:40:34
1388
原创 php将base64转为图片保存到服务器
前端发送base64字符串//上传到后台，imgData是一个base64d文件的字符串。 var dataFile = new FormData(); dataFile.append('file', imgData); $.ajax({ url: './lib/savePact.php', type: 'post
2020-09-10 16:16:01
1186
原创 遇到过的ios问题与解决方法记录
一. ios中下拉列表中的option项显示的字不完整//解决方法：option外嵌套一个optgroup元素。iOS会根据select下拉列表中的内容长度自动缩小字体，以保证所有内容能在一行显示出来。加入了optgroup元素后，通过JQuery获取select选中值的方法不受任何影响。 <select id="course" style="height: 0.3rem;width:90%;margin:0.1rem 5%;font-size: .14rem;"> &l
2020-08-13 15:14:10
186
原创 ios无法提交数据到后台解决方式
问题：ajax做数据存储，安卓端可以正常提交数据，ios无法提交数据给后端。情况一： 提交数据时没有用表单，只是点击事件ajax提交数据给后端解决方式： ios打开的网页不支持https，改为http可以解决部分问题。情况二：提交数据使用了表单form <form id="form1" action="URL" method="GET|POST" enctype="MIME" target="...."> <p>用户名：<input name="user
2020-08-06 15:26:21
958
转载 阿里云服务器使用--如何在wampserver3.0.6部署https
转载于这位大佬的文章 https://blog.csdn.net/qq_40673524/article/details/94547693按照上述文章一顿操作后，在本地远程连接服务器中用浏览器打开 https://localhost/ 可以像http://域名/ 一样打开原来的网站。但是 https://域名/ 无法访问。愁si个人，百度了很久，大部分都说防火墙和安全组的问题，防火墙在上面的文章开头就讲了，我也按照那个操作了一波。然后就是安全组的问题：https://www.gworg
2020-07-28 14:35:23
235
原创 微信小程序云开发--搜索框实现对数据的多字段模糊搜索
一般小程序都会有一个搜索功能。// 首先是对数据库中单个字段进行模糊搜索db.collection('user').where({ //knowledgelabel 是集合user中数据所有的字段 knowledgelabel: { //此处拿的是写在云函数中的代码，event.knowledgelabel是前端页面传入的用户输入的内容。 $regex: '.*' + event.knowledgelabel + '.*', $op
2020-07-23 12:01:46
2806
2
原创 js根据用户打开的设备显示不同端的页面
try { var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { //当用户用手机端打开时，控制打开移动端网站 window.location = "http://www.zingers
2020-07-22 15:07:06
560
1
原创 gulp打包项目配置
gulpfile.jsvar gulp=require('gulp');var htmlMin = require('gulp-htmlmin') //压缩htmlvar uglify = require('gulp-uglify');//压缩jsvar babel=require('gulp-babel');//es6转es5var cleanCSS=require('gulp-clean-css');//压缩cssvar imagemin = require('gulp-imagemin
2020-07-20 14:30:29
219
原创 php笔记--php连接mysql数据库
一. connect.php 文件，连接数据库<?phpheader('content-type:text/html;charset=utf-8');$mysql_conf = array( 'host'=>'localhost:3306',// 地址 'db_user'=>'root',// 用户名 'db_pass'=>'2020', // 密码 'db'=>'userinfo'// 数据库名);// 数据库连接 mysqli
2020-07-14 15:19:32
148
原创 常用js记录
## 使用jquery 获取多个有相同类名的input的value值, var result=[]; $('input[class="yugkeYiCi"]').each(function(j,k){ console.log(j,k)//j输出为数组的index,k为input if(j%2==0){ result.push("{一次购课"+k.value+"节"); }else{ result.push(k.value+"元/节}"); } });
2020-07-14 14:57:08
221
1
原创 微信小程序云开发---vant组件 van-uploader 实现视频文件上传到云存储，发动态功能
pages/upVideo.wxml//获取用户的头像和昵称展示<view class="headerBox"> <image src="{{userInfo.weixinInfo.avatarUrl}}"></image> <text>{{userInfo.weixinInfo.nickName}}</text></view>//填写动态相关的信息，select为自定义的下拉选择组件<view class="
2020-07-07 10:03:44
7624
1
原创 微信小程序云开发--获取用户手机号并解密
regist/index.js 云函数const appid = 'wx615603813cbf5b3b'; //你的小程序appidconst secret = '9f05f0b37df58020ddfd36c828717be4'; //你的小程序secretconst envid = "test-lezhi"; //云环境idconst cloud = require('wx-server-sdk');const TcbRouter = require('tcb-router'); //云函
2020-07-06 17:52:59
1853
4
原创 微信小程序云开发---发送邮件功能
email/index.js 云函数const cloud = require('wx-server-sdk')cloud.init()//引入发送邮件的类库，npm i nodemailer -Dvar nodemailer = require('nodemailer')// 创建一个SMTP客户端配置var config = { host: 'smtp.163.com', //qq邮箱 smtp.qq.com port: 25, //qq邮箱端口 465 auth: {
2020-07-06 17:50:52
5329
2
原创 微信小程序云开发--微信支付商户号，商户密钥等的获取
微信小程序云开发使用微信支付时需要获取一系列的数据，如图：一. 首先是小程序AppId和云开发环境ID小程序appID 在小程序后台–开发菜单–开发设置中可以找到。云开发环境ID 在云开发控制台-设置-环境id可以找到。二. 然后就是商户号和商户密钥了。首先要开通微信支付，如果说有相关的微信公众号已经开通了微信支付，那只需要：登录微信支付商户后台 -->产品中心 – >添加关联产品 --> 把小程序的AppId填上去进行关联 --> 登录小程序后台确认关.
2020-07-03 11:01:56
3565
原创 微信小程序云开发--使用云函数实现微信支付
一. pay/index.js 云函数代码const config = { appid: 'XXXXXXXXXXX', //小程序AppId envName: 'XXXXXXXX', // 小程序云开发环境ID mchid: 'XXXXXXXXX', //商户号 partnerKey: 'XXXXXXXXXXXXXXXXX', //此处商户密钥 notify_url: 'https://mp.weixin.qq.com', //这个就这样 spbill_create_ip: '12
2020-07-03 10:26:12
1351
3
原创 微信小程序云开发-云函数更新数据时data中的key值使用变量
//在云数据库中有数据{ pinglun:[ {id:0,text:"一条数据",reply[{},{},{}]}, {id:1,text:"一条数据",reply[{},{},{}]}, {id:2,text:"一条数据",reply[{},{},{}]}, {id:3,text:"一条数据",reply[{},{},{}]} ]}//需要根据前端传来的index,选中pinglun[index],往arr中插入一条数据，//云函数文件代码 cons
2020-06-18 15:40:33
1559
2
原创 前端使用formData,后端使用php，实现表单提交和文件上传
需求：实现用户表单提交，并能获取到用户上传的文件。步骤一：##前端html文件中, ##enctype这个参数，网上有的说要填，有的又说因为formData中有添加文本（比如下面的jigoujies）字段，所以不用填，没有填是可以正常使用的。##还有要注意的是：form标签内不能使用button标签，只能用 <input type="button" value="login"/>做为按钮，否则会造成表单自动刷新。<form id="myform" action="填写提交给后
2020-06-04 11:53:40
1371
1
原创 mysql数据操作记录
查询kehuinfo表中jigouData字段有 “杭州” 的记录select * from kehuinfo where jigouData like '%杭州%'查询导出表格的路径，没有的话要设置，wamp环境是自动设置为 c:/wamp64/tmp 的。select @@secure_file_priv;模糊查询一些数据并导出为表格形式。select * from kehuinfo where jigouData like ‘%杭州乐知品牌管理%’ into outfile ‘c:.
2020-06-04 11:50:55
129
原创 微信小程序云开发-云函数路由的使用
步骤一：在要使用路由的云函数安装“tcb-router”模块,鼠标右键点击云函数“在终端中打开”npm i tcb-router -D步骤二：在云函数index.js中使用，写好后上传到云开发。步骤三：在pages中调用云函数...
2020-06-02 08:46:30
1051
原创 关于使用云服务器遇到的问题记录（一）
在阿里云服务器上搭建wamp环境问题记录一. 外网无法访问问题找到apache下的 httpd.conf 文件，运行软件后鼠标左键就能找到246行:Require all denied290行:Require local306行:Require all denied都换成:Require all granted2.同理找到 httpd-vhosts.conf 文件Requ...
2020-04-17 18:07:57
179
原创 React生命周期
React生命周期函数挂载（初始化）阶段：当我们把组件插入到Dom中时发生，只发生一次constructor(){}(1) 只执行一次,在React 组件被构造函数挂载之前调用。(2) 作用：调用super(props),继承父组件传来的props。state的初始化，非箭头函数的this绑定。(3) 注意：禁止在constructor中调用setState,可以直接给state...
2020-01-09 22:25:43
128
原创 vue高级[vue-cli][vue-router][vuex]
Vue高级vue-cli 脚手架cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpack，webpack底层使用的是node.js。有cli2和cli3两个版本安装如何让一台电脑既可以使用vue-cli 2 也 可以使用 2以上版本？cnpm/npm i @vue/cli @vue/cli-init -g 全局安装。@vue/cli 表示 2...
2020-01-06 08:44:19
159
原创 vue周总结
vue数据响应式原理：vue是通过数据劫持来对data中的数据做响应式拦截的，通过es5中的Object.defineProperty中的setter和getter来做数据劫持的指令 - v-text - v-html - v-bind 单项数据绑定 - v-if 条件为boolean,false时元素不会出现在dom树中 - v-else-if - v-else - v...
2019-12-21 18:06:22
146
原创 vue数据请求
vue数据请求请求方案一：axios 第三方模块,可以安装或引入cdn或下载使用。不符合模块化开发思想。返回值经过了封装，安全性较高。写法方式：axios.get() //get请求axios.post() //post请求axios(options) //get，post请求都行。axios.default.baseURL=‘http://localhost:3000’;...
2019-12-16 22:19:04
159
原创 vue基础
vue 数据响应【深入式响应原理】【双项数据绑定原理】原理：vue是通过数据劫持来对data中的数据来进行响应式拦截的，通过es5中Object.defineProperty()中的getter和setter来进行数据劫持的。原理用原生代码实现：Object.defineProperty(一个对象，对象需要改变的属性，{ get(){}, set(){} })const app...
2019-12-13 21:18:36
85
原创 mongodb基础
数据库介绍数据库功能：是用来存储结构化后的数据。数据库分类：关系系数据库（sql）如mysql,sqlserver,orancle。非关系型数据库(nosql) 如 mongodbsql是由表和表之间的关系组成的，nosql是由集合组成的，集合下面是很多的文档。非关系型数据库文件存储格式为BSON（一种JSON的扩展）。mongodb 安装-注意事项根据提示一步一步安装即可，要将...
2019-12-09 21:18:28
86
原创 js初学之声明提前问题
问题一： var a=10; function fun(){ console.log(a); //1 返回undefined a=100; console.log(a); //2 返回100 var a=200; console.log(a);...
2019-09-28 16:03:14
147
wamp2.5.zip
2020-07-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人