微信小程式(一)

2021-10-18 23:56:37 字數 1026 閱讀 3037

1、vs code

常用擴充套件和快捷鍵之前發過介紹文章:vs code初次使用必備

2、谷歌瀏覽器----開發必備

1、新建資料夾

2、在vs code 內新建網頁檔案 .html

3、編寫網頁**

英文的!再按 回車即可自動生成下圖

注意:網頁的字尾要儲存為.html才可自動生成

4、雙擊網頁顯示效果

1.塊級元 素缺省會換行,如 div

2.行內元素 預設不會換行,如 span

1、寬度和高度

2.字型顏色 背景顏色

■值為顏色名稱——red / yellow ;

■值為十六進製制值的顏色—— #ffff ;#000000;

■值為rgb**的顏色——rgb(255,255,255)

div

3、定位(重要)

定死位置的功能

"box">

"element">

定位 position

作用固定定位 fixed

元素貼在螢幕上怎樣滑動頁面其位置不變

絕對定位 absolute

元素貼在父元素上(要上定位-相對-絕對-固定)

相對定位 relative

告訴子元素 我們這個盒子做定位 讓子元素找到我們

待更。。。

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式(一)

tabbar tabbar 指底部的 導航配置屬性 color 未選擇時 底部導航文字的顏色 selectedcolor 選擇時 底部導航文字的顏色 borderstyle 底部導航邊框的樣色 注意 這裡如果沒有寫入樣式 會導致 導航框上邊框會出現預設的淺灰色線條 list 導航配置陣列 selec...

微信小程式 一 微信登入

前端 請求伺服器 wx.request method get header 設定請求的 header success function res console.log 伺服器返回 res.data.result console.log 伺服器返回 res.data.msg fail function...