m_Orchestrate learning system---七、如何快速学好前端

m_Orchestrate learning system---七、如何快速学好前端

一、总结

一句话总结：看视频啊，系统看视频啊

 

1、如何解决单词数字太长超出边界的问题？

word-wrap

把编辑删除都挤跑了

 

2、amaze ui中a标签和button标签可以互换么？

其实弄上相同的样式真是一模一样

给button的class am-btn和am-btn-default给a标签同样能用

 

 

3、a标签嵌套button标签会出现什么问题（他们可以相互嵌套么）？

a标签嵌套button标签是，显示的链接地址正确，但是点的话无法访问

a标签和button标签的位置嵌套关系

视图

代码

1 <td>
2     <div class="am-btn-toolbar"> 3 <div class="am-btn-group am-btn-group-xs"> 4 <a href="{:url('discipline/edit',array('id'=>$vo.id))}"><button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span> Edit</button></a> 5 <button class="am-btn am-btn-default am-btn-xs am-text-danger "><a href="{:url('discipline/delete',array('id'=>$vo.id))}"><span class="am-icon-trash-o"></span> Delete</a></button> 6 </div> 7 </div> 8 </td>

1、a标签嵌套button标签是，显示的链接地址正确，但是点的话无法访问

2、button标签嵌套a标签的时候，显示的链接地址正确，访问的链接地址也正确

其实有点奇怪

但是button嵌套a标签的时候，有些时候点击访问正确，有些时候还是不行，这样就只有用onclick配合js来了

 

 

4、button标签如何实现onclick方法跳转？

1 <button class="am-btn am-btn-default am-btn-xs am-text-danger" οnclick="window.location.href='javascript:delete1'"><a class="am-text-danger" href="{:url('discipline/delete',array('id'=>$vo.id))}"><span class="am-icon-trash-o"></span> Delete</a></button> 2 3 4 <script> 5 function delete1(){ 6  alert('aaaaa'); 7  } 8 </script>

并没有解决，被分心了

正确的是这样的：

1 <button type="button" tooltip="添加栏目" class="btn btn-sm btn-azure btn-addon" onClick="javascript:window.location.href = '{:url('cate/add')}'"> <i class="fa fa-plus"></i> Add 2 </button>

 

 

5、js 函数如何正确使用？

1 οnclick="delete1()"
2 
3 <script type="text/javascript"> 4 function delete1(){ 5  alert('aaaaa'); 6  } 7 </script>

onclick里面直接是函数名就好了，记得函数的话肯定要加上()，因为这个东西是用来传递参数的

 

 

 

二、内容在总结中

 

项目地址

fry404006308/m_Orchestrate: m_Orchestrate
https://github.com/fry404006308/m_Orchestrate