原创 小程序 模板使用（動畫/傳值）
寫在前面：關於小程序，記錄在項目中使用的模板，頁面和模板間的傳值，引入，使用方法； 第一步，新建一個文件夾（demo-template） 第二步，新建一個wxml 的文件（demo-template.wxml） <!-- 必須有name
2019-05-01 06:51:15
3
原创 小程序 wx:for 爲每個循環出來的view，添加相同的動畫，並且互不影響
描述：添加多個地址，想要刪除其中的任意一個的時候有一些動態效果，向左後向右滑動刪除 復現第一步：首先是靜態頁面佈局和一些簡單的樣式 <!-- 因爲數據是渲染的所以，所以如果你只複製html 到你的項目將什麼都不顯示 --> <view
2019-04-25 00:12:56
原创 手機號，密碼類正則驗證
1.小程序手機號登錄情景描述：登錄註冊時需要驗證手機號不能爲空，手機號符合移動/聯通/電信等手機號特殊組建數字排序和長度（正則表達式） //手機號正則表達式： let phone =/^1[34578]\d{9}$/ //另一種寫法 l
2019-03-30 10:54:54
原创 文字顯示省略號
{ font-size: 12px; white-space: nowrap;/* 不換行 */ text-overflow: ellipsis;/* 三個點 */ overflow: hidden;/* 隱藏 *
2019-03-24 10:30:11
原创 css 基本樣式重置
1.ul 中每個li的小點樣式 list-style: none;/*去掉小點*/ list-style: disc;/*實心圓*/ list-style: circle;/*空心圓*/ list-style: square;/*
2019-03-23 10:57:59
原创 vs code 安裝記錄
1.下載visual Studio Code (鏈接地址) 2.漢化過程 快捷鍵：ctrl + shift + p 輸入：configure display language locale的值改爲：zh-CN 重啓 失敗解決方法：第五個
2019-03-23 10:57:59
原创 js 時間處理
1.獲取當前時間（w3c更多） <p onclick="timeTap()">時間</p> function timeTap() { let d = new Date(); let year = d.getFullYear();
2019-03-09 14:43:55
原创 js 事件總結
1、onclick事件 定義：點擊事件 語法： <!--引號內是事件函數的名字 --> onclick="somejavascriptcode" 2、onload事件 定義：在頁面或者圖片加載完成後立即發生 語法： onload="s
2019-03-07 15:06:43
原创 js 函數和對象
函數和對象使用方法 1.函數的聲明： 語法： function functionname() { //執行的代碼 } 實例：（函數聲明不會立即執行，會在我們調用的時候執行） function test(a,b) { return
2019-03-03 16:42:50
1
原创 小程序動畫
效果：點擊開啓 旋轉180度 顯示關閉（如圖） 實現過程 1.這是html <view class='expriment-content'> <view class='flips'> <view class='flip b
2019-02-27 14:56:19
原创 關於小程序 textarea 遇到的問題記錄
1，show-confirm-bar 不起作用的問題（解決方法） <textarea show-confirm-bar="{{false}}" /> 2.textarea 綁定事件（多文本綁定事件記錄） <textarea bin
2019-02-22 05:30:55
原创 微信獲取手機號授權登錄
1. <button bindgetphonenumber="getPhoneNumber" open-type="getPhoneNumber" class='button-hover'>確認授權</button> 2. get
2019-01-12 14:39:54
原创 小程序授權手機號登錄 ---提示消息採坑
1.授權時不允許開發工具返回參數（如下圖） 2.授權時，真機調試返回參數（如下圖） 3.以下代碼在開發工具上顯示正確 ，真機調試提示錯誤 getPhoneNumber: function(e) { console.log(
2019-01-12 14:39:44
原创 當前頁面實現簡單搜索功能
功能描述：在搜索框中輸入內容，在渲染出的網絡數據中取出帶輸入關鍵字的內容，單獨顯示 功能實現： 1.index.wxml:循環一個數組 wxml 代碼 <view class='preson'> <input bindinput="
2018-12-09 14:34:03
原创 flex 佈局記錄
詳細可見：https://www.runoob.com/w3cnote/flex-grammar.html 一，彈性佈局 1.父盒子使用： display: flex; 2.行內元素也可以使用： display: inline-f
2018-11-08 01:33:36