html 入門到進階
學習內容:
(1)標簽(必學)
div划乖、input约计、button、p迁筛、img煤蚌、ul、li细卧、br尉桩、hr、h1-h5贪庙、a蜘犁、b、I止邮、form(表單提交这橙,配合js)
(2)css 布局 (會使用ID,元素导披、類名 獲取對應的標簽)
一屈扎、設置字體大小、顏色撩匕、背景鹰晨、鼠標拖動效果(如:懸停, div:hover{background-color: red;})、寬高或者大小模蜡、圖片(注意:背景圖片和控件圖片是兩種不同的狀態(tài):背景是控件本身的背景漠趁,控件圖片是控件自身的自帶的API):不知道API什么意思,自己百度看看百度百科忍疾。
二闯传、布局不會 浮動 box什么的沒關系,使用layui 等其他三方庫里面的布局:
準備:1卤妒、將三方庫的js和css拷貝到本地丸边。
? ? ? ? ? ? 2、引入才能使用(就好比自己寫的css和js一樣)注意:和外部樣式表和外部js一樣的引用方式荚孵,不會的自己百度妹窖。)
layui 布局為例:<link type="text/css" rel="stylesheet" href="static/layui/css/layui.css"/>
注:href="xxx/什么下面的/layui.css"? 根據(jù)項目來,別傻呼呼的亂引
layui? 彈框為例:? <script type="text/javascript" src="static/layui/layui.js"></script>
注:src="xxx/什么下面的/layui.js"? 根據(jù)項目來收叶,別傻呼呼的亂引
//提示
? ? ? layui.use('layer', function(){
? ? ? ? var layer = layui.layer;
? ? ? ? layer.msg('你瞅啥骄呼?');
? ? ? });
(2)javascript(必學)
? ? 一、點擊事件(例onclock)
? ? 二判没、點擊后創(chuàng)建方法(例 function)
? ? 三蜓萄、方法傳參
? ? 四、javascript獲取標簽澄峰,修改標簽的內容
? ? 五嫉沽、jquery+ ajex 請求(post get)
(3)使用三方寫好的標簽(學會看文檔)
(必學):頭部導航,底部導航俏竞,彈框绸硕,選擇器,輸入框魂毁,滾動的banner
(選學):其他不常用的
---------____________________
學完基本也就了解html開發(fā)了玻佩,這時候學習vue。
(3)席楚、vue.js
準備:
1咬崔、安裝node.js環(huán)境
2、安裝全局的cli vue環(huán)境
自行百度烦秩,關鍵字已經(jīng)給出垮斯。
1.百度node.js的安裝(傻瓜安裝)
2.百度vue 全局cli安裝(命令行)
成功后
一、創(chuàng)建項目(百度)
二只祠、運行項目(npm run dev)文件位置
三兜蠕、終端提示(瀏覽器輸入本地地址加對應端口號)
編寫項目
1.main 是入口函數(shù)
2.默認走app(可自定義)
3.APP里面使用了路由加載(看特定標簽,一個項目一個路由基本就夠了)
4.路由走的默認是helloworld.vue
5.src 編輯
編輯準備:
百度自行了解:什么是vue 命名空間
什么是import
什么是路由
vue的生命周期
vue 變量常量的申明(data里面)
vue怎么寫方法铆农,怎么調用方法牺氨,方法傳參(和js比較學)
vue怎么從當前頁面跳轉到新的vue(配置路由狡耻,設置跳轉)
vue跳轉到其他vue 參數(shù)怎么傳遞墩剖。
百度百度百度猴凹,全部百度,都有岭皂。失敗了郊霎,多嘗試幾次,總會成功的爷绘,成功了后才知道原因书劝!
進階:
vue引用三方庫,
使用方法引入什么就去看什么對應的文檔
打包vue(不會的百度土至,就一命令行)
---------____________________
學完vue购对,微信小程序也就不難了。
而且vue可以一鍵生成小程序
安裝微信小程序開發(fā)工具
基本一樣陶因,只是文件格式不一樣骡苞,表情不一樣的命名。跟著微信小程序官方文檔楷扬,可自行推敲解幽。