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;})、宽高或者大小、图片(注意:背景图片和控件图片是两种不同的状态:背景是控件本身的背景,控件图片是控件自身的自带的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" 根据项目来,别傻呼呼的乱引
layui 弹框为例: <script type="text/javascript" src="static/layui/layui.js"></script>
注:src="xxx/什么下面的/layui.js" 根据项目来,别傻呼呼的乱引
//提示
layui.use('layer', function(){
var layer = layui.layer;
layer.msg('你瞅啥?');
});
(2)javascript(必学)
一、点击事件(例onclock)
二、点击后创建方法(例 function)
三、方法传参
四、javascript获取标签,修改标签的内容
五、jquery+ ajex 请求(post get)
(3)使用三方写好的标签(学会看文档)
(必学):头部导航,底部导航,弹框,选择器,输入框,滚动的banner
(选学):其他不常用的
---------____________________
学完基本也就了解html开发了,这时候学习vue。
(3)、vue.js
准备:
1、安装node.js环境
2、安装全局的cli vue环境
自行百度,关键字已经给出。
1.百度node.js的安装(傻瓜安装)
2.百度vue 全局cli安装(命令行)
成功后
一、创建项目(百度)
二、运行项目(npm run dev)文件位置
三、终端提示(浏览器输入本地地址加对应端口号)
编写项目
1.main 是入口函数
2.默认走app(可自定义)
3.APP里面使用了路由加载(看特定标签,一个项目一个路由基本就够了)
4.路由走的默认是helloworld.vue
5.src 编辑
编辑准备:
百度自行了解:什么是vue 命名空间
什么是import
什么是路由
vue的生命周期
vue 变量常量的申明(data里面)
vue怎么写方法,怎么调用方法,方法传参(和js比较学)
vue怎么从当前页面跳转到新的vue(配置路由,设置跳转)
vue跳转到其他vue 参数怎么传递。
百度百度百度,全部百度,都有。失败了,多尝试几次,总会成功的,成功了后才知道原因!
进阶:
vue引用三方库,
使用方法引入什么就去看什么对应的文档
打包vue(不会的百度,就一命令行)
---------____________________
学完vue,微信小程序也就不难了。
而且vue可以一键生成小程序
安装微信小程序开发工具
基本一样,只是文件格式不一样,表情不一样的命名。跟着微信小程序官方文档,可自行推敲。