- 博客(70)
- 收藏
- 关注
RSS订阅原创 小程序实现手写签名
在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为了防止出现问题，暂时使用旧版本获取canvascontext1.效果图#2.相关代码1.canvas代码新版2d canvas<canvas id="canvas" class="canvas" canvas-id="canvas" typ.
2022-02-17 18:12:08
2332
1
原创 uniapp 在onLaunch中使用redirectTo或reLaunch跳转页面后点击事件失效
好久没有记录了(今天更新下)，使用uniapp编译成小程序时，在onLaunch中重定向会导致点击事件失效，但是，如果，你重定向的页面中有使用navigator组件跳转后再返回，点击事件又有效了，在原生微信小程序中重定向没有问题onLaunch中重定向失效onLaunch() { uni.reLaunch({ url: '/pages/user/user' })} 解决办法 onLaunch() { setTimeout(() => {
2021-08-11 00:46:30
1164
转载 ES6 Object.assign()的用法
1.Object.assign()基本用法：Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。let targetObj1 = { a: 1 };let sourceObj1 = { b: 1 };let sourceObj11 = { c: 3 };O...
2020-04-02 11:53:34
328
原创 uni-app中公众号h5端分享
有接触到使用uni-app来实现公众号的开发，在实现分享时，有出现一些疑惑，这里记录下1.公众号分享使用sdk开始我以为在公众号端，也是和微信小程序一样，可以使用button来进行我的朋友或者群的分享 要使用js-sdk才能进行分享，但是，一直使用小程序的分享都是点击后就能够进入微信端我的好友或者群进行分享，而这里使用sdk还是不能够直接的点击后进行分享，要点击右上角的发送给朋友进行分享...
2020-03-18 18:16:30
1975
原创 uni-app中覆盖视频（原生子窗体）、视频下载
在uni-app中，使用video时，要在视频上覆盖内容，并且要兼容app端，安卓端的适配还好做点，但是ios的话，就弄了我好久，搞了大半天才搞定，这里记录下1.微信小程序端视频做的是全屏显示的视频，使用cover-view和cover-image对视频进行覆盖，不过，cover-view也有很多限制，像文字多行省略，这个没找到方式，单行的省略就直接用普通就可以了使用cover-vie...
2020-03-12 10:15:03
3936
原创 快应用地图组件、富文本及路由传参
快应用有用到官方提供的map地图组件(百度地图)，遇到点小问题，这里记录下，以及快应用官方提供的rich-text富文本、路由传参1.效果图2.map2.1属性latitude 中心纬度,默认为当前位置，否则为北京 longitude 中心经度,默认为当前位置，否则为北京 scale 地图缩放级别，4-20，微信中的是默认16 markers 用来标记地图上的点 sho...
2019-12-27 15:56:17
337
原创 antd中select下拉框值为对象选中的问题
使用antd中的select下拉框，遇到个小问题，后台管理系统中，使用下拉框，一般不会是简单的就直接使用select中的value值，而是会使用id或者value中文对应的keyword，并且这个在option中的value值也是可能重复的1.效果图2.select相关代码我这里用的是reactlet list = [ { title: '普通会员', ...
2019-11-22 17:10:36
13439
原创 vue项目从node8.x升级到12.x后
开始使用低于vue-cli3创建的项目，在更新node到12.x后，项目运行不起来了，这个让我想起我刚使用react时，安装的依赖，过了半年后，项目也运行不起来，在这了记录下(时间：2019-10-24)1.版本更新后报错更新node后，原来的vue项目的node Sass环境变了，导致项目跑不起来Node Sass could not find a binding for your ...
2019-10-24 18:34:05
1235
原创 node版本升级
node版本升级，我记得好像是可以直接使用npm i node -g来进行升级的，然后结果发现使用这个安装后，node版本还是一样啊，好气啊windows下到node官网下载新的版本安装更新？？？？1.使用vue-cli3使用vue-cli3脚手架来创建项目，安装依赖时，报node版本太低的错error [email protected]: The engine "node" is incom...
2019-10-23 16:16:50
1003
原创 快应用之保存图片
快应用中的保存图片，有坑，踩着就中了，这里也要区分华为和其他厂商，虽然用调试器，在华为和官方提供的都不会出现问题，但是，在应用上线后就出现华为手机无法保存1.不同点华为手机在下载图片时要显示的定义filename字段 先将图片下载为临时文件，然后在图片下载完成后，进行保存到本地 使用request.download进行下载，在这个api中加入filename字段，我这里将当前时间的时间...
2019-10-23 14:14:35
722
1
原创 快应用之授权登录
快应用的授权要区分多种情况，华为、魅族不支持微信账户授权，所以，华为要走华为的账号，魅族走魅族的账号，及打开网页和网页与快应用进行通信，最理想的登录就是手机验证码登录了1.华为账号授权先要在华为快应用网站上先创建一个快应用，这个快应用的名字等信息要和你即将要开发的快应用名字一样获取appid方法的链接证书指纹必须在华为ide上才能获取 获取授权的接口文档也应该查看华为的开发文档，并...
2019-10-17 17:58:59
3831
1
原创 vue导出数据至Excel表
使用vue导出表格数据至Excel表格中，自定义导出的excel表格数据1.安装，导入先安装script-loader，xlsx，file-saver；然后将主要的js导出文件加入npm i script-loader -Snpm i xlsx -Snpm i file-saver -Sexcel所需的js文件2.自定义数据导出我找到一些文章，但是上面有好多是直接导出...
2019-10-14 13:54:47
537
原创 快应用之自定义tabbar(包含show和跳转选中tabs)
快应用中是没有提供和小程序一样的原生底部tabbar的，如果你一定要实现的话，就得自己模拟，但是自己模拟的话，有一些问题，比如：在自定义的tabbar中引入的组件是无法触发自定义组件的onShow生命周期，需要自己手动触发；再者，当你想从其他页面中跳转到tabbar页面时，也是要自己重新写方法来实现，直接跳转无法实现；然后就是，在自定义的tabbar页面中跳转后，点击返回，这个时候总是返回到首页，...
2019-09-30 14:10:30
1059
原创 微信小程序之下载(下载文件tempFilePath后缀unknown)
最近有用到微信小程序的downloadFile接口，但是在真机上出现了文件后缀为unknown，导致文件保存失败，这里记录下1.下载文件使用downloadFile下载API/* 直接这样写的话，会出现下载文件后缀名为unknown的情况 */wx.downloadFile({ url: '', success (res) { console.log(res.file...
2019-09-16 15:06:59
5237
3
原创 快应用初入坑(分页上拉加载，锚点定位)
刚接触快应用，只能说，就是个大坑，好气人，不想说话了，全程都在调样式，还不知道样式为何超出预想（今日 2019-9-10）css样式，样式无法继承1.不支持绝对定位，相对定位快应用中只支持fixed固定定位，不支持绝对定位 display也只支持flex和none两种布局 想要达到绝对定位的效果，可以用stack层叠组件来实现，但是，有意料之外的样式布局关于overflow不...
2019-09-11 14:54:04
805
原创 vue项目中使用element-ui下拉框选项值为对象时报错
在做后台管理时，使用了vue搭配elementUI，请求方法使用了axios插件，在使用下拉框时，因为我需要获取选中的选项中的其他值，因此需要传入对象。对select下拉框的文档没有读的很仔细，百度过几篇文章，也没有理解他们表达的意思，然后自己又去看文档，把他的属性看了几遍，忽然就来了灵感，尝试了一两次，哇，原来是这样做，爽歪歪，真的是书读百遍其义自见1.elementui中的select下拉...
2019-08-23 10:16:49
1912
原创 微信小程序使用车牌号输入法
在做小程序时，做了一个关于车的项目，然后需要添加车辆信息、添加车牌号，使用车牌键盘输入，当时我把这个需求给砍了，然后在添加车辆信息时，老大看到数据库里我乱填的车牌号，又让我把他加上了^o^1.效果图2.相关代码使用组件形式实现键盘输入组件代码index.wxml<view class="carPlate" wx:if="{{show}}"> <bloc...
2019-08-19 15:24:18
2369
3
原创 vue项目中使用百度地图(vue-baidu-map)
在使用vue做项目的时候，有用到百度地图，使用了vue-baidu-map插件，包括拾取位置坐标，搜索位置等1.引入方式可在app.js中全局引入import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { /* 需要注册百度地图开发者来获取你的ak */ ak: 'YOUR_APP_KEY'})也可以局部引入，组...
2019-08-06 09:49:26
7728
1
原创 初探uni-app框架 踩坑
近些天有接触到uni-app框架，使用HBuilderX软件进行编译，能生成多端项目文件，如微信、百度、支付宝小程序及Android和ios端，记录遇到的问题1.条件编译我觉得比较突出的一点功能，就是这个条件编译，指定对应的代码执行在对应的一端#ifdef：if defined 仅在某平台存在#ifndef：if not defined 除了某平台均存在如：只在微信小程序中才执行的...
2019-07-22 09:55:08
845
原创 puppeteer爬虫
利用空闲时间，学习了下puppeteer爬虫，我也想爬取下网上的资源1.部分apipuppeteer.launch(options)参数名称 参数类型 参数说明 ignoreHTTPSErrors boolean 在请求的过程中是否忽略 Https 报错信息，默认为 false headless boolean 是否以“无头”的模式运行chro...
2019-07-01 16:48:03
504
原创 vue中的父子传值双向绑定及数据修改视图不更新问题
在进行父子组件传值时，用到子组件直接控制父组件中的变量值以及在vue中直接更改对象或者数组的值，视图未发生变化的解决办法，当时完成项目时，一直未找到原因，修改了好久。1.父子组件传值双向绑定在传递给子组件中的变量上使用.sync修饰符，就能够实现父子传值的双向绑定<!-- 父组件 --><template> <div class="audioCate...
2019-06-12 18:01:25
4014
原创 mongodb数据库之连表查询
在做自己的项目时，因为刚开始接触mongodb非关系型数据库以及关系型数据库的影响还是留在脑中，总会想着进行一个连表查询，然后看官网和资料学习了下，还有那个查询时使用正则来匹配，在这里做个记录1.mongodb正则匹配/* 使用$regex字段匹配 */name: {$regex: 'aa', $options: 'i'};或者：name: {$regex: /aa/, $opti...
2019-06-03 16:46:02
1587
1
原创 vue-cli3中vue.config.js配置
在使用vue-cli3创建项目后，因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来配置新的配置。配置的相关字段vue.config.js会被自动加载module.exports = { /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要...
2019-05-28 17:59:29
530
原创 mongodb数据库及数据分页
在做自己的一个小项目时，新学习了mongodb非关系型数据库，使用了mongoose封装好的查询方法，包括数据库分页用到的limit和skip方法，这里记录下。1. mongodb数据库连接参照官网文档对应的参数如下：mongodb://[username:password@]host1[:port1][,host2[:port2],...[,hostN[:portN]]][/[dat...
2019-04-23 09:15:52
768
原创 node之本地服务器图片上传
在自己做一个简单的后台管理系统时，用的是node作本地数据库，然后用了Element-ui的upload组件来实现图片的上传，中间有遇到那么点小坑，这里记录下，比较坑的一点就是，不知道文件的命名不能带空格，然后改了好久1.index.vue文件这里的话，就是简单点的使用图形界面框架Element-ui的上传组件，然后，action就是服务器端的地址，我这里使用了代理，将localhost:...
2019-03-26 09:08:27
709
原创 使用vue开发移动端管理后台
独立完成一个移动端项目(不是很明白为何会有这样的商品管理后台)，还是有些经验不足，包括对产品的全局思考，对插件的选择等，都有考虑不周的缺点，导致自己中途想换图形界面插件，浪费了点时间，这里记录下，总结下经验，理一下思路。1.对于项目的一些心得与体会首先的一点，就是，对于图形界面框架的选型，这个很重要，对于一项目来说，开始动手前就要对项目的设计图有个完整的了解，以便于自己选择插件或者框架；...
2019-03-07 09:40:35
3291
原创 微信小程序之scroll-view的flex布局问题
关于微信小程序的scroll-view组件，第一次写的时候是直接在scroll-view中用了一层容器包裹子元素，然后用了flex布局，并且是用了组件来实现的横向滚动，后面有提出改进，但是不记录下，就发现过了几天，就有点懵了1.效果图2.在scroll-view里加一层容器，使用flex布局实现这里用flex布局实现的话，就要用组件的形式wxss文件.scrollView{...
2019-01-15 15:09:03
5367
原创 Vue2.0生命周期及路由导航守卫
Vue的生命周期，有的时候还是会不熟悉的样子，找了点相关的文章，然后自己尝试着做了点示例，这里记录下，说不定面试就用上了1.Vue生命周期的相关图片2.Vue生命周期及路由的钩子函数beforeCreate实例初始化之后，初始化注入(init injections)及响应(reactivity)前被调用created实例已经创建完成之后被调用，属性已绑定，但DOM还未生...
2018-12-26 16:12:00
294
原创 记一次微信小程序在安卓的白屏问题
在做小程序的时候，做到了一个限时商品售卖，用到了倒计时，因为这个原因导致了安卓手机上使用小程序时，将小程序放入后台运行一段时间后，再次进入小程序后出现了页面白屏或者点击事件失效的情况，这里记录下1.相关代码文件我这里是使用了自定义组件的形式来渲染的外部的引用的自定义组件的wxml文件/* limitCommodity是一个数组，返回的是商品对象，包含商品价格、商品结束时间、商品图片...
2018-12-22 09:13:12
1370
原创 mix-blend-mode及background-blend-mode实现炫酷的图片样式
在网上看到了有如相机功能的mix-blend-mode实现比较好看的图片样式，自己也想弄下，在这里记录下1.效果图2.mix-blend-mode相关属性{ mix-blend-mode: normal; // 正常 mix-blend-mode: multiply; // 正片叠底 mix-blend-mode: screen...
2018-12-21 14:49:19
485
原创 vue中引入字体文件
在用vue来写一官网的时候，想引入外部字体文件，毕竟总感觉他自己的字体有点难看，在这里记录下1.先下载字体文件所需的.ttf文件我这里想引入的是华文行楷字体 百度后下载了一个3M多的ttf文件2.将字体文件引入自己定义一个文件夹，放入下载好的.ttf文件先自己定义一个font.css文件，将下载好的字体文件的路径引入@font-face { font-family: ...
2018-12-17 10:19:36
1589
原创 美化select下拉框
在写示例的时候，用到了下拉框，但是原生的下拉框是在是有点难看，然后模仿着写了点，一个是直接在写好的Dom上进行美化，一个是用js生成，然后定义类名及相应的事件来处理1.效果图2.直接是在Dom上美化html文件<div class="root"> <div id="selectedItem"> <div id="prompt...
2018-12-11 08:51:34
952
原创 原生js实现瀑布流及微信小程序中使用左右两列实现瀑布流
使用css实现瀑布流并不实用，因为css实现的瀑布流都是以列来排列的，这里记录下用js实现瀑布流，以及微信小程序中使用左右两列来实现瀑布流1.效果图2.原生js实现瀑布流html文件<div id="root"> <div class="item"> <div class="itemImg"> ...
2018-12-11 08:51:23
1248
原创 vue中的computed的this指向问题
今天在写vue项目时，用到了computed计算属性，遇到了使用箭头函数出现this指向问题，这里记录下1.箭头函数中的this箭头函数内部的this是词法作用域，由上下文确定 函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象2.vue中的computed使用箭头函数list: () => { console.log(this)}不使用...
2018-12-05 10:32:47
6047
1
原创 较常用的Math方法及ES6中的扩展
记录下与Math有关的常用方法，如：求最大值、最小值等，或者是保留几位数啥的1.数据let floatA = 2.325232;let floatB = 2.3456;let temporaryArray = [1, 2, 5, 6, 3];let minusNum = -12;let minusFloat = -12.321;let intA = 10;let min, m...
2018-11-28 15:13:40
476
原创 promise与setTimeout的执行顺序问题
有一次在面试题中有做到promise与setTimeout的执行顺序，当时有点懵，执行顺序还是弄错了一点点，这里记录下1.输出setTimeout(function() { console.log(111)}, 0);setTimeout(function() { console.log(333)}, 1000);new Promise(function(reso...
2018-11-20 17:34:58
1033
原创 去除富文本中的html标签及vue、react、微信小程序中的过滤器
在获取富文本后，又只要显示部分内容，需要去除富文本标签，然后再截取其中一部分内容；然后就是过滤器，在微信小程序中使用还是挺多次的，在vue及react中也遇到过1.富文本去除html标签去除html标签及 空格let richText = ' <p style="font-size: 25px;color: white">&nbsp; &nbsp; &...
2018-11-20 15:08:47
1074
原创 微信小程序之店铺评分组件及vue中用svg实现的评分显示组件
在微信小程序中，有遇到要展示店铺评分，或者是订单完成后对商品进行评价，用到了星星展示，查了下，在微信中无法使用svg实现图片，微信中只能将svg图片转成base64来显示，所以是在vue中使用的svg来实现评分1.效果图微信中的可以点击及显示，但是，显示的话，在4.2分，4点多分的时候，显示的是半颗星vue中用的是svg实现，所以用的是占比的形式,可以有一点点的星2.微信实现...
2018-11-15 16:37:01
576
原创 微信小程序之购物车和父子组件传值及calc的注意事项
在做微信小程序时，觉得小组里对购物车的实现不是很完美，就自己尝试的写了下，然后用到了父子组件传值，父子组件传值的话，和vue框架上是非常相似的，以及calc这个css函数，calc有个注意点，自己不怎么用，一时间有差点忘了，这里记录下1.效果图2.子组件实现要实现图中删除的效果，使用组件的形式更好做点，我当时本想直接在pages里实现，不过结果就是，滑动时，所有的商品都显示了删除按...
2018-11-13 08:50:34
588
原创 微信小程序中遇到的多规格问题(一)
刚进入公司的时候就有遇到过多规格的问题，当时就觉得很麻烦，就只是看了下，没有尝试，最近在写微信小程序的时候，又遇到了多规格问题，就自己尝试了下，在这里记录下1.效果图2.文件及部分思路index.wxml文件<view class="multipleStandard" bindtap="standardSelect"> <view class="stand...
2018-11-05 08:41:21
2232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人