<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[guopeisi的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/guopeisi</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; guopeisi]]></copyright><item><title><![CDATA[微信小程序    富文本里图片img宽度自适应]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/113181560</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/113181560</guid><author>guopeisi</author><pubDate>Tue, 26 Jan 2021 15:38:00 +0800</pubDate><description><![CDATA[亲测好用，在util.js文件里写个公共方法，在需要的js页面调用。

转自于：https://www.jb51.net/article/154976.htm

感谢原作者，这里自己做个留存
]]></description><category></category></item><item><title><![CDATA[【前端】微信小程序 内容安全图片校验API  imgSecCheck 代码示例 图片违规校验]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/110919206</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/110919206</guid><author>guopeisi</author><pubDate>Wed, 09 Dec 2020 11:33:38 +0800</pubDate><description><![CDATA[【图片违规检测API】imgSecCheck

【调用方式】HTTPS调用

【核心代码】

对图片校验接口进行封装：

在utils文件夹下的util.js文件里写如下封装代码


const imgCheck = function (imgurl) {
  return new Promise((resolve)=&gt;{
    wx.uploadFile({
      url: '后端根据微信文档里的图片安全接口地址写好提供给前端的接口请求地址',
      method: 'POST...]]></description><category></category></item><item><title><![CDATA[按钮固定在底部  遮挡页面内容]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/106092736</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/106092736</guid><author>guopeisi</author><pubDate>Wed, 13 May 2020 10:38:19 +0800</pubDate><description><![CDATA[参考链接：https://www.cnblogs.com/china-fanny/p/11134316.html

(以小程序标签说)

在底部按钮上加一个透明层 view或者div，设置width: 100%; height: 100px; 给透明层一个高度，解决。
]]></description><category></category></item><item><title><![CDATA[微信小程序   扫码识别小程序]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/106073052</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/106073052</guid><author>guopeisi</author><pubDate>Tue, 12 May 2020 11:48:41 +0800</pubDate><description><![CDATA[扫码进入小程序

生成的二维码链接的内容，需要解码后才能获取到原二维码的完整内容，才能完成扫描识别




]]></description><category></category></item><item><title><![CDATA[React 基础]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/105200998</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/105200998</guid><author>guopeisi</author><pubDate>Tue, 31 Mar 2020 00:48:54 +0800</pubDate><description><![CDATA[1、通信

几种方式：父子组件通信、兄弟组件通信、跨多层级组件通信、任意组件。

父子通信：父组件通过 props 传递数据给子组件；

        子组件通过调用父组件传来的函数传递数据给父组件。这种父子通信方式是单向数据流。

        父组件通过 props 传递数据，子组件不能直接修改 props ，而是必须通过调用父组件函数的方式告知父组件修...]]></description><category></category></item><item><title><![CDATA[2020微信小程序前端面试题汇总]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/104890221</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/104890221</guid><author>guopeisi</author><pubDate>Mon, 16 Mar 2020 02:00:31 +0800</pubDate><description><![CDATA[1、文件类型

WXML——模板文件
	JSON——配置/设置文件，如标题,tabbar,页面注册
	WXSS——样式文件
	JS——脚本逻辑文件，逻辑处理，网络请求
	app.json——配置文件入口，整个小程序的全局配置，网络超时时间、底部tab、页面路径，window字段是小程序所有页面的顶部背景颜色、文字颜色
	app.js——可以没有内容，可以在里边监听生命周期函数、声明全局变量
	ap...]]></description><category></category></item><item><title><![CDATA[微信小程序 动态修改标题]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/104169495</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/104169495</guid><author>guopeisi</author><pubDate>Tue, 04 Feb 2020 14:41:56 +0800</pubDate><description><![CDATA[wx.setNavigationBarTitle({
  title: '标题一'
})


wx.setNavigationBarTitle({
  title: '标题二'
})

放在一个函数中，再调用就可以了
]]></description><category></category></item><item><title><![CDATA[微信小程序之间的互相跳转]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/103579611</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/103579611</guid><author>guopeisi</author><pubDate>Tue, 17 Dec 2019 16:43:43 +0800</pubDate><description><![CDATA[从这个小程序跳进另一个小程序

每个小程序可跳转的其他小程序数量限制为 &lt;= 10个

步骤：

一、配置

在app.json文件中新增配置项目navigateToMiniProgramAppIdList，用来存放要跳转到的小程序的appId，如图，（目前该数量在10个以内，超过则会报错）



二、写方法

在WXML页面，我熟悉的是2种方式，

第1种：使用navigator标签进行跳...]]></description><category></category></item><item><title><![CDATA[函数防抖   函数节流]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/103315721</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/103315721</guid><author>guopeisi</author><pubDate>Fri, 29 Nov 2019 18:19:14 +0800</pubDate><description><![CDATA[防抖和节流是常用的性能优化方式。

目的：防止重复点击，或者重复上拉加载。防止多次点击多次触发

函数防抖：只执行最后一次点击
]]></description><category></category></item><item><title><![CDATA[JS 时间]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/103140796</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/103140796</guid><author>guopeisi</author><pubDate>Tue, 19 Nov 2019 13:56:44 +0800</pubDate><description><![CDATA[1、'Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)'转化成yyyy-mm-dd

https://www.cnblogs.com/gudi/p/8031219.html

2、获取当前时间的前一天/后一天（昨天/明天）

https://www.cnblogs.com/lr393993507/p/7941248.html

3、获取指定日期的前一天/后一天
...]]></description><category></category></item><item><title><![CDATA[wx:if  多条件判断]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/102971696</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/102971696</guid><author>guopeisi</author><pubDate>Fri, 08 Nov 2019 13:49:43 +0800</pubDate><description><![CDATA[wx:if 多条件判断

&lt;view wx:if="{{a}}"&gt;单个条件&lt;/view&gt;
&lt;view wx:if="{{a || b}}"&gt;多个或条件&lt;/view&gt;
&lt;view wx:if="{{a &amp;&amp; b}}"&gt;多个且条件&lt;/view&gt;

wx:if else 的判断

&lt;view wx:if="{{...]]></description><category></category></item><item><title><![CDATA[常用Git命令  提交代码 创建分支]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/102968623</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/102968623</guid><author>guopeisi</author><pubDate>Fri, 08 Nov 2019 10:43:39 +0800</pubDate><description><![CDATA[提交代码
1.在桌面新建文件夹
2.git bash here
3. git clone 链接地址
4.vs code新建窗口，打开这个文件夹

终端
1.查看本地和远程分支：git branch -a
2.查看本地分支：git branch
3.只查看远程分支： git branch -r
4.切换分支：git checkout 分支地址    （需要切到的地址）
例如：git chec...]]></description><category></category></item><item><title><![CDATA[使用mpvue框架从0开始搭建微信小程序项目]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/102592183</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/102592183</guid><author>guopeisi</author><pubDate>Wed, 16 Oct 2019 18:48:10 +0800</pubDate><description><![CDATA[搭建之前先检查 node，npm，vue-cli 是否安装成功及版本。

1.初始化项目


vue init mpvue/mpvue-quickstart projectname

2.填写项目的配置信息，一路回车

3.进入项目文件夹


cd projectname

4.安装依赖库


npm install

（ npm 淘宝镜像：https://registry.npm.taobao...]]></description><category></category></item><item><title><![CDATA[JS 正则表达式 最全面中英文姓名校验  看这篇就够了  附加逐条解析]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/102562202</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/102562202</guid><author>guopeisi</author><pubDate>Tue, 15 Oct 2019 10:29:51 +0800</pubDate><description><![CDATA[1.身份证上的真实姓名的校验要求：



逐条解析名字校验的正则

[\u4e00-\u9fa5]                      汉字
	/^ [\u4e00 - \u9fa5] | [a-zA-Z]$/         输入汉字、字母
	/^ (? ![·\-_\s])(?!.* [·\-_\s]$) / 4个特殊符...]]></description><category></category></item><item><title><![CDATA[1分钟解决  微信小程序 iPhone 11、iPhoneX 底部安全区域（底部小黑条）适配]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/102561153</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/102561153</guid><author>guopeisi</author><pubDate>Tue, 15 Oct 2019 10:06:58 +0800</pubDate><description><![CDATA[【最新：目前微信官方已适配iPhone11手机型号，分别为：iPhone 11，iPhone 11 Pro Max】

iPhone X 对于微信小程序的tabbar来说，会被底部小黑条覆盖，需要处理，大概思路是，得到手机型号、分别判断样式，即可，iPhone 11 的手机型号目前微信官方尚未适配，可以暂用（res.model）.search('unknown') 进行判断区分【已适配，用...]]></description><category></category></item><item><title><![CDATA[Vue搭建项目，从0到1]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/99641087</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/99641087</guid><author>guopeisi</author><pubDate>Thu, 15 Aug 2019 16:52:18 +0800</pubDate><description><![CDATA[参考链接：https://blog.youkuaiyun.com/inthuixiang/article/details/82225407

【总：安装脚手架，安装依赖。】

1.安装node.js

2.安装npm

3.或者安装cnpm

使用淘宝镜像安装：

npm install -g cnpm --registry=https://registry.npm.taobao.org

完成后，cnpm ...]]></description><category></category></item><item><title><![CDATA[2019前端vue面试笔试题准备]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/93617651</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/93617651</guid><author>guopeisi</author><pubDate>Tue, 25 Jun 2019 15:11:58 +0800</pubDate><description><![CDATA[本文参考了以下链接：

https://segmentfault.com/a/1190000018225708?utm_source=tag-newest

https://www.cnblogs.com/chenjg/p/9541291.html

【DOM Tree】



1.对MVVM开发模式的理解

model

view

ViewModel

2.vue有哪些指令

3.v-if 和...]]></description><category></category></item><item><title><![CDATA[微信小程序iOS真机，页面左右晃动]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/89351897</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/89351897</guid><author>guopeisi</author><pubDate>Wed, 17 Apr 2019 11:03:20 +0800</pubDate><description><![CDATA[页面外层加 overflow: hidden
]]></description><category></category></item><item><title><![CDATA[微信小程序系列——页面跳转，带参数]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/88994065</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/88994065</guid><author>guopeisi</author><pubDate>Wed, 03 Apr 2019 14:14:45 +0800</pubDate><description><![CDATA[页面跳转，带一个参数：


wx.navigateTo({
      url: '../guideDetail/guideDetail?id=' + id,
    })

页面跳转，带多个参数：


 wx.navigateTo({
      url: '../guideDetail/guideDetail?id=' + id + '&amp;tagValue=' + tagValue,
 ...]]></description><category></category></item><item><title><![CDATA[微信小程序系列——动态修改页面标题]]></title><link>https://blog.youkuaiyun.com/guopeisi/article/details/88993643</link><guid>https://blog.youkuaiyun.com/guopeisi/article/details/88993643</guid><author>guopeisi</author><pubDate>Wed, 03 Apr 2019 13:57:43 +0800</pubDate><description><![CDATA[页面标题，动态获取 修改：


onLoad: function(options) {
    wx.setNavigationBarTitle({
      title: '共3条回复'
    })
  },

tips：

wx.setNavigationBarTitle({

 title: '共3条回复' //里面是你最后需要的标题，可以进行赋值等操作

})
...]]></description><category></category></item></channel></rss>