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