weui框架自学手册——开发环境

自学笔记 何锋
文章标签: 自学笔记 weui框架

一,准备工作

    1.获取weui

       weui的核心文件是weui.css,(https://github.com/Tencent/weui/wiki/getting-started中介绍的入门第一段最核心的一句),获取方式:

image.png

     2.引用

          通过以上方式获取到weui后,在页面中引用

image.png

     上面代码中,引入了一个meta标签和link,link引用路径不用说,对meta内进行解读:

image.png

   这样初步的环境就搭建好了,以此为基础,下一步学习时进行梳理分类,weui也已经提供了分类,如图:

image.png

那么可以进入第二个步骤——学习分类

二,学习分类

      分类根据个人习惯,我之前学习布局的观念,喜欢全局布局思想,所以我准备先挑选组件模块中的cell(表格视图),flex(布局),grid(九宫格),导航栏进行学习,然后再学习其他组件。也许这种方法不是最好的,但因人而异,在此抛砖引玉和同学一起分享探讨,希望互相交流共同进步。

题外话:自学能力的培养像是摸着石头过河,有事会遇到很多坑,希望大家一起携手淌这条河。只有不断交流才能更进一步,闭门造车的行径是不可取的。

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :