help.html 4.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script class="include" system="" path="inc/" file="head">include()</script>
  5. </head>
  6. <body>
  7. <div class="layui-fluid">
  8. <div class="layui-row layui-col-space15">
  9. <div class="layui-col-md12">
  10. <div class="layui-card">
  11. <div class="layui-card-header">帮助文档</div>
  12. <div class="layui-card-body">
  13. <div class="layui-collapse" lay-accordion="">
  14. <div class="layui-colla-item">
  15. <h2 class="layui-colla-title">layui 更适合哪些开发者?</h2>
  16. <div class="layui-colla-content layui-show">
  17. <p>在前端技术快速变革的今天,layui 仍然坚持语义化的组织模式,甚至于模块理念都是采用类AMD组织形式,并非是有意与时代背道而驰。layui 认为以jQuery为核心的开发方式还没有到完全消亡的时候,而早期市面上基于jQuery的UI都普通做得差强人意,所以需要有一个新的UI去重新为这一领域注入活力,并采用一些更科学的架构方式。
  18. <br>
  19. 因此准确地说,layui 更多是面向那些追求开发简单的前端工程师们,以及所有层次的服务端程序员。</p>
  20. </div>
  21. </div>
  22. <div class="layui-colla-item">
  23. <h2 class="layui-colla-title">为什么JS社区大量采用未发布或者未广泛支持的语言特性?</h2>
  24. <div class="layui-colla-content">
  25. <p>有不少其他答案说是因为JS太差。我下面的答案已经说了,这不是根本性的原因。但除此之外,我还要纠正一些对JS具体问题的误解。JS当初是被作为脚本语言设计的,所以某些问题并不是JS设计得差或者是JS设计者的失误。比如var的作用域问题,并不是“错误”,而是当时绝大部分脚本语言都是这样的,如perl/php/sh等。模块的问题也是,脚本语言几乎都没有模块/命名空间功能。弱类型、for-in之类的问题也是,只不过现在用那些老的脚本语言的人比较少,所以很多人都误以为是JS才有的坑。另外有人说JS是半残语言,满足不了开发需求,1999年就该死。半残这个嘛,就夸张了。JS虽然有很多问题,但是设计总体还是优秀的。——来自知乎@贺师俊</p>
  26. </div>
  27. </div>
  28. <div class="layui-colla-item">
  29. <h2 class="layui-colla-title">为什么前端工程师多不愿意用 Bootstrap 框架?</h2>
  30. <div class="layui-colla-content">
  31. <p>因为不适合。如果希望开发长期的项目或者制作产品类网站,那么就需要实现特定的设计,为了在维护项目中可以方便地按设计师要求快速修改样式,肯定会逐步编写出各种业务组件、工具类,相当于为项目自行开发一套框架。——来自知乎@Kayo</p>
  32. </div>
  33. </div>
  34. <div class="layui-colla-item">
  35. <h2 class="layui-colla-title">贤心是男是女?</h2>
  36. <div class="layui-colla-content">
  37. <p>man! 所以这个问题不要再出现了。。。</p>
  38. </div>
  39. </div>
  40. </div>
  41. <div id="page"></div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. <script class="include" system="" path="inc/" file="script">include()</script>
  48. <script>
  49. layui.config({
  50. base: '../script/lib/layui/admin/' //静态资源所在路径
  51. }).extend({
  52. index: 'lib/index' //主入口模块
  53. }).use(['index'], function(){
  54. var $ = layui.$
  55. ,admin = layui.admin
  56. ,element = layui.element
  57. ,router = layui.router();
  58. element.render('collapse');
  59. //监听折叠
  60. element.on('collapse(component-panel)', function(data){
  61. layer.msg('展开状态:'+ data.show);
  62. });
  63. });
  64. </script>
  65. </body>
  66. </html>