介绍版本更新公告：最新版本0.12.130400-小程式開發-PHP中文網

首頁

微信小程式

小程式開發

介绍版本更新公告：最新版本0.12.130400

高洛峰

Mar 09, 2017 pm 01:11 PM

微信小程式

本文介绍版本更新公告：最新版本0.12.130400

windows 64 、、

基础库更新

U 更新 API wx.getLocation wx.getUserInfo wx.chooseLocation wx.startRecord 调用时需要用户授权确认，当用户拒绝授权时，回调 "${APIName}:fail auth deny"

U 更新 API wx.scanCode 新增 charSet、scanType、path 返回参数

U 更新组件全屏按钮显示的逻辑（跟随 controls 属性显示）

F 修复 API wx.switchTab 后 getCurrentPages 不正确的问题

F 修复 API wx.uploadFile 的时候，formData 传入数字的时候，会变成 [object Number] 的问题

F 修复 API wx.navitateTo 接口在 iOS 上页面未显示时调用失败的问题

F 修复 API wx.checkSession 接口在部分 Android 机器上没有回调的问题

F 修复 API wx.reqeust wx.downloadFile 接口在客户端未检查 301 重定向后的域名合法性的问题

F 修复组件在 Android 动态设置 focus 无效的问题

F 修复组件在 iOS 上点击取消也触发 bindchange 事件的问题

F 修复组件

<input /> 在 Android 上 maxlength <= 0 时异常的问题</font></li><li><font face="微软雅黑">F 修复 组件 <video /> 在 Android 上播放 m3u8 直播视频时，duration 显示异常的问题</font></li><li><font face="微软雅黑">F 修复 组件 <video /> 在 iOS 进度条时长没显示完整的问题</font></li><li><font face="微软雅黑">F 修复 组件 <audio /> 先 seek 后 play 异常的问题</font></li><li><font face="微软雅黑">F 修复 组件 <radio-group /> 中的 <radio /> 被全部置为 false 时的状态同步错误的问题</font></li><li><font face="微软雅黑">F 修复 组件 <swiper />同时设置 current 和 children 时，current 可能失效的问题</font></li><li><font face="微软雅黑">F 修复 组件属性 placeholder-class hover-class 为带空格的字符串时样式设置无效的问题</font></li><li><font face="微软雅黑">F 修复 连续 setData 时序异常的问题</font></li><li><font face="微软雅黑">F 修复 iOS8 上大量引用本地路径图片会导致页面卡死的问题<br></font></li></ul><strong><font face="微软雅黑">工具新增功能</font></strong><ul type="1" class="litype_1"><li><font face="微软雅黑">A 新增 清除手机授权数据 (缓存-清除手机授权数据) 功能</font></li><li><font face="微软雅黑">A 新增 提交预览或者上传代码时候校验文件编码功能 <font style="color:rgb(65, 131, 196)"><a href="https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/details.html?t=201714#代码文件必须-UTF8-编码" target="_blank">详情</a></font></font></li><li><font face="微软雅黑">U 升级 <font style="color:rgb(65, 131, 196)"><a href="http://nwjs.io/blog/v0.19.4/" target="_blank">nwjs</a></font> 到 19.4 版本, 更新至 <font style="color:rgb(65, 131, 196)"><a href="http://v8project.blogspot.com/2016/10/v8-release-55.html" target="_blank">Chrome55</a></font> 内核</font></li><li><font face="微软雅黑">F 修复 组件 <picker/> 在开发工具上初始值设置不对的问题</font></li><li><font face="微软雅黑">F 修复 工具去除 fetch api，与微信客户端保持一致</font></li><li><font face="微软雅黑">F 修复 wx.navigateBack 出现 webviewID not exist 错误的问题</font></li><li><font face="微软雅黑">F 修复 添加或者删除 app.wxss 工具编译缓存没有更新的问题</font></li><li><font face="微软雅黑">F 修复 wxml 文件最后一行编译出错导致工具卡死的问题</font></li><li><font face="微软雅黑">F 修复 wxml 标签未闭合，没有错误提示的问题</font></li><li><font face="微软雅黑">F 修复 编辑器全局搜索点击搜索结果没有跳转到文件对应行的问题</font></li><li><font face="微软雅黑">F 修复 Appdata panel 对数组数据更新处理错误的问题</font></li><li><font face="微软雅黑">F 修复 一些工具的其他 bug<br></font></li></ul><strong><font face="微软雅黑">其他</font></strong><ul type="1" class="litype_1"><li><font face="微软雅黑">A 新增 ES6 API 支持列表 <font style="color:rgb(65, 131, 196)"><a href="https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/details.html?t=201714#ES6-APi-支持情况" target="_blank">详情</a></font><br></font></li></ul><br></p>
<p><br></p><p>以上是介绍版本更新公告：最新版本0.12.130400的詳細內容。更多資訊請關注PHP中文網其他相關文章！</p>

</div>
					</div>
					<div class="wzconShengming_sp">
						<div class="bzsmdiv_sp">本網站聲明</div>
						<div>本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn</div>
					</div>
				</div>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="2507867629"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-5902227090019525"
        data-ad-slot="3653428331"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>

<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>熱AI工具</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>人工智慧驅動的應用程序，用於創建逼真的裸體照片</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>用於從照片中去除衣服的線上人工智慧工具。</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>免費脫衣圖片</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>AI脫衣器</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
													<h3>Video Face Swap</h3>
												</a>
												<p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p>
											</div>
										</div>
																</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/zh-tw/ai">顯示更多</a>
								</div>
							</div>
						</div>

<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>熱工具</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title">
													<h3>記事本++7.3.1</h3>
												</a>
												<p>好用且免費的程式碼編輯器</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3漢化版</h3>
												</a>
												<p>中文版，非常好用</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title">
													<h3>禪工作室 13.0.1</h3>
												</a>
												<p>強大的PHP整合開發環境</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
													<h3>Dreamweaver CS6</h3>
												</a>
												<p>視覺化網頁開發工具</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 Mac版</h3>
												</a>
												<p>神級程式碼編輯軟體(SublimeText3)</p>
											</div>
										</div>
																	</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/zh-tw/ai">顯示更多</a>
								</div>
							</div>
						</div>

<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>熱門話題</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/zh-tw/faq/gmailyxdlrkzn" title="gmail信箱登陸入口在哪裡" class="phpgenera_Details_mainR4_bottom_title">gmail信箱登陸入口在哪裡</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>7751</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>15</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/zh-tw/faq/java-tutorial" title="Java教學" class="phpgenera_Details_mainR4_bottom_title">Java教學</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1643</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>14</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/zh-tw/faq/cakephp-tutor" title="CakePHP 教程" class="phpgenera_Details_mainR4_bottom_title">CakePHP 教程</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1398</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>52</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1293</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>25</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1234</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>29</span>
										</div>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/zh-tw/faq/zt">顯示更多</a>
							</div>
						</div>
					</div>
				</div>
			</div>
							<div class="Article_Details_main2">
					<div class="phpgenera_Details_mainL4">
						<div class="phpmain1_2_top">
							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
									src="/static/imghw/index2_title2.png" alt="" /></a>
						</div>
						<div class="phpgenera_Details_mainL4_info">

<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/zh-tw/faq/673693.html" title="閒魚微信小程式正式上線" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/170757595943212.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="閒魚微信小程式正式上線" />
								</a>
								<a href="https://www.php.cn/zh-tw/faq/673693.html" title="閒魚微信小程式正式上線" class="phphistorical_Version2_mids_title">閒魚微信小程式正式上線</a>
								<span class="Articlelist_txts_time">Feb 10, 2024 pm	 10:39 PM</span>
								<p class="Articlelist_txts_p">閒魚官方微信小程式悄悄上線，在小程式中可以發布閒置與買家/賣家私訊交流、查看個人資料及訂單、搜尋物品等，有用好奇閒魚微信小程式叫什麼，現在快來看一下。閒魚微信小程式叫什麼答案：閒魚，閒置交易二手買賣估價回收。 1、在小程式中可以發布閒置、與買家/賣家私訊交流、查看個人資料及訂單、搜尋指定物品等功能;2、在小程式的頁面中有首頁、附近、發閒置、訊息、我的5項功能；3、想要使用的話必要要開通微信支付才可以購買；</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/zh-tw/faq/629465.html" title="微信小程式實現圖片上傳功能" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/170052888311890.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="微信小程式實現圖片上傳功能" />
								</a>
								<a href="https://www.php.cn/zh-tw/faq/629465.html" title="微信小程式實現圖片上傳功能" class="phphistorical_Version2_mids_title">微信小程式實現圖片上傳功能</a>
								<span class="Articlelist_txts_time">Nov 21, 2023 am	 09:08 AM</span>
								<p class="Articlelist_txts_p">微信小程式實現圖片上傳功能隨著行動網路的發展，微信小程式已經成為了人們生活中不可或缺的一部分。微信小程式不僅提供了豐富的應用場景，還支援開發者自訂功能，其中包括圖片上傳功能。本文將介紹如何在微信小程式中實作圖片上傳功能，並提供具體的程式碼範例。一、前期準備工作在開始編寫程式碼之前，我們需要先下載並安裝微信開發者工具，並註冊成為微信開發者。同時，也需要了解微信</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/zh-tw/faq/629690.html" title="實作微信小程式中的下拉式選單效果" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/170055022352293.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="實作微信小程式中的下拉式選單效果" />
								</a>
								<a href="https://www.php.cn/zh-tw/faq/629690.html" title="實作微信小程式中的下拉式選單效果" class="phphistorical_Version2_mids_title">實作微信小程式中的下拉式選單效果</a>
								<span class="Articlelist_txts_time">Nov 21, 2023 pm	 03:03 PM</span>
								<p class="Articlelist_txts_p">實現微信小程式中的下拉式選單效果，需要具體程式碼範例隨著行動互聯網的普及，微信小程式成為了網路開發的重要一環，越來越多的人開始關注和使用微信小程式。微信小程式的開發相比傳統的APP開發更加簡單快捷，但也需要掌握一定的開發技巧。在微信小程式的開發中，下拉式選單是一個常見的UI元件，實現了更好的使用者操作體驗。本文將詳細介紹如何在微信小程式中實現下拉式選單效果，並提供具</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/zh-tw/faq/629820.html" title="實現微信小程式中的圖片濾鏡效果" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/170056213860475.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="實現微信小程式中的圖片濾鏡效果" />
								</a>
								<a href="https://www.php.cn/zh-tw/faq/629820.html" title="實現微信小程式中的圖片濾鏡效果" class="phphistorical_Version2_mids_title">實現微信小程式中的圖片濾鏡效果</a>
								<span class="Articlelist_txts_time">Nov 21, 2023 pm	 06:22 PM</span>
								<p class="Articlelist_txts_p">實現微信小程式中的圖片濾鏡效果隨著社群媒體應用程式的流行，人們越來越喜歡在照片中應用濾鏡效果，以增強照片的藝術效果和吸引力。在微信小程式中也可以實現圖片濾鏡效果，為使用者提供更多有趣和創意的照片編輯功能。本文將介紹如何在微信小程式中實現圖片濾鏡效果，並提供具體的程式碼範例。首先，我們需要在微信小程式中使用canvas元件來載入和編輯圖片。 canvas元件可以在頁面</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/zh-tw/faq/629806.html" title="使用微信小程式實現輪播圖切換效果" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/170056077741291.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用微信小程式實現輪播圖切換效果" />
								</a>
								<a href="https://www.php.cn/zh-tw/faq/629806.html" title="使用微信小程式實現輪播圖切換效果" class="phphistorical_Version2_mids_title">使用微信小程式實現輪播圖切換效果</a>
								<span class="Articlelist_txts_time">Nov 21, 2023 pm	 05:59 PM</span>
								<p class="Articlelist_txts_p">使用微信小程式實現輪播圖切換效果微信小程式是一種輕量級的應用程序，具有簡單、高效的開發和使用特點。在微信小程式中，實作輪播圖切換效果是常見的需求。本文將介紹如何使用微信小程式實現輪播圖切換效果，並給出具體的程式碼範例。首先，在微信小程式的頁面檔案中，新增一個輪播圖元件。例如，可以使用&lt;swiper&gt;標籤來實現輪播圖的切換效果。在該組件中，可以透過b</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/zh-tw/faq/629819.html" title="實作微信小程式中的滑動刪除功能" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/465/014/170056213220708.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="實作微信小程式中的滑動刪除功能" />
								</a>
								<a href="https://www.php.cn/zh-tw/faq/629819.html" title="實作微信小程式中的滑動刪除功能" class="phphistorical_Version2_mids_title">實作微信小程式中的滑動刪除功能</a>
								<span class="Articlelist_txts_time">Nov 21, 2023 pm	 06:22 PM</span>
								<p class="Articlelist_txts_p">實作微信小程式中的滑動刪除功能，需要具體程式碼範例隨著微信小程式的流行，開發者在開發過程中經常會遇到一些常見功能的實作問題。其中，滑動刪除功能是常見、常用的功能需求。本文將為大家詳細介紹如何在微信小程式中實現滑動刪除功能，並給出具體的程式碼範例。一、需求分析在微信小程式中，滑動刪除功能的實作涉及以下要點：列表展示：要顯示可滑動刪除的列表，每個列表項目需要包</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/zh-tw/faq/691200.html" title="閒魚微信小程式叫什麼" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/465/014/170901068659339.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="閒魚微信小程式叫什麼" />
								</a>
								<a href="https://www.php.cn/zh-tw/faq/691200.html" title="閒魚微信小程式叫什麼" class="phphistorical_Version2_mids_title">閒魚微信小程式叫什麼</a>
								<span class="Articlelist_txts_time">Feb 27, 2024 pm	 01:11 PM</span>
								<p class="Articlelist_txts_p">閒魚官方微信小程式已經悄悄上線，它為用戶提供了一個便捷的平台，讓你可以輕鬆地發布和交易閒置物品。在小程式中，你可以與買家或賣家進行私訊交流，查看個人資料和訂單，以及搜尋你想要的物品。那麼閒魚在微信小程式中究竟叫什麼呢，這篇教學攻略將為您詳細介紹，想要了解的用戶們快來跟著本文繼續閱讀吧！閒魚微信小程式叫什麼答案：閒魚，閒置交易二手買賣估價回收。 1、在小程式中可以發布閒置、與買家/賣家私訊交流、查看個人資料及訂單、搜尋指定物品等功能;2、在小程式的頁面中有首頁、附近、發閒置、訊息、我的5項功能；3、</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/zh-tw/faq/629437.html" title="實現微信小程式中的圖片旋轉效果" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/170052639172010.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="實現微信小程式中的圖片旋轉效果" />
								</a>
								<a href="https://www.php.cn/zh-tw/faq/629437.html" title="實現微信小程式中的圖片旋轉效果" class="phphistorical_Version2_mids_title">實現微信小程式中的圖片旋轉效果</a>
								<span class="Articlelist_txts_time">Nov 21, 2023 am	 08:26 AM</span>
								<p class="Articlelist_txts_p">實現微信小程式中的圖片旋轉效果，需要具體程式碼範例微信小程式是一種輕量級的應用程序，為用戶提供了豐富的功能和良好的用戶體驗。在小程式中，開發者可以利用各種元件和API來實現各種效果。其中，圖片旋轉效果是一種常見的動畫效果，可以為小程式增添趣味性和視覺效果。在微信小程式中實作圖片旋轉效果，需要使用小程式提供的動畫API。以下是一個具體的程式碼範例，展示如何在小程</p>
							</div>
													</div>

<a href="https://www.php.cn/zh-tw/weixin-marketing.html" class="phpgenera_Details_mainL4_botton">
								<span>See all articles</span>
								<img src="/static/imghw/down_right.png" alt="" />
							</a>
											</div>
				</div>
					</div>
	</main>
	<footer>
    <div class="footer">
        <div class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>公益線上PHP培訓，幫助PHP學習者快速成長！</p>
        </div>
        <div class="footermid">
            <a href="https://www.php.cn/zh-tw/about/us.html">關於我們</a>
            <a href="https://www.php.cn/zh-tw/about/disclaimer.html">免責聲明</a>
            <a href="https://www.php.cn/zh-tw/update/article_0_1.html">Sitemap</a>
        </div>
        <div class="footerbottom">
            <p>
                © php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

document.addEventListener("DOMContentLoaded", (event) => {
			// 定义一个函数来处理滚动链接的点击事件
			function setupScrollLink(scrollLinkId, targetElementId) {
				const scrollLink = document.getElementById(scrollLinkId);
				const targetElement = document.getElementById(targetElementId);

if (scrollLink && targetElement) {
					scrollLink.addEventListener("click", (e) => {
						e.preventDefault(); // 阻止默认链接行为
						targetElement.scrollIntoView({
							behavior: "smooth"
						}); // 平滑滚动到目标元素
					});
				} else {
					console.warn(
						`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
						);
				}
			}

// 使用该函数设置多个滚动链接
			setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
			setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
			setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
			setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
			setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
			setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
			// 可以继续添加更多的滚动链接设置
		});

window.addEventListener("scroll", function () {
			var fixedElement = document.getElementById("Article_Details_main1Lmain");
			var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
			var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
			var scrollHeight = document.documentElement.scrollHeight; // 页面总高度

// 计算距离底部的距离
			var distanceToBottom = scrollHeight - scrollTop - clientHeight;

// 当距离底部小于或等于300px时，取消固定定位
			if (distanceToBottom <= 980) {
				fixedElement.classList.remove("Article_Details_main1Lmain");
				fixedElement.classList.add("Article_Details_main1Lmain_relative");
			} else {
				// 否则，保持固定定位
				fixedElement.classList.remove("Article_Details_main1Lmain_relative");
				fixedElement.classList.add("Article_Details_main1Lmain");
      		}
    	});

</script>

</body>

</html>