<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[taylorzun的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/taylorzun</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; taylorzun]]></copyright><item><title><![CDATA[vue中实现文字间加空格的方法]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/118961727</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/118961727</guid><author>taylorzun</author><pubDate>Wed, 21 Jul 2021 10:59:10 +0800</pubDate><description><![CDATA[下面这个方法偶然间试出来的，可行：必须要同时设置word-spaceing 和 \xa0




&lt;div style="word-spacing:10px"&gt;车{{"\xa0\xa0"}}辆：&lt;/div&gt;


]]></description><category></category></item><item><title><![CDATA[微信h5调用支付宝支付\使用地图全流程]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/114661971</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/114661971</guid><author>taylorzun</author><pubDate>Thu, 11 Mar 2021 14:02:11 +0800</pubDate><description><![CDATA[因业务需要，需要开发了一个h5页面，能在微信里打开调用地图导航，以及可以用支付宝支付。中间踩了好多雷，小小的记录一下。

h5发起支付宝支付


h5中调用支付宝的核心代码如下：（我i这个对于支付验签等的处理全部是由后端接口进行处理的，前端只需要接收后端传递的一个form即可）



let divForm = document.getElementsByTagName("divform");
                if (divForm.length) {
                  d]]></description><category></category></item><item><title><![CDATA[【CSS布局】水平、垂直居中的实现]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/107376308</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/107376308</guid><author>taylorzun</author><pubDate>Thu, 16 Jul 2020 10:54:27 +0800</pubDate><description><![CDATA[1.垂直居中的实现

弹性布局

.warp{
    display: flex;
    align-items: center;  /*/垂直居中*/
    width: 100%;    /*/宽高必设置*/
    height: 100%;
}

使用margin-top

.warp{
    margin: 0 auto; /*水平居中*/
    position: relative;
    top: 50%; /*偏移*/
    margin-top: -150px; 
}

除了]]></description><category></category></item><item><title><![CDATA[前端下载Excel数据流文件的实现]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/107085319</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/107085319</guid><author>taylorzun</author><pubDate>Thu, 02 Jul 2020 15:33:07 +0800</pubDate><description><![CDATA[1.


downloadIssue(param).then(res=&gt;{
            let blob = res
            if ('download' in document.createElement('a')) { // 非IE下载
                  let eleLink = document.createElement('a')
                  let url = window.URL.createObjectURL(ne.]]></description><category></category></item><item><title><![CDATA[【uniapp踩坑系列】]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/106522595</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/106522595</guid><author>taylorzun</author><pubDate>Wed, 03 Jun 2020 13:56:45 +0800</pubDate><description><![CDATA[1.uni.uploadFile成功后返回参数问题

官方文档里面，返回参数是 data, statusCode;其中data是string类型，因此我们需要转换成JSON


success:(res) =&gt; {
			if(res.data){
		    	const data = JSON.parse(res.data)
				uni.setStorageSync('headUrl',data.data)
					}
							}

2.TypeError: Cannot set p.]]></description><category></category></item><item><title><![CDATA[安装nvm之后，node -v 提示'node' 不是内部或外部命令，也不是可运行的程序 或批处理文件]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/105471841</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/105471841</guid><author>taylorzun</author><pubDate>Sun, 12 Apr 2020 17:09:27 +0800</pubDate><description><![CDATA[网上已经有很多教程了，但是有的方法对却没有注意细节也会导致这个问题无法顺利解决。下面就注重方法+细节部分进行解决，我是成功了呦。

出现这个情况时，扪心自问，用nvm安装新的nodejs后有咩有执行这个命令：nvm use [nodejs version name]
	
nvm use v10.15.3

	
	
	如果已经执行了上述命令但还是报node不是内部命令云云，那么先检查C:\Pr...]]></description><category></category></item><item><title><![CDATA[npm查看全局安装过哪些包，是否安装过某个包]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/105238710</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/105238710</guid><author>taylorzun</author><pubDate>Wed, 01 Apr 2020 09:48:17 +0800</pubDate><description><![CDATA[1.查看全局安装的包


npm list -g --depth 0



2.查看全局是否安装过某个包


npm ls 包/插件名称 -g



3.查看本地/当前文件下是否安装某个包（不加-g）


]]></description><category></category></item><item><title><![CDATA[关于node升级后  启动项目报错问题解决]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/101014590</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/101014590</guid><author>taylorzun</author><pubDate>Thu, 19 Sep 2019 10:35:51 +0800</pubDate><description><![CDATA[node升级之后，打开较早之前的一个iview-admin项目，发现启动npm run dev报如下错误：

npm ERR! runonce@1.3.1 dev: `webpack-dev-server --content-base ./ --open --inline --hot --compress --host 127.0.0.1 --port 8081 --config build/...]]></description><category></category></item><item><title><![CDATA[小程序（前端）与后端（thinkjs）进行数据交互的实现【小程序+thinkjs+MySQL】]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/85224652</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/85224652</guid><author>taylorzun</author><pubDate>Sun, 23 Dec 2018 18:34:51 +0800</pubDate><description><![CDATA[
初步接触小程序开发，在没有申请域名、SSL等的情况下实现与后端的连接，后台用的是thinkjs，一个很好用的nodejs框架。现在记录一下这个前后端连接的过程。

总的逻辑就是：

小程序端数据放到一个formdata中，之后就写在wx.request里面，包括了【url , data, header, method以及成功的回调函数】
	中间部分就是设置好连接的端口
	最后是后台通过某个方法拿...]]></description><category></category></item><item><title><![CDATA[js中涉及到带小数点的计算时，出现的精确度损失情况的解决方法]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/84892194</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/84892194</guid><author>taylorzun</author><pubDate>Sat, 08 Dec 2018 14:15:18 +0800</pubDate><description><![CDATA[
 描述：在做一个小程序，一个功能是点击“+” 或者“-”数字会进行相应的变化。但是一开始碰到的问题是，初始数据为6，点击加号后，出现的不是6.1，而是6.099999999.查了一下发现这是进行浮点数运算时出现的缺失精准度的问题。现把在网上查找到的真实有用的解决方法记录下来。


 1.下面的图是小程序里面的截图，目前问题已经解决了，已经可以正常的进行加减了。方法是分别对增加和减少写了个处理函数...]]></description><category></category></item><item><title><![CDATA[thinkjs + mysql 写后台接口的入坑指南]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/84653029</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/84653029</guid><author>taylorzun</author><pubDate>Fri, 30 Nov 2018 15:53:05 +0800</pubDate><description><![CDATA[前两天翻找资源发现nodejs除了有express框架外，竟然还有thinkjs这个国产框架，打算放进自己的设计中用一下。

但是貌似因为用的人少，网上教程好少啊，我这个智商捉急的人只能一点点慢慢填坑。要哭哭了。

https://thinkjs.org/zh-cn/doc/3.0/index.html   这是最新版3.0版本的官网地址。貌似3.0与之前的版本还是有很多不同的，改了很多东西，所以...]]></description><category></category></item><item><title><![CDATA[小程序新手入门填坑之“云函数”]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/82747860</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/82747860</guid><author>taylorzun</author><pubDate>Mon, 17 Sep 2018 20:37:52 +0800</pubDate><description><![CDATA[开发者可以使用云开发来进行微信小程序的开发，无需搭建服务器，就可以使用云端能力。目前提供三大支持：

云函数：在云端运行的代码，开发者只需要编写自身业务逻辑代码
	数据库：很省事，一个既可以在小程序前端操作，也能在云函数中读写的JSON数据库
	存储：在小程序前端直接上传或者下载云端的文件，在云开发控制台可视化管理
接下来进入到微信开发者工具，在启动项目时选择“建立云开发快速启动模板”，跳出来新的...]]></description><category></category></item><item><title><![CDATA[git使用：使用HTTPS和SSH的区别]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/82256636</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/82256636</guid><author>taylorzun</author><pubDate>Fri, 31 Aug 2018 16:07:51 +0800</pubDate><description><![CDATA[在码云中，有三种方式可以将项目克隆到本地：HTTPS URL，ssh URL，还有svn的方式，或者直接下载Zip。后两种用起来比较简单，但是个人对于前两种的使用方式几乎没有碰过，特找了资料查阅实践后做个小结。可能有理解不当之处，欢迎大神不吝赐教。


区别：


 1.https url: 适合初学者，操作简单，复制https url然后到git Bash里面直接用clone命令克隆到本地。

...]]></description><category></category></item><item><title><![CDATA[antdpro学习笔记（一）]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/82183498</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/82183498</guid><author>taylorzun</author><pubDate>Wed, 29 Aug 2018 15:26:35 +0800</pubDate><description><![CDATA[在玩了一段时间antd后，又发现他还有个antdpro版，相比较而言后者功能更强大一些，对比一下在官网的演示demo就可以发现，后者的功能更偏向于实用方向以及对业务处理方面。而且在代码的实现方式上两者也有很大区别。本文不作比较，只是记录上手antdpro的过程及自己的理解。

1.项目的入口为src/index.js文件：


import './polyfill';
import dva fro...]]></description><category></category></item><item><title><![CDATA[白痴错误，以示警醒]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/81173091</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/81173091</guid><author>taylorzun</author><pubDate>Tue, 28 Aug 2018 17:10:45 +0800</pubDate><description><![CDATA[从后台得到数据后一定要打印一下看看有什么属性：



打印输出的data的属性有下面几个，其中数组是data数组。



但是，数据来源不同，console出来的data的那个数组名称会不一样！！！注意：下面这个就是list！！！！



...]]></description><category></category></item><item><title><![CDATA[使用码云通过git管理本地项目]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/81317083</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/81317083</guid><author>taylorzun</author><pubDate>Tue, 31 Jul 2018 18:17:57 +0800</pubDate><description><![CDATA[今日记录的问题： 

在本地写了一个项目，想要能够每天同步到码云上面去，进行代码管理。而此时的自己还没有学过git。所以下面是自己翻看查找各种资料，最终成功将项目同步到码云进行管理的过程。小白操作，辣眼睛！！

第一步，按照下面这个链接里的方法，在码云上新建一个项目：

https://jingyan.baidu.com/article/c1465413e4fc8b0bfdfc4c6f.html
...]]></description><category></category></item><item><title><![CDATA[UMD支持？？？]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/81305098</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/81305098</guid><author>taylorzun</author><pubDate>Tue, 31 Jul 2018 17:15:57 +0800</pubDate><description><![CDATA[之前在实现某个组件时需要导入依赖的包，一直都是用  import，但是偶尔也会碰到require这样的方式。对于其之间的区别没有搞懂过。今天在学习CKEditor5的时候，正好接触到了这一块，赶紧记下来。

比如我的组件的需要用到CKEditor5,终端输入命令    npm install --save @ckeditor/ckeditor5-build-classic

这样成功把这款富文本编...]]></description><category></category></item><item><title><![CDATA[使用antv及在model中新发现的问题小结]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/81285319</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/81285319</guid><author>taylorzun</author><pubDate>Mon, 30 Jul 2018 15:35:35 +0800</pubDate><description><![CDATA[今天在打算使用viser图来插入到自己的界面中时出现了一系列的问题，究其根本是自己还没有掌握一步步去排查错误的方法，且对于dva中的model里面的运行机制没有做到透彻理解。（viser是真的很好用，自己不需要去造轮子，呈现图的时候也不需要自己去实现横纵坐标、图例及提示框，完全都已经封装好了直接调用就可以）下面呈现此次的过程：

我的目标是这样：使用mock数据来在界面展现一个折线图。，如图：

...]]></description><category></category></item><item><title><![CDATA[使用npm踩过的坑]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/81233404</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/81233404</guid><author>taylorzun</author><pubDate>Fri, 27 Jul 2018 15:57:26 +0800</pubDate><description><![CDATA[前言：使用npm报了很多错，做的事情就是把错误复制到百度上去搜索，看看哪个解决方案有效。先简单整理一下已经奏效的一些命令，部分错误没有贴出来，因为。。。我心急如焚解决报错的时候哪里还有心情把错误直接记录下来。。（此处手动加个捂脸的表情包）。

1.npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\a\package....]]></description><category></category></item><item><title><![CDATA['../components/dash' does not contain an export named 'App'.]]></title><link>https://blog.youkuaiyun.com/taylorzun/article/details/81238728</link><guid>https://blog.youkuaiyun.com/taylorzun/article/details/81238728</guid><author>taylorzun</author><pubDate>Fri, 27 Jul 2018 15:54:50 +0800</pubDate><description><![CDATA[
import { Row, Col, Card } from 'antd'
import { color } from 'utils'

import { Page } from 'components'
import  {App}   from '../components/dash'
import App2 from '../components/People'
//import style...]]></description><category></category></item></channel></rss>