美文网首页
html 入门到进阶,再到vue,再到微信小程序

html 入门到进阶,再到vue,再到微信小程序

作者: 封楼 | 来源:发表于2019-04-02 12:09 被阅读0次

    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可以一键生成小程序

    安装微信小程序开发工具

    基本一样,只是文件格式不一样,表情不一样的命名。跟着微信小程序官方文档,可自行推敲。

    相关文章

      网友评论

          本文标题:html 入门到进阶,再到vue,再到微信小程序

          本文链接:https://www.haomeiwen.com/subject/ejrbbqtx.html