<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[撑戌圆爱痒生]]></title><description><![CDATA[记录经验,操作过程,如有误欢迎指正~侵删谢谢~]]></description><link>https://blog.youkuaiyun.com/moqi_77</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; moqi_77]]></copyright><item><title><![CDATA[小程序 面试题]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/120469129</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/120469129</guid><author>moqi_77</author><pubDate>Sat, 25 Sep 2021 14:07:12 +0800</pubDate><description><![CDATA[1. 简单描述下微信小程序的目录结构？
整体程序

app.js
app.json
app.wxss

页面

wxml
wxss
js文件
json文件

2. wxml与标准的html的异同？
标签名称不同(html：div span img wxml:view text image）
WXML仅能在微信小程序开发者工具中预览，而HTML可以在浏览器内预览；					
属性节点不同，
组件封装不同， WXML对组件进行了重新封装，
没有DOM树：小程序运行在JS Core内，没有DOM树和window对]]></description><category></category></item><item><title><![CDATA[vue 面试题 前端面试题--vue 第六弹]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/120450367</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/120450367</guid><author>moqi_77</author><pubDate>Fri, 24 Sep 2021 11:14:34 +0800</pubDate><description><![CDATA[时隔两个月后的面试题(捂脸跑ing)
1. vue中的路由拦截器的作用
这道题之前总结了但是网上说的都是axios拦截器的作用,于是我毫不犹豫的记错了
下面说说我自己对于路由拦截器的作用:
路由拦截器作用和导航守卫基本一样感觉就是导航守卫啊有木有
当跳转到拦截器的范围后,拦截进行验证,
验证成功给一个结果比如跳转到哪个页面
验证失败给一个结果比如跳转回登录页面
2.子路由的配置方法
在父路由中配置children:[]
子路由中的path不能加/,否则会成为根路径
3. Vuex中改变store状态
使用m]]></description><category></category></item><item><title><![CDATA[uniapp 实现录音上传]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/120117220</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/120117220</guid><author>moqi_77</author><pubDate>Sun, 05 Sep 2021 18:32:23 +0800</pubDate><description><![CDATA[uniapp实现录音上传功能html部分js部分创建实例开始录音结束录音播放录音暂停播放提交录音到后端重新录制onLoad部分计时器数据部分
html部分
我是写了个录音的图片
点击之后弹出一个弹出层(仿了下qq的样式)

样式怎么写我就不赘述了大家都会

js部分
这是重点敲黑板!!!

创建实例
为了全局都好获取到,可以随时开始录音,随时停止录音,我把他扔进全局了
	const recorderManager = uni.getRecorderManager();//创建一个录音实例
	const in]]></description><category></category></item><item><title><![CDATA[js中什么是实例]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/120117799</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/120117799</guid><author>moqi_77</author><pubDate>Sun, 05 Sep 2021 17:16:44 +0800</pubDate><description><![CDATA[关于实例网上流传着一种官方说法实例就是类的实例
what???一脸黑人问号好吗…
plase speak 人话
好的,人话怎么解释呢
就是一个类的真实对象,个例、个案,就是具体来说
比如:

汽车是一个类我的汽车就是汽车的实例
人是类你我都是人的实例

那么放在程序中也就好理解了
比如:

创建一个map实例
let map= new Map();


...]]></description><category></category></item><item><title><![CDATA[uniapp 画布绘制二维码,图片,文字的方法]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/120111908</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/120111908</guid><author>moqi_77</author><pubDate>Sun, 05 Sep 2021 15:30:51 +0800</pubDate><description><![CDATA[uniapp 画布绘制二维码创建canvas标签canvas属性获取canvas上下文开始绘制画图片本地图片网络图片渐变色画背景图创建一个渐变色线性对象画文字画二维码坑点
最近再用uniapp开发
开发中需要做一个邀请码
用到画布这个功能
下面我来说一下如何实现画布绘制二维码
创建canvas标签
画布顾名思义首先要创建一个画布才能有地方作画
canvas就是用来承载这个画布的
在template标签中写
&lt;canvas @longtap="saveimage" :style="sty" canvas]]></description><category></category></item><item><title><![CDATA[js 获取当天时间,实现展示包含今天的一周时间的方法]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/120085499</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/120085499</guid><author>moqi_77</author><pubDate>Sun, 05 Sep 2021 10:19:56 +0800</pubDate><description><![CDATA[js 获取当天时间,实现展示包含今天的一周时间
最近写了一个关于需要时间预约的项目,记录一下如何实现一周
数据的处理,时间的展示

js代码
getdatet: function(e) {
	var date = new Date();//获取当天日期
	var timestamp = date.valueOf(); //获取当前毫秒的时间戳，准确!
	var tdateta = timestamp + (3600 * 24 * 1000 * e);//从今天开始的第n天,今天为0,明天为1依次类推
	va]]></description><category></category></item><item><title><![CDATA[js 中堆和栈的应用与理解]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/120049624</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/120049624</guid><author>moqi_77</author><pubDate>Wed, 01 Sep 2021 23:44:38 +0800</pubDate><description><![CDATA[js 中堆和栈的应用与理解定义堆内存:栈内存:堆和栈在js中的应用栈:堆内存
堆和栈有两种
一种是说的数据结构—堆,堆栈
一种是说的内存—堆内存,栈内存
我今天要说的就是堆内存和栈内存
定义
堆内存:
堆内存是区别于栈区、全局数据区和代码区的另一个内存区域。堆允许程序在运行时动态地申请某个大小的内存空间。
栈内存:
栈内存在函数中定义的一些基本类型的变量和对象的引用变量都在函数的栈内存中分配。
堆和栈在js中的应用
栈:
用于储存基本数据类型

他遵循先进后出原则
每格大小有限  可做简单存储
如下表类似像]]></description><category></category></item><item><title><![CDATA[微信小程序 地图功能的实现 map]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119724834</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119724834</guid><author>moqi_77</author><pubDate>Mon, 16 Aug 2021 14:04:30 +0800</pubDate><description><![CDATA[微信小程序 地图功能的实现 mapwxml部分地图标签wxssjs
这次项目有个功能是地图以选项卡方式可以选择进行不同位置展示实现方法就是

将地图和tab选项卡结合
选项卡刚开始我套了之前的滑动选项卡,套完发现一个问题
之前写的那套选项卡是用的swiper写的还用了循环
这样会导致一个结果,就是地图被循环生成了
如果使用一个地图性能会更佳,于是果断舍弃swiper互动切换
swiper滑动切换适合每页有不同内容的,对于这种在一张地图不同经纬度的展示,这种情况是不适合的
好了,总结完进入正题地图功能的实现:]]></description><category></category></item><item><title><![CDATA[微信小程序授权登录 组件的封装]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119705391</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119705391</guid><author>moqi_77</author><pubDate>Sat, 14 Aug 2021 20:32:28 +0800</pubDate><description><![CDATA[微信小程序授权登录组件的封装新建components文件写wxml文件wxss部分js部分json引用页面使用页面js授权登录流程如下:
因为多个页面功能需要登录状态
所以做了个组件方便调用
组件的封装
新建components文件

与pages文件同级创建一个components文件夹
在components文件下创建一个组件文件
然后在文件下新建component

写wxml文件
component文件结构与页面一样
都包括以下

以下是一个授权登录的弹窗
这个弹窗内容都是活的也可以修改下做别的弹窗]]></description><category></category></item><item><title><![CDATA[Css单位px，rem，em，vw，vh的区别]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119683018</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119683018</guid><author>moqi_77</author><pubDate>Fri, 13 Aug 2021 23:30:34 +0800</pubDate><description><![CDATA[Css单位px，rem，em，vw，vh的区别px 像素rem 根元素字体大小应用场景使用和修改em 相对于父元素的大小% 相对长度单位vw、vh  相对于视口的单位视口VW 相对于视口宽的1%vh  相对于视口高的1%
px 像素
像素，为影像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“画像元素”之意，有时亦被称为pel（picture element）。每个像素可有各自的颜色值，可采三原色显示，因]]></description><category></category></item><item><title><![CDATA[微信小程序实现下拉刷新]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119670335</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119670335</guid><author>moqi_77</author><pubDate>Fri, 13 Aug 2021 16:29:32 +0800</pubDate><description><![CDATA[微信小程序实现下拉刷新配置json文件在js文件中写下拉刷新方法注意
配置json文件
如果需要全局使用下拉刷新就在app.json中设置
如果为单页面使用则在页面json设置即可
"enablePullDownRefresh":true

在js文件中写下拉刷新方法
// 下拉刷新
  onPullDownRefresh:function() {
    console.log(45634)
    var that=this;
    // wx.startPullDownRefresh()
    t]]></description><category></category></item><item><title><![CDATA[微信小程序中识别html标签的方法]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119509346</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119509346</guid><author>moqi_77</author><pubDate>Sun, 08 Aug 2021 10:16:43 +0800</pubDate><description><![CDATA[微信小程序中识别html标签的方法前言rich-text组件
前言
在后台接口返回的数据中有些会带有标签,在微信小程序中如何将其直接渲染在页面呢?
rich-text组件
在微信小程序中有一个组件rich-text可以识别文本节点或是元素节点
具体入下:
//需要识别的数据放在data中,然后放在nodes属性中即可
&lt;rich-text nodes="{{data}}"&gt;&lt;/rich-text&gt;

详情可以参考官方文档:
官方文档入口

...]]></description><category></category></item><item><title><![CDATA[微信小程序 选项卡]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119459852</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119459852</guid><author>moqi_77</author><pubDate>Fri, 06 Aug 2021 17:49:43 +0800</pubDate><description><![CDATA[微信小程序 选项卡wxhml部分js部分wxss部分
wxhml部分
&lt;!-- 选项卡 --&gt;
&lt;view class="cardout"&gt;
  &lt;view catchtap="changecardleft" class="leftcard {{card==0?'cho':''}}"&gt;一级&lt;/view&gt;
  &lt;view catchtap="changecardright" class="rightcard {{card==1?'cho':''}}"&gt]]></description><category></category></item><item><title><![CDATA[微信小程序 data中数据值的更改与储存]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119451075</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119451075</guid><author>moqi_77</author><pubDate>Fri, 06 Aug 2021 13:53:29 +0800</pubDate><description><![CDATA[微信小程序 data中数据值的更改与储存this.setData
this.setData
直接更改
success(res){
	this.setData({
		list:res.data.data
	})
}

如果data中的数据是对象格式的只更改其中的一部分,可以用下列方式;
如直接写
list.data:储存值
会报错
success(res){
let a='list.img';
	this.setData({
		[a]:res.data.data
	})
}


...]]></description><category></category></item><item><title><![CDATA[微信小程序 自定义顶部导航栏标题 navigationStyle]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119206579</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119206579</guid><author>moqi_77</author><pubDate>Thu, 29 Jul 2021 11:03:53 +0800</pubDate><description><![CDATA[微信小程序  自定义顶部导航栏标题修改需要自定义的页面.json文件在需要自定义的页面进行添加导航栏设置样式即可
修改需要自定义的页面.json文件
{
  "usingComponents": {},//原自带
  "navigationStyle":"custom"//加上这条就可以自定义顶部导航栏了(将原来的页面导航去掉)
}

在需要自定义的页面进行添加导航栏设置样式即可

...]]></description><category></category></item><item><title><![CDATA[手机号码正则 中文姓名正则]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119204179</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119204179</guid><author>moqi_77</author><pubDate>Thu, 29 Jul 2021 09:52:21 +0800</pubDate><description><![CDATA[手机号码正则:
var reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;    //11位手机号码正则
//验证:
 if(reg_tel.test(form.tel)){
			//通过继续下一步
 }else{
	console.log(form.tel)
	}

中文姓名正则
var regname = /^[\u4e00-\u9fa5]{2,4}$/;    //2-4个]]></description><category></category></item><item><title><![CDATA[每日三道前端面试题--vue 第五弹]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119189181</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119189181</guid><author>moqi_77</author><pubDate>Wed, 28 Jul 2021 20:27:45 +0800</pubDate><description><![CDATA[每日三道前端面试题--vue 第五弹DOM 渲染在哪个周期中就已经完成?说明Vue父组件向子组件传值的方法（代码或文字描述均可）?请列举axios的配置项及含义（五条）?
DOM 渲染在哪个周期中就已经完成?
dom渲染完成的周期为:

mounted

这是挂载后的阶段，在这个阶段，数据和DOM都已被渲染出来。
说明Vue父组件向子组件传值的方法（代码或文字描述均可）?
参考:vue3.0 组件使用 引用 传值 父传子 子传父
父传子:
在组件标签上写属性传值
请列举axios的配置项及含义（五条）?

]]></description><category></category></item><item><title><![CDATA[设置背景色为渐变色 css]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119188082</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119188082</guid><author>moqi_77</author><pubDate>Wed, 28 Jul 2021 19:25:57 +0800</pubDate><description><![CDATA[效果如下:

废话不多直接上代码:
.submit{
  background: linear-gradient(to right, #4BAEFF 0%,#604CF7 100%);
  color: #fff;
}

上图是从左向右渐变
也可以设置为向下渐变等
只需把to right改为to bottom

]]></description><category></category></item><item><title><![CDATA[微信小程序报Cannot read property ‘setData‘ of undefined的错误]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119136554</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119136554</guid><author>moqi_77</author><pubDate>Tue, 27 Jul 2021 10:37:39 +0800</pubDate><description><![CDATA[微信小程序报Cannot read property 'setData' of undefined的错误
最近在学习开发微信小程序,记录下项目中遇到的一个报错.
具体报错如下:

这时打印下this发现是未定义

this指向被改变
我们只要将上面的success函数改为箭头函数即可

箭头函数本身没有this通过调用父级的this

...]]></description><category></category></item><item><title><![CDATA[微信小程序 事件传参]]></title><link>https://blog.youkuaiyun.com/moqi_77/article/details/119115191</link><guid>https://blog.youkuaiyun.com/moqi_77/article/details/119115191</guid><author>moqi_77</author><pubDate>Mon, 26 Jul 2021 18:13:52 +0800</pubDate><description><![CDATA[微信小程序 事件传参wxml部分js 部分
wxml部分
1.先绑定事件
2.在该元素上写上属性
data-index
3.参数值即为要传参数
&lt;text catchtap="del" data-index="item" class="del"&gt;删除&lt;/text&gt;

js 部分
以下两种方法都可以拿到值,好奇的小伙伴可以打印下e看看呢~
// 删除
  del:function(e){
    console.log(e.currentTarget.dataset.index);
 ]]></description><category></category></item></channel></rss>