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里面就可以显示出来了

 

 

 

二、内容在总结中