本页自动汇总「微信」分类下的全部笔记（含子分类），随笔记增删实时更新。

‍

1、如果微信开发者工具报一些莫名奇妙的undefined（未定义），（前提是你检查过你代码中报未定义函数或变量的名字没有写错），试试把微信自动生成导入包的语句注释掉，看看能不能跑的通 ，因为微信自动生成导入包的语句生成的贼tm傻逼（可能大小写出错，也可能根本不需要这条导入语句），一点都没有IDEA智能，纯纯低能儿！！！

2、大佬总结的一些话： 无论是微信小游戏还是html5小游戏，还是Java小游戏，C#，C++等等，只要是2D类的游戏，只要它有画布（微信小游戏是用微信官方自带的canvas），都是用帧动画，一帧一帧渲染上去的，流程都一样，只是实现的语言不一样罢了

‍

正常情况下，van-dialog组件点击“确认”时，对话框会自动关闭，但很多情况下点击“确认”时需要验证某些属性，待验证通过才能关闭对话框，此时则需要借助beforeClose回调函数：关闭前的回调函数，调用 done() 后关闭弹窗，调用 done(false) 阻止弹窗关闭

<van-dialog
  v-model="changeMemberNameDialogVisible"
  show-cancel-button
  get-container="body"
  class="m-changeMemberName-dialog m-dialog-common"
  :before-close="onBeforeClose"
  @confirm="changeMemberName"
>>
  <div class="van-dialog__header">改名</div>
  <div class="van-dialog__connect">
    <input
      placeholder="请输入更改的名字"
      v-model="newMemberName"
      :maxLength="25"
    />
  </div>
</van-dialog>

onBeforeClose (action, done) {
  if (action === "confirm") {
    return done(false);
  } else {
    return done();
  }
},
changeMemberName () {
  if (this.newMemberName.trim().length == 0) {
    this.$Toast("请输入要修改的成员的新名称");
    return false;
  } else {
  	......
  }
}

经验：”在使用样式时两个父组件之间用margin，父组件自己内部的子组件之间用paddding，从而达到隔开的效果，不那么紧密"

① 把一个组件的角进行圆润：
 box-sizing: border-box; 
border-radius: 20rpx;
② 给一个组件的四条边上色：
  border: 1rpx solid #c2c2c2;
③ 父组件内部列对齐 / 行对齐
display: flex;
flex-direction: column;/flex-direction: row;  /*column为在同一列，row为在同一行
④ 给一个组件上色用backgorund-color，给组件内的文本上色用color

⑤ 调节字体间距用
letter-spacing
⑥ 给卡片增加阴影效果
 box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1);
⑦ 给图片的角度进行圆润处理
border-radius
⑧ 在页面上使用外部模块的话，用wxs，在js文件使用外部模块的话，用require

⑨ 跳到另一个界面之后把当前界面卸载掉用
wx.redirectTo({
    url: '页面路径',
})

有赞的Props和element的Attributes都是一个意思，Events也是这样用的，都是放在标签里面做键（就是写在左边，然后等于一个什么类型的值）

反正记得一句话，人家给啥，你就写标签里面，且是以键的形式，不管名字有多奇怪，你直接复制过去就ok了，然后注意下人家需要传的参数是什么类型就行了

微信开发者工具

1、进入到项目的根目录下，cmd->输入命令
通过 npm 安装
npm i @vant/weapp -S --production
2、修改 app.json

找到"style": "v2"并去掉

最后，打开微信开发者工具，点击工具 -> 构建 npm，就会在miniprogram目录下生成一个miniprogram_npm文件夹，之后就可以开心的按照https://youzan.github.io/vant-weapp/#/datetime-picker给出的组件开心的玩耍了^_

HBuilderx - （仅适用于微信开发者工具）

第一种方案

**链接：**https://pan.baidu.com/s/13Hs6nti8lqzSpwGHWu_bFA?pwd=fzb0
提取码：fzb0
–来自百度网盘超级会员V5的分享
把上面这个压缩包下载下来，并解压到项目的根目录下，即可开始测试
或

第二种方案

① 进入到项目的根目录下，cmd-> 输入命令
通过 npm 安装
npm i @vant/weapp -S --production
② 输入了命令之后，在根目录下会有一个node_modules目录

③ 在项目根目录下新建目录wxcomponents文件夹，把node_modules中的@vant里面的整个dist文件夹复制到wxcomponents目录中，把dist名称修改为vant（自定义），复制过去后的项目结构如下所示：

3、测试
"usingComponents": {
    "van-button": "/wxcomponents/vant/button/index"
}
在任意一个界面中，输入以下代码
<van-button type="primary">按钮</van-button>
出现以下界面的效果则表示导入成功：

HBuilderx - 使用uni-ui框架

详细参考如下链接：

uniapp.dcloud.net.cn/component/uniui/quickstart.html

口诀：父相对，子绝对，靠哪，哪里置为0

WXML:

<view class='task-box'>
 <view class='checkbutton'>参与讨论</view>
</view>

WXSS:

父元素

.task-box{
 
width: 690rpx;
 
height: 70rpx;
 
display: flex;
 
position: relative;/*父元素位置要设置为相对*/
 
}

子元素

靠右

.task-box .checkbotton{
 
position: absolute; /* 要约束所在位置的子元素的位置要设置成绝对 */
 
right: 0; /* 靠右调节 */
 
width: 120rpx;
 
height: 70rpx;
 
}

靠左

.task-box .checkbotton{
 
position: absolute;/*要约束所在位置的子元素的位置要设置成绝对*/
 
left: 0;/* 调节靠左 */
 
width: 120rpx;
 
height: 70rpx;
 
}

块元素居中

.task-box .checkbotton{
 
width: 120rpx;
 
height: 70rpx;
 
display: flex;
 
margin-left: auto;  /* 块元素居中 */
 
margin-right: auto; 
}

报错如下图所示：

解决方法：（从下面四种跳转方式中任选一种，哪种能实现效果就用哪个）
带历史回退

wx.navigateTo() //不能跳转到tabbar页面

不带历史回退

wx.redirectTo() //跳转到另一个页面

wx.switchTab()//只能跳转到tabBar页面

wx.reLaunch() //既能跳转到tabBar页面，也能跳转到非tabBar页面

原本想要整理一下英文代码供正在学习英文的人参考，但感觉有些地方不太准确，有空再整理一个可以学习英文的Emoji大全
后记：相关的Emoji大全将在Emoji表情符号对照大全中进行更新

表情图片字符串代码替换关键字英文代码

😊 /::) 微笑 [Smile]

伤心 /::~ 伤心 [Grimace]

美女 /::B 美女 [Drool]

发呆 ```/:: ``` 发呆

墨镜 /:8-) 墨镜 [CoolGuy]

哭 /::< 哭 [Sob]

羞 /::$ 羞 [Shy]

哑 /::X 哑 [Silent]

睡 /::Z 睡 [Sleep]

哭 /::’( 哭 [Cry]

囧 ```/::- ``` 囧

怒 /::@ 怒 [Angry]

调皮 /::P 调皮 [Tongue]

笑 /::D 笑 [Grin]

惊讶 /::O 惊讶 [Surprise]

难过 /::( 难过 [Frown]

酷 /::+ 酷 [Ruthless]

汗 /:–b 汗 [Blush]

抓狂 /::Q 抓狂 [Scream]

吐 /::T 吐 [Puke]

笑 /:,@P 笑 [Chuckle]

快乐 /:,@-D 快乐 [Joyful]

奇 /::d 奇 [Slight]

傲 /:,@o 傲 [Smug]

饿 /::g 饿 [Hungry]

累 ```/: -)``` 累

吓 /::! 吓 [Panic]

汗 /::L 汗 [Sweat]

高兴 /::> 高兴 [Laugh]

闲 /::,@ 闲 [Commando]

努力 /:,@f 努力 [Determined]

骂 /::-S 骂 [Scold]

疑问 /:? 疑问 [Shocked]

秘密 /:,@x 秘密 [Shhh]

乱 /:,@@ 乱 [Dizzy]

疯 /::8 疯 [Tormented]

哀 /:,@! 哀 [Toasted]

鬼 /:!!! 鬼 [Skull]

打击 /:xx 打击 [Hammer]

bye /:bye bye [Wave]

汗 /:wipe 汗 [Speechless]

抠 /:dig 抠 [NosePick]

鼓掌 /:handclap 鼓掌 [Clap]

糟糕 /:&-( 糟糕 [Shame]

恶搞 /:B-) 恶搞 [Trick]

什么 /:<@ 什么 [Bah！L]

什么 /:@> 什么 [Bah！R]

累 /::-O 累 [Yawn]

看 ```/:>- ``` 看

难过 /:P-( 难过 [Shrunken]

难过 ```/::’ ``` 难过

坏 /:X-) 坏 [Sly]

亲 /::* 亲 [Kiss]

吓 /:@x 吓 [Wrath]

可怜 /:8* 可怜 [Whimper]

刀 /:pd 刀 [Cleaver]

水果 /: 水果 [Watermelon]

酒 /:beer 酒 [Beer]

篮球 /:basketb 篮球 [Basketball]

乒乓 /:oo 乒乓 [PingPong]

咖啡 /:coffee 咖啡 [Coffee]

美食 /:eat 美食 [Rice]

动物 /:pig 动物 [Pig]

鲜花 /:rose 鲜花 [Rose]

枯 /:fade 枯 [Wilt]

唇 /:showlove 唇 [Lips]

爱 /:heart 爱 [Heart]

分手 /:break 分手 [BrokenHeart]

生日 /:cake 生日 [Cake]

电 /:li 电 [Lightning]

📇 本类导航

① 把一个组件的角进行圆润：

② 给一个组件的四条边上色：

③ 父组件内部列对齐 / 行对齐

④ 给一个组件上色用backgorund-color，给组件内的文本上色用color

⑤ 调节字体间距用

⑥ 给卡片增加阴影效果

⑦ 给图片的角度进行圆润处理

⑧ 在页面上使用外部模块的话，用wxs，在js文件使用外部模块的话，用require

⑨ 跳到另一个界面之后把当前界面卸载掉用

有赞的Props和element的Attributes都是一个意思，Events也是这样用的，都是放在标签里面做键（就是写在左边，然后等于一个什么类型的值）

反正记得一句话，人家给啥，你就写标签里面，且是以键的形式，不管名字有多奇怪，你直接复制过去就ok了，然后注意下人家需要传的参数是什么类型就行了

微信开发者工具

1、进入到项目的根目录下，cmd->输入命令

2、修改 app.json

最后，打开微信开发者工具，点击工具 -> 构建 npm，就会在miniprogram目录下生成一个miniprogram_npm文件夹，之后就可以开心的按照https://youzan.github.io/vant-weapp/#/datetime-picker给出的组件开心的玩耍了^_

HBuilderx - （仅适用于微信开发者工具）

第一种方案

第二种方案

① 进入到项目的根目录下，cmd-> 输入命令

② 输入了命令之后，在根目录下会有一个node_modules目录

③ 在项目根目录下新建目录wxcomponents文件夹，把node_modules中的@vant里面的整个dist文件夹复制到wxcomponents目录中，把dist名称修改为vant（自定义），复制过去后的项目结构如下所示：

3、测试

HBuilderx - 使用uni-ui框架

口诀：父相对，子绝对，靠哪，哪里置为0

WXML:

WXSS:

父元素

子元素

表情图片	字符串代码	替换关键字	英文代码
😊	/::)	微笑	[Smile]
伤心	/::~	伤心	[Grimace]
美女	/::B	美女	[Drool]
发呆	```/::	```	发呆
墨镜	/:8-)	墨镜	[CoolGuy]
哭	/::<	哭	[Sob]
羞	/::$	羞	[Shy]
哑	/::X	哑	[Silent]
睡	/::Z	睡	[Sleep]
哭	/::’(	哭	[Cry]
囧	```/::-	```	囧
怒	/::@	怒	[Angry]
调皮	/::P	调皮	[Tongue]
笑	/::D	笑	[Grin]
惊讶	/::O	惊讶	[Surprise]
难过	/::(	难过	[Frown]
酷	/::+	酷	[Ruthless]
汗	/:–b	汗	[Blush]
抓狂	/::Q	抓狂	[Scream]
吐	/::T	吐	[Puke]
笑	/:,@P	笑	[Chuckle]
快乐	/:,@-D	快乐	[Joyful]
奇	/::d	奇	[Slight]
傲	/:,@o	傲	[Smug]
饿	/::g	饿	[Hungry]
累	```/:	-)```	累
吓	/::!	吓	[Panic]
汗	/::L	汗	[Sweat]
高兴	/::>	高兴	[Laugh]
闲	/::,@	闲	[Commando]
努力	/:,@f	努力	[Determined]
骂	/::-S	骂	[Scold]
疑问	/:?	疑问	[Shocked]
秘密	/:,@x	秘密	[Shhh]
乱	/:,@@	乱	[Dizzy]
疯	/::8	疯	[Tormented]
哀	/:,@!	哀	[Toasted]
鬼	/:!!!	鬼	[Skull]
打击	/:xx	打击	[Hammer]
bye	/:bye	bye	[Wave]
汗	/:wipe	汗	[Speechless]
抠	/:dig	抠	[NosePick]
鼓掌	/:handclap	鼓掌	[Clap]
糟糕	/:&-(	糟糕	[Shame]
恶搞	/:B-)	恶搞	[Trick]
什么	/:<@	什么	[Bah！L]
什么	/:@>	什么	[Bah！R]
累	/::-O	累	[Yawn]
看	```/:>-	```	看
难过	/:P-(	难过	[Shrunken]
难过	```/::’	```	难过
坏	/:X-)	坏	[Sly]
亲	/::*	亲	[Kiss]
吓	/:@x	吓	[Wrath]
可怜	/:8*	可怜	[Whimper]
刀	/:pd	刀	[Cleaver]
水果	/:	水果	[Watermelon]
酒	/:beer	酒	[Beer]
篮球	/:basketb	篮球	[Basketball]
乒乓	/:oo	乒乓	[PingPong]
咖啡	/:coffee	咖啡	[Coffee]
美食	/:eat	美食	[Rice]
动物	/:pig	动物	[Pig]
鲜花	/:rose	鲜花	[Rose]
枯	/:fade	枯	[Wilt]
唇	/:showlove	唇	[Lips]
爱	/:heart	爱	[Heart]
分手	/:break	分手	[BrokenHeart]
生日	/:cake	生日	[Cake]
电	/:li	电	[Lightning]

① 把一个组件的角进行圆润：

② 给一个组件的四条边上色：

③ 父组件内部列对齐 / 行对齐

④ 给一个组件上色用backgorund-color，给组件内的文本上色用color

⑤ 调节字体间距用

⑥ 给卡片增加阴影效果

⑦ 给图片的角度进行圆润处理

⑧ 在页面上使用外部模块的话，用wxs，在js文件使用外部模块的话，用require

⑨ 跳到另一个界面之后把当前界面卸载掉用

有赞的Props和element的Attributes都是一个意思，Events也是这样用的，都是放在标签里面做键（就是写在左边，然后等于一个什么类型的值）

反正记得一句话，人家给啥，你就写标签里面，且是以键的形式，不管名字有多奇怪，你直接复制过去就ok了，然后注意下人家需要传的参数是什么类型就行了

微信开发者工具

1、进入到项目的根目录下，cmd->输入命令

2、修改 app.json

最后，打开微信开发者工具，点击 工具 -> 构建 npm，就会在miniprogram目录下生成一个miniprogram_npm文件夹，之后就可以开心的按照https://youzan.github.io/vant-weapp/#/datetime-picker给出的组件开心的玩耍了_

HBuilderx - （仅适用于微信开发者工具）

第一种方案

第二种方案

① 进入到项目的根目录下，cmd-> 输入命令

② 输入了命令之后，在根目录下会有一个​node_modules​目录

③ 在项目根目录下新建目录wxcomponents文件夹，把node_modules中的@vant里面的整个dist文件夹复制到wxcomponents目录中，把dist名称修改为vant（自定义），复制过去后的项目结构如下所示：

3、测试

HBuilderx - 使用uni-ui框架

口诀：父相对，子绝对，靠哪，哪里置为0

WXML:

WXSS:

父元素

子元素

最后，打开微信开发者工具，点击工具 -> 构建 npm，就会在miniprogram目录下生成一个miniprogram_npm文件夹，之后就可以开心的按照https://youzan.github.io/vant-weapp/#/datetime-picker给出的组件开心的玩耍了^_

② 输入了命令之后，在根目录下会有一个node_modules目录