m_Orchestrate learning system---二十三、如何搜索概念图插件

最新推荐文章于 2019-05-09 09:44:00 发布

weixin_34411563

最新推荐文章于 2019-05-09 09:44:00 发布

阅读量103

点赞数

文章标签： javascript 前端数据库 ViewUI

m_Orchestrate learning system---二十三、如何搜索概念图插件

一、总结

一句话总结：要在百度你们搜索前端组件，前端组件概念图工具，js概念图工具等等这些

用的话用gojs

搜索的关键词很重要

1、ueditor如何改变宽度自适应，也就是如何使用？

官方文档，已经不能再详细了（当然，官方文档再简单，没有js基础知识也用不了）

2、多级分类的页面样式怎么做？

可以仿造例如织梦网这些学习网站的方式

3、如何让页面美化？

页面主体浅色，小东西突出鲜艳的颜色

4、如何格式化显示时间函数：多少分钟前，多少天前，多少月前？

 1 <?php
 2 echo '11111111'.'<br/>';
 3 date_default_timezone_set('Asia/Hong_Kong');  4 echo date_default_timezone_get().'<br/>';  5 echo strtotime("-2 day"), '<br/>';  6 echo time();  7 echo '<br/>';  8  9 function format_date($time){ 10 $t=time()-$time; 11 $f=array( 12 '31536000'=>'年', 13 '2592000'=>'个月', 14 '604800'=>'星期', 15 '86400'=>'天', 16 '3600'=>'小时', 17 '60'=>'分钟', 18 '1'=>'秒' 19  ); 20 foreach ($f as $k=>$v) { 21 if (0 !=$c=floor($t/(int)$k)) { 22 return $c.$v.'前'; 23  } 24  } 25 } 26 27 echo time()."&nbsp;&nbsp;&nbsp;".format_date(time()).'<br/>'; 28 echo strtotime("-5 seconds")."&nbsp;&nbsp;&nbsp;".format_date(strtotime("-5 seconds")).'<br/>'; 29 echo strtotime("-3 minutes")."&nbsp;&nbsp;&nbsp;".format_date(strtotime("-3 minutes")).'<br/>'; 30 echo strtotime("-4 hours")."&nbsp;&nbsp;&nbsp;".format_date(strtotime("-4 hours")).'<br/>'; 31 echo strtotime("-7 days")."&nbsp;&nbsp;&nbsp;".format_date(strtotime("-7 days")).'<br/>'; 32 echo strtotime("-9 weeks")."&nbsp;&nbsp;&nbsp;".format_date(strtotime("-9 weeks")).'<br/>'; 33 echo strtotime("-3 months")."&nbsp;&nbsp;&nbsp;".format_date(strtotime("-3 months")).'<br/>'; 34 35 36 ?>

5、z-index属性怎么才能生效？

当你定义的CSS中有position属性值为absolute、relative或fixed，

用z-index此取值方可生效。
此属性参数值越大，则被层叠在最上面。
例子：
<html>
<head>
<style>
.z1,.z2,.z3{position:absolute;width:200px;height:100px;padding:5px 10px;color:#fff;text-align:right;}
.z1{z-index:1;background:#000;}
.z2{z-index:2;top:30px;left:30px;background:#C00;}
.z3{z-index:3;top:60px;left:60px;background:#999;}
</style>
</head>
<body>
<div class="z1">z-index:1</div>
<div class="z2">z-index:2</div>
<div class="z3">z-index:3</div>
</body>
</html>
上面三个CSS，将根据z-index的值决定谁在最上层！

6、分页的好处是什么？

分页真好：分页可以保证页面的数据量比较小，从而提高访问速度

7、FontAwesome字体图标怎么组合比较好看？

<div class="task-title">
    <span class="task-title-sp"> Amaze UI Icon 组件目前使用了 FontAwesome </span> <span class="label label-sm label-success">技术部</span> <span class="task-bell"> <i class="am-icon-bell-o"></i></span> </div>

8、thinkphp标签中的switch语句如何使用？

1 {switch name="User.level"}
2     {case value="1"}value1{/case} 3 {case value="2"}value2{/case} 4 {default /}default 5 {/switch}

标签三个：单标签一个，双标签两个

属性值两个：name和value

单标签和双标签的写法：单标签在后面隔一个空格加正斜杠，双标签在第二个标签前面加正斜杠。

9、保存，编辑，删除的各自图标是什么？

<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
    <li><a href="javascript:;"> <i class="am-icon-check"></i> 保存 </a></li> <li><a href="javascript:;"> <i class="am-icon-pencil"></i> 编辑 </a></li> <li><a href="javascript:;"> <i class="am-icon-trash-o"></i> 删除 </a></li> </ul>

保存时check（一个小对勾），编辑是pencil，删除是trash。

还有这里在a标签的链接href属性里面直接写JavaScript语句。

10、a标签的链接href属性里面可以直接写JavaScript语句么？

a标签的链接href属性里面可以直接写JavaScript语句，相当于onclick效果

<li><a href="javascript:if(confirm('你确定要删除么？')) window.location.href='{:url('activity/edit',array('acid'=>$vo.acid))}';" > <i class="am-icon-trash-o"></i> 删除 </a></li>

11、把选择的内容写活的好处是什么？

把选择的内容写活可以降低超大的编程复杂度，而且更加灵活

感受一下

<span style="margin-left: 5px;" class="label label-sm {switch name='$vo.acstate'} {case value='1'}label-success {/case} {case value='2'}label-warning {/case} {case value='3'}label-danger {/case}{case value='4'}label-default {/case} {default /} label-default{/switch} "> {switch name='$vo.acstate'} {case value='1'}筹备中 {/case} {case value='2'}报名中 {/case} {case value='3'}已截止{/case} {case value='4'}进行中{/case} {default /} 未知活动状态{/switch}

12、代码量大的逻辑或者复杂逻辑怎么编程比较方便？

代码量大的逻辑或者复杂逻辑，完全可以写成函数

<span style="margin-left: 5px;" class="label label-sm {switch name='$vo.acstate'} {case value='1'}label-success {/case} {case value='2'}label-warning {/case} {case value='3'}label-danger {/case}{case value='4'}label-default {/case} {default /} label-default{/switch} "> {switch name='$vo.acstate'} {case value='1'}筹备中 {/case} {case value='2'}报名中 {/case} {case value='3'}已截止{/case} {case value='4'}进行中{/case} {default /} 未知活动状态{/switch}