首页 > 其他 > 详细

前端工作笔记

时间:2018-12-22 00:42:43      阅读:173      评论:0      收藏:0      [点我收藏+]

        1.理解页面设计,不能超链接的情况下,采用类似点击一个,另一个部分切换页面的功能

采用nav方法(实现不用写多个页面就能展示跳转效果的方法)

class="nav nav-tabs" 放置类似目录选项

data-toggle="tab",href="#id"  放置目录选项,数据切换方式为tab

class="tab-content" 放置内容切换的主界面

class="tab-pane" id="id"对应上面href里的id

         2.理解模态框,关于点击一个按钮会弹出一个窗口给你填空或者选择

采用modal方法(实现弹窗功能)

data-toggle="modal" data-target="#id"

modal(界面):

<div class="modal fade" id="id" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2"

aria-hidden="true" style="display: none;">模态框淡入淡出效果

<div class="modal-dialog">模态框

<div class="modal-content">模态框内容

<div class="modal-header">     <h4 class="modal-title" id="myModalLabel">  模态框头部和放标题的地方

<div class="modal-body">模态框主体

<div class="modal-footer" aria-hidden="true">模态框尾部

      3.$ajax请求问题,切记,如果结合datatable和vscode里的Easy mock插件,是不能传递datatable自带的渲染datatable方法的,即datatable(),那么我们讨论和查找的解决办法是调用mock.js方法

$.mockjax({
    url: "/staff/list",
    responseText: {
        ‘code‘: ‘TRUE‘,
        ‘message‘: ‘sfasdfd‘,
        ‘data‘: [{
            ‘name‘: ‘fei‘,
            ‘pk‘: 151212121212,
            ‘department‘: 2,
        }]
    }
});

 

 

前端工作笔记

原文:https://www.cnblogs.com/qq946487854/p/10159026.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!