<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[周不会前端的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ZHOU_CXY</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ZHOU_CXY]]></copyright><item><title><![CDATA[uniapp中canvas将矩形图片绘制成圆形图片以及保存canvas到手机]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/122018904</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/122018904</guid><author>ZHOU_CXY</author><pubDate>Sat, 18 Dec 2021 23:54:12 +0800</pubDate><description><![CDATA[废话不多说直接上代码
本次是在uniapp中操作的  但是canvas都一样
前提是你已经赋予了canvas宽高了
//先获取你的canvas 
let ctx = uni.createCanvasContext('myCanvas', this);
ctx.save();
ctx.beginPath(); //开始绘制
//先画个圆   x,y是圆心的(x,y） 坐标 r是圆的半径 第四个参数是起始角，以弧度计。（弧的圆形的三点钟位置是 0 度）  第五个参数是结束角，以弧度计  最后是绘图方向  默认是]]></description><category></category></item><item><title><![CDATA[关于uni-app中云打包成apk包在手机上运行无法使用uni.getLocation获取定位]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/109176899</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/109176899</guid><author>ZHOU_CXY</author><pubDate>Tue, 20 Oct 2020 11:09:20 +0800</pubDate><description><![CDATA[uni-app中为什么在模拟器真机运行上可以获取定位而在云打包成apk包之后就不行了
一开始我遇到我以为是一个莫名其妙的bug，然后看了官方文档之后才发现

Android由于谷歌服务被墙，或者手机上没有GMS，想正常定位就需要向高德等三方服务商申请SDK资质，获取AppKey。否则打包后定位就会不准。云打包时需要在manifest的SDK配置中填写Appkey。在manifest可视化界面有详细申请指南，详见：https://ask.dcloud.net.cn/article/29。离线打包自行在原生工程]]></description><category></category></item><item><title><![CDATA[关于VUE项目中报Error: Avoided redundant navigation to current location: 的错]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/106565480</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/106565480</guid><author>ZHOU_CXY</author><pubDate>Mon, 03 Aug 2020 11:05:50 +0800</pubDate><description><![CDATA[在VUE中路由遇到Error: Avoided redundant navigation to current location:报错显示是路由重复，
虽然对项目无影响，但是看到有红的还是不舒服。
于是查了一下发现可以这样解决
在你引入VueRouter的时候再加上一句话：
const originalPush = VueRouter.prototype.push
   VueRouter.prototype.push = function push(location) {
   return origin]]></description><category></category></item><item><title><![CDATA[关于Vue项目中子组件中获取父组件传来的值为空。]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/106689163</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/106689163</guid><author>ZHOU_CXY</author><pubDate>Thu, 11 Jun 2020 15:09:19 +0800</pubDate><description><![CDATA[我在项目中要做一个九宫格抽奖，我把这个九宫格作为一个组件引入到我需要展示的页面。
然而每次九宫格出来了，但是我传来的数据打印都为空，
然后我发现我的九宫格子组件在我进入父组件页面的时候就已经触发了moutend钩子，
于是我就想到了是否应该给这个子组件一个开关。如下
&lt;to-draw v-if="parentsDraw" :showDraw="showDraw" :drawData="drawData" @closeDraw="closeDraw"&gt;&lt;/to-draw&gt;

paren]]></description><category></category></item><item><title><![CDATA[js获取本周、上周第一天和最后一天的日期]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105467189</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105467189</guid><author>ZHOU_CXY</author><pubDate>Sun, 12 Apr 2020 12:07:31 +0800</pubDate><description><![CDATA[获取本周第一天和最后一天的日期
话不多说直接上代码
export function getThisWeekData() {//获得本周周一~周日的年月日  
  var thisweek = {};
  var date = new Date();
  // 本周一的日期
  date.setDate(date.getDate() - date.getDay() + 1);
  thisweek....]]></description><category></category></item><item><title><![CDATA[获取上月第一天和最后一天的日期]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105467165</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105467165</guid><author>ZHOU_CXY</author><pubDate>Sun, 12 Apr 2020 12:04:13 +0800</pubDate><description><![CDATA[获取上月第一天和最后一天的日期
话不多说直接上代码
export function getlastmonthData() {
  var lastmonth = {};
  var nowdays = new Date();

  var year = nowdays.getFullYear();
  var month = nowdays.getMonth();
  if (month == 0...]]></description><category></category></item><item><title><![CDATA[js中获取本月第一天和最后一天的日期]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105467062</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105467062</guid><author>ZHOU_CXY</author><pubDate>Sun, 12 Apr 2020 12:02:26 +0800</pubDate><description><![CDATA[获取本月第一天和最后一天的日期
话不多说直接上代码
export function getmonthDate() {
  var monthDate = {};
  var now = new Date(); //当前日期
  var nowMonth = now.getMonth(); //当前月
  var nowYear = now.getFullYear(); //当前年
  //本月的开...]]></description><category></category></item><item><title><![CDATA[Vue中关于数据改变而页面不改变的解决方法。]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105289862</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105289862</guid><author>ZHOU_CXY</author><pubDate>Fri, 03 Apr 2020 12:03:17 +0800</pubDate><description><![CDATA[vue中数据改变了然而页面视图还是上一次数据的内容；
这里我用的是Vue里的 $set()
先来说说我为什么用set
由于受现代JS的限制，vue不能检测到对象属性的添加或删除。
vue会在初始化实例时对属性执行getter/setter 转化过程，所以属性必须在data对象上存在才能让vue转换它，这样它才能是响应的。
vue不允许在已经创建的实例上动态添加新的根级响应式属性，所以就使用Vue....]]></description><category></category></item><item><title><![CDATA[vue中用element-ui的表格时需要把表格数据从1或2翻译成有或无，是或否.....等等]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105042488</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105042488</guid><author>ZHOU_CXY</author><pubDate>Mon, 23 Mar 2020 10:17:40 +0800</pubDate><description><![CDATA[我在使用element-ui中的表格时由于我十多级表头并且数据量很大，
并且后台给我的数据都是1或2都需要我翻译，
然后我先去看了element的文档，发现有一个formatter，但是这个只能格式化为统一的；
我这里需要格式话好几种情况，所以就需要改变一下使用方法。
我先自定义一个格式的二维数组
在methods中这么写
 format(i, cellValue) {
      var sta...]]></description><category></category></item><item><title><![CDATA[vue中的封装接口在一个接口中传入另一个接口的返回值]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105015448</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/105015448</guid><author>ZHOU_CXY</author><pubDate>Sat, 21 Mar 2020 19:23:55 +0800</pubDate><description><![CDATA[做Vue项目把请求接口都封装成了方法，有一个逻辑就是在一个接口中传入另一个接口的返回值作为参数。
众所周知 接口发送ajax是异步请求，需要另一个请求的返回值就得把这两个请求改为同步
所以我在这里用的是callback()
代码如下
methods：{
	GetGetCaseDetail(case_id, callback) {
	   getCaseDetail(case_id).then(js...]]></description><category></category></item><item><title><![CDATA[关于移动端在cubeui中cube-scroll（以及better-scroll）里面写click会触发两次的问题]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/104815220</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/104815220</guid><author>ZHOU_CXY</author><pubDate>Thu, 12 Mar 2020 11:39:39 +0800</pubDate><description><![CDATA[看了一下cube文档，里面的scroll是封装的better-scroll并且cube-scroll自带了一个apioptions支持better-scroll的原生语法

于是就去better-scroll看了下文档看到有一个click

具体写法如下
&lt;cube-scroll :options="options"&gt;&lt;/cube-scroll&gt;

在data里面写
opt...]]></description><category></category></item><item><title><![CDATA[移动端中ios不兼容input的type="number"]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/104777402</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/104777402</guid><author>ZHOU_CXY</author><pubDate>Tue, 10 Mar 2020 16:33:58 +0800</pubDate><description><![CDATA[今天做移动端的时候一个选择数量的我在pc上是正常的禁用英文了 用的type="number"
但是测试的时候在ios上看到还是能输入英文 我就想到ios兼容问题
在网上看到的办法就是 只调用数字键盘就ok了
&lt;input type="number" pattern="[0-9]*"  /&gt;

ok 加上了type="number"就可以了

...]]></description><category></category></item><item><title><![CDATA[vue移动端中手写一个树形结构业务，页面见里面]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/104656993</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/104656993</guid><author>ZHOU_CXY</author><pubDate>Wed, 04 Mar 2020 17:13:18 +0800</pubDate><description><![CDATA[我这个业务需求是根据后台传给我的树形结构数据写的一个选择仓库的功能
由于一开始选框架选错了用cube ui 导致现在好多功能都必须自己写，所以才有了现在。

上图是我的第一级别

上图是我的最后一级
我这里实现是用的递归
首先当然是在页面写上获取仓库的接口啦
先上html
&lt;div class="apply-material-min"&gt;
    &lt;p class="back"&g...]]></description><category></category></item><item><title><![CDATA[关于cubeui中upload上传图片的删除]]></title><link>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/104654506</link><guid>https://blog.youkuaiyun.com/ZHOU_CXY/article/details/104654506</guid><author>ZHOU_CXY</author><pubDate>Wed, 04 Mar 2020 15:47:33 +0800</pubDate><description><![CDATA[在这个项目中，我的所需要的就是把客户所需要的图片上传到服务器，然后返回一个id，再把这个id在一次请求一个接口上传服务器。
当初在做pc端的时候也有这个业务，当时用的是element ui 我那时候第一次做这个需求，我的想法非常复杂，当时是每天添加一张图片就自动上传到服务器，这个时候如果删除我不需要的图片我是根据删除的file里面的uid，找到上传之后的图片然后再删除这个图片，当时哇 绕来绕去…（...]]></description><category></category></item></channel></rss>