<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ZJW222的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ZJW222</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ZJW222]]></copyright><item><title><![CDATA[小程序实现手写签名]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/122989029</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/122989029</guid><author>ZJW222</author><pubDate>Thu, 17 Feb 2022 18:12:08 +0800</pubDate><description><![CDATA[在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为了防止出现问题，暂时使用旧版本获取canvascontext

1.效果图




#2.相关代码

1.canvas代码

新版2d canvas



&lt;canvas
	id="canvas"
	class="canvas"
	canvas-id="canvas"
	typ.]]></description><category></category></item><item><title><![CDATA[uniapp 在onLaunch中使用redirectTo或reLaunch跳转页面后点击事件失效]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/119583551</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/119583551</guid><author>ZJW222</author><pubDate>Wed, 11 Aug 2021 00:46:30 +0800</pubDate><description><![CDATA[好久没有记录了(今天更新下)，使用uniapp编译成小程序时，在onLaunch中重定向会导致点击事件失效，但是，如果，你重定向的页面中有使用navigator组件跳转后再返回，点击事件又有效了，在原生微信小程序中重定向没有问题

onLaunch中重定向失效


onLaunch() {
    uni.reLaunch({
        url: '/pages/user/user'
    })
}


	解决办法

	
onLaunch() {
  setTimeout(() =&gt; {
  ]]></description><category></category></item><item><title><![CDATA[ES6 Object.assign()的用法]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/105266184</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/105266184</guid><author>ZJW222</author><pubDate>Thu, 02 Apr 2020 11:53:34 +0800</pubDate><description><![CDATA[1.Object.assign()基本用法：

Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。


let targetObj1 = { a: 1 };
let sourceObj1 = { b: 1 };
let sourceObj11 = { c: 3 };
O...]]></description><category></category></item><item><title><![CDATA[uni-app中公众号h5端分享]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/104950477</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/104950477</guid><author>ZJW222</author><pubDate>Wed, 18 Mar 2020 18:16:30 +0800</pubDate><description><![CDATA[有接触到使用uni-app来实现公众号的开发，在实现分享时，有出现一些疑惑，这里记录下

1.公众号分享使用sdk

开始我以为在公众号端，也是和微信小程序一样，可以使用button来进行我的朋友或者群的分享
	要使用js-sdk才能进行分享，但是，一直使用小程序的分享都是点击后就能够进入微信端我的好友或者群进行分享，而这里使用sdk还是不能够直接的点击后进行分享，要点击右上角的发送给朋友进行分享...]]></description><category></category></item><item><title><![CDATA[uni-app中覆盖视频（原生子窗体）、视频下载]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/104812848</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/104812848</guid><author>ZJW222</author><pubDate>Thu, 12 Mar 2020 10:15:03 +0800</pubDate><description><![CDATA[在uni-app中，使用video时，要在视频上覆盖内容，并且要兼容app端，安卓端的适配还好做点，但是ios的话，就弄了我好久，搞了大半天才搞定，这里记录下

1.微信小程序端

视频做的是全屏显示的视频，使用cover-view和cover-image对视频进行覆盖，不过，cover-view也有很多限制，像文字多行省略，这个没找到方式，单行的省略就直接用普通就可以了

使用cover-vie...]]></description><category></category></item><item><title><![CDATA[快应用地图组件、富文本及路由传参]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/103733452</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/103733452</guid><author>ZJW222</author><pubDate>Fri, 27 Dec 2019 15:56:17 +0800</pubDate><description><![CDATA[快应用有用到官方提供的map地图组件(百度地图)，遇到点小问题，这里记录下，以及快应用官方提供的rich-text富文本、路由传参

1.效果图



2.map

2.1属性

latitude 中心纬度,默认为当前位置，否则为北京
	longitude 中心经度,默认为当前位置，否则为北京
	scale 地图缩放级别，4-20，微信中的是默认16
	markers 用来标记地图上的点
	sho...]]></description><category></category></item><item><title><![CDATA[antd中select下拉框值为对象选中的问题]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/103204115</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/103204115</guid><author>ZJW222</author><pubDate>Fri, 22 Nov 2019 17:10:36 +0800</pubDate><description><![CDATA[使用antd中的select下拉框，遇到个小问题，后台管理系统中，使用下拉框，一般不会是简单的就直接使用select中的value值，而是会使用id或者value中文对应的keyword，并且这个在option中的value值也是可能重复的

1.效果图



2.select相关代码

我这里用的是react

let list = [
    {
      title: '普通会员',
  ...]]></description><category></category></item><item><title><![CDATA[vue项目从node8.x升级到12.x后]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/102728736</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/102728736</guid><author>ZJW222</author><pubDate>Thu, 24 Oct 2019 18:34:05 +0800</pubDate><description><![CDATA[开始使用低于vue-cli3创建的项目，在更新node到12.x后，项目运行不起来了，这个让我想起我刚使用react时，安装的依赖，过了半年后，项目也运行不起来，在这了记录下(时间：2019-10-24)

1.版本更新后报错

更新node后，原来的vue项目的node Sass环境变了，导致项目跑不起来

Node Sass could not find a binding for your ...]]></description><category></category></item><item><title><![CDATA[node版本升级]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/102703512</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/102703512</guid><author>ZJW222</author><pubDate>Wed, 23 Oct 2019 16:16:50 +0800</pubDate><description><![CDATA[node版本升级，我记得好像是可以直接使用npm i node -g来进行升级的，然后结果发现使用这个安装后，node版本还是一样啊，好气啊

windows下到node官网下载新的版本安装更新？？？？

1.使用vue-cli3

使用vue-cli3脚手架来创建项目，安装依赖时，报node版本太低的错

error execa@3.2.0: The engine "node" is incom...]]></description><category></category></item><item><title><![CDATA[快应用之保存图片]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/102697331</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/102697331</guid><author>ZJW222</author><pubDate>Wed, 23 Oct 2019 14:14:35 +0800</pubDate><description><![CDATA[快应用中的保存图片，有坑，踩着就中了，这里也要区分华为和其他厂商，虽然用调试器，在华为和官方提供的都不会出现问题，但是，在应用上线后就出现华为手机无法保存

1.不同点

华为手机在下载图片时要显示的定义filename字段
	先将图片下载为临时文件，然后在图片下载完成后，进行保存到本地
	使用request.download进行下载，在这个api中加入filename字段，我这里将当前时间的时间...]]></description><category></category></item><item><title><![CDATA[快应用之授权登录]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/102611943</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/102611943</guid><author>ZJW222</author><pubDate>Thu, 17 Oct 2019 17:58:59 +0800</pubDate><description><![CDATA[快应用的授权要区分多种情况，华为、魅族不支持微信账户授权，所以，华为要走华为的账号，魅族走魅族的账号，及打开网页和网页与快应用进行通信，最理想的登录就是手机验证码登录了

1.华为账号授权

先要在华为快应用网站上先创建一个快应用，这个快应用的名字等信息要和你即将要开发的快应用名字一样
获取appid方法的链接

证书指纹必须在华为ide上才能获取
	获取授权的接口文档也应该查看华为的开发文档，并...]]></description><category></category></item><item><title><![CDATA[vue导出数据至Excel表]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/102546406</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/102546406</guid><author>ZJW222</author><pubDate>Mon, 14 Oct 2019 13:54:47 +0800</pubDate><description><![CDATA[使用vue导出表格数据至Excel表格中，自定义导出的excel表格数据

1.安装，导入

先安装script-loader，xlsx，file-saver；然后将主要的js导出文件加入

npm i script-loader -S
npm i xlsx -S
npm i file-saver -S

excel所需的js文件


2.自定义数据导出

我找到一些文章，但是上面有好多是直接导出...]]></description><category></category></item><item><title><![CDATA[快应用之自定义tabbar(包含show和跳转选中tabs)]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/101769302</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/101769302</guid><author>ZJW222</author><pubDate>Mon, 30 Sep 2019 14:10:30 +0800</pubDate><description><![CDATA[快应用中是没有提供和小程序一样的原生底部tabbar的，如果你一定要实现的话，就得自己模拟，但是自己模拟的话，有一些问题，比如：在自定义的tabbar中引入的组件是无法触发自定义组件的onShow生命周期，需要自己手动触发；再者，当你想从其他页面中跳转到tabbar页面时，也是要自己重新写方法来实现，直接跳转无法实现；然后就是，在自定义的tabbar页面中跳转后，点击返回，这个时候总是返回到首页，...]]></description><category></category></item><item><title><![CDATA[微信小程序之下载(下载文件tempFilePath后缀unknown)]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/100888293</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/100888293</guid><author>ZJW222</author><pubDate>Mon, 16 Sep 2019 15:06:59 +0800</pubDate><description><![CDATA[最近有用到微信小程序的downloadFile接口，但是在真机上出现了文件后缀为unknown，导致文件保存失败，这里记录下

1.下载文件

使用downloadFile下载API

/* 直接这样写的话，会出现下载文件后缀名为unknown的情况 */
wx.downloadFile({
  url: '',
  success (res) {
    console.log(res.file...]]></description><category></category></item><item><title><![CDATA[快应用初入坑(分页上拉加载，锚点定位)]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/100736462</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/100736462</guid><author>ZJW222</author><pubDate>Wed, 11 Sep 2019 14:54:04 +0800</pubDate><description><![CDATA[刚接触快应用，只能说，就是个大坑，好气人，不想说话了，全程都在调样式，还不知道样式为何超出预想（今日 2019-9-10）

css样式，样式无法继承

1.不支持绝对定位，相对定位

快应用中只支持fixed固定定位，不支持绝对定位
	display也只支持flex和none两种布局
	想要达到绝对定位的效果，可以用stack层叠组件来实现，但是，有意料之外的样式布局
关于overflow

不...]]></description><category></category></item><item><title><![CDATA[vue项目中使用element-ui下拉框选项值为对象时报错]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/100031799</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/100031799</guid><author>ZJW222</author><pubDate>Fri, 23 Aug 2019 10:16:49 +0800</pubDate><description><![CDATA[在做后台管理时，使用了vue搭配elementUI，请求方法使用了axios插件，在使用下拉框时，因为我需要获取选中的选项中的其他值，因此需要传入对象。对select下拉框的文档没有读的很仔细，百度过几篇文章，也没有理解他们表达的意思，然后自己又去看文档，把他的属性看了几遍，忽然就来了灵感，尝试了一两次，哇，原来是这样做，爽歪歪，真的是书读百遍其义自见

1.elementui中的select下拉...]]></description><category></category></item><item><title><![CDATA[微信小程序使用车牌号输入法]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/99730215</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/99730215</guid><author>ZJW222</author><pubDate>Mon, 19 Aug 2019 15:24:18 +0800</pubDate><description><![CDATA[在做小程序时，做了一个关于车的项目，然后需要添加车辆信息、添加车牌号，使用车牌键盘输入，当时我把这个需求给砍了，然后在添加车辆信息时，老大看到数据库里我乱填的车牌号，又让我把他加上了^o^

1.效果图



2.相关代码

使用组件形式实现键盘输入
组件代码index.wxml


&lt;view class="carPlate" wx:if="{{show}}"&gt;
  &lt;bloc...]]></description><category></category></item><item><title><![CDATA[vue项目中使用百度地图(vue-baidu-map)]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/98589314</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/98589314</guid><author>ZJW222</author><pubDate>Tue, 06 Aug 2019 09:49:26 +0800</pubDate><description><![CDATA[在使用vue做项目的时候，有用到百度地图，使用了vue-baidu-map插件，包括拾取位置坐标，搜索位置等

1.引入方式



可在app.js中全局引入

import BaiduMap from 'vue-baidu-map'

Vue.use(BaiduMap, {
  /* 需要注册百度地图开发者来获取你的ak */
  ak: 'YOUR_APP_KEY'
})

也可以局部引入，组...]]></description><category></category></item><item><title><![CDATA[初探uni-app框架  踩坑]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/96831675</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/96831675</guid><author>ZJW222</author><pubDate>Mon, 22 Jul 2019 09:55:08 +0800</pubDate><description><![CDATA[近些天有接触到uni-app框架，使用HBuilderX软件进行编译，能生成多端项目文件，如微信、百度、支付宝小程序及Android和ios端，记录遇到的问题

1.条件编译

我觉得比较突出的一点功能，就是这个条件编译，指定对应的代码执行在对应的一端

#ifdef：if defined 仅在某平台存在
#ifndef：if not defined 除了某平台均存在
如：只在微信小程序中才执行的...]]></description><category></category></item><item><title><![CDATA[puppeteer爬虫]]></title><link>https://blog.youkuaiyun.com/ZJW222/article/details/94132777</link><guid>https://blog.youkuaiyun.com/ZJW222/article/details/94132777</guid><author>ZJW222</author><pubDate>Mon, 01 Jul 2019 16:48:03 +0800</pubDate><description><![CDATA[利用空闲时间，学习了下puppeteer爬虫，我也想爬取下网上的资源

1.部分api

puppeteer.launch(options)
参数名称
			参数类型
			参数说明
		ignoreHTTPSErrors
			boolean
			在请求的过程中是否忽略 Https 报错信息，默认为 false
		headless
			boolean
			是否以“无头”的模式运行chro...]]></description><category></category></item></channel></rss>