m_Orchestrate learning system---十八、mo项目的启示是什么

m_Orchestrate learning system---十八、mo项目的启示是什么

一、总结

一句话总结：多看教程，体统看教程的学，

完全不懂的话百度的作用也不大

多学点，可以节约后面的超多时间

而且，可以节约很多时间和赢得很多尊重

多做项目快速成长，有项目才能成长

没系统的学习之前，简直是拉中之拉

1、学生板块所用的css和js分别是什么？

css:

amazeui.css

animate.css

wap.css  提供手机支持

js:

amazeui.lazyload.js

amazeui.js

jquery.js

2、amaze ui也是github开源项目？

那查看源代码就非常非常方便了

3、顶端导航固定如何实现？

 1 <!-- 头部 -->
 2 <div class="pet_head">
 3   <header data-am-widget="header"
 4     class="am-header am-header-default pet_head_block">
 5     <div class="am-header-left am-header-nav "> //左边
 6       <a href="javaScript:history.go(-1);"
 7         class="iconfont pet_head_jt_ico">&#xe601;</a>
 8     </div>
 9     <div class="pet_news_list_tag_name">{$Request.session.username}</div> //中间
10     <div class="am-header-right am-header-nav"> //右边
11       <a href="javascript:;" class="iconfont pet_head_gd_ico">&#xe600;</a>
12     </div>
13   </header>
14 </div>
15 <!-- 头部 -->

data-am-widget明显的一个事件

1、导航栏固定效果应该是  data-am-widget="header" 来的，如果弄底部固定栏，只要知道 底部怎么表示就好

2、这种顶端左右中三分：am-header-left    am-header-right

3、细看样式类文字说明，格局一下子就清晰了 

4、session设置值注意事项是什么？

session('s_now_page','');这样不能把session设置为空字符串，现在的session还是null

5、switch有些时候很好用：在view中判断当前是哪个页面的时候？

{switch name="$Think.session.s_now_page"}
    {case value="index|personal|"}{$Request.session.username}{/case}
    {case value="engage"}$Think.session.s_now_page{/case}
    {default /}{$Request.session.username}
{/switch}

switch也很坚定

switch中只有那么属性

case中也只有value属性

|符号还支持多个属性

6、网格（div）配合均分网格（ul套li）（挺好用的）？

 1 <div class="am-form-group">
 2     <label for="user-phone" class="am-u-sm-3 am-form-label">topic</label>
 3     <div class="am-u-sm-3 am-checkbox am-u-end">
 4         <ul class="am-avg-sm-3 am-thumbnails">
 5             <li>
 6                 <label class="am-checkbox-inline">
 7                 <input type="checkbox" value="option1"> 选我
 8                 </label>
 9             </li>
10         </ul>
11     </div>
12 </div>

之前checkbox之前的选的东西显示不出来，用均分网格套在li里面就可以显示出来了

二、内容在总结中