思維導圖軟件
xmind
在線的導圖網站
https://processon.com
密碼管理軟件
1password
注冊地址
https://mp.weixin.qq.com/wxopen/waregister?action=step1
小程序賬號的登陸地址
https://mp.weixin.qq.com/
得到 AppID
后臺 -> 設置 -> 開發設置 -> AppId
目錄結構
pages 小程序的頁面
utils 工具包
app.js 邏輯代碼區
app.json 小程序配置
app.wxss 小程序的樣式文件
project.config.json 項目的配置文件
頁面目錄結構
.js 邏輯區. 數據, 事件
.json 配置文件
.wxml 頁面結構
.wxss 當前頁面的樣式
關于配置
標題的背景顏色設置必須要使用 16 進制的方式進行設置
"navigationBarBackgroundColor": "#000",
在小程序中使用 view 標簽布局. 不要使用 div
關于默認打開
小程序會默認打開 pages 中第一個頁面的內容
在配置完 pages 之后, 小程序會自動為我們創建新的頁面
關于配置和樣式的優先級
就近原則, 離誰近, 誰就生效
關于小程序尺寸單位
rpx 整個屏幕的總寬度是 750rpx
1px == 2rpx
關于小程序的一些資源
https://github.com/justjavac/awesome-wechat-weapp
常用組件
view 相當于 div
scroll-view 滾動組件
swiper 輪播組件
text 相當于 span 標簽
navigator 相當于 a 標簽
image 相當于 img 標簽
關于語言學習
- 環境
- hello world
- 變量
- 數據類型
- 類型轉換
- 運算符 (算字賦比邏位)
- 流程控制 (if else )
- 循環控制 (for while)
- 函數 數組
- 面向對象.
- 包管理工具 (composer npm pip)
關于跳轉
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- html 跳轉 -->
<a href="">首頁</a>
location.;
location.replace('http://www.baidu.com');
<!-- html 跳轉 -->
<!-- 小程序 -->
<navigator url="../../index">首頁</navigator>
wx.navigateTo();
<!-- 小程序 -->
</body>
</html>
swiper 要和 swiper-item 一起使用, 類似于原來的 ul 和 li
QQ 輸入法
- 中文狀態下使用英文標點
- QQ 剪切板
粘貼和復制的快捷鍵
ctrl + insert 復制
shift + insert 粘貼
軟件介紹
clover
關于遍歷
foreach($users as $k=>$v){
}
<view wx:for="{{[1,2,3,4]}}">
{{key}} {{item}}
</view>
||
||
||
\/
<view>1</view>
<view>2</view>
<view>3</view>
<view>4</view>
三元運算符
{{item.id == activeChannel ? 'active' : ''}}
網絡請求的報錯
VM2857:1 http://c.m.163.com 不在以下 request 合法域名列表中，請參考文檔：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html
解決方案
設置 -> 項目設置 -> 勾選 不校驗合法域名
vue 前端框架
新聞列表的接口地址
http://c.m.163.com/nc/article/headline/data/10-20.html?from=toutiao&passport=&devId=OPdeGFsVSojY0ILFe6009pLR%2FMsg7TLJv5TjaQQ6Hpjxd%2BaWU4dx4OOCg2vE3noj&size=20&version=5.5.3&spever=false&net=wifi&lat=&lon=&ts=1456985878&sign=oDwq9mBweKUtUuiS%2FPvB015PyTDKHSxuyuVq2076XQB48ErR02zJ6%2FKXOnxX046I&encryption=1&canal=appstore
事件的傳參
當事件觸發之后, 如果需要將參數傳遞給事件處理函數, 應該在標簽中加入屬性
data-* 屬性
data-id
data-name
data-age
然后就可以在事件的處理程序中獲取該參數
e.currentTarget.dataset.id
e.currentTarget.dataset.name
e.currentTarget.dataset.age
json 解析網站
http://json.parser.online.fr/
動態數據的解析
that.setData({[key]: res.data.data })
