zoukankan      html  css  js  c++  java
  • 2018.5.29 模板文件使用解惑

    今天尝试将jquery制作的聊天室补充模板artTemplate,遇到了最TM纠结的一个问题。

    首先gulp-tmod将tpl模板文件编译为js文件(define成一个js模块),后面再require此模块,按照tmodjs的官方说明( http://aui.github.io/tmodjs/  ) 应该是:

    将路径改好后,始终不能奏效。经吴川指导,改为

    require (['./assets/template/add'], function(render){
            document.getElementById('conclusion').innerHTML = render(obj); //obj是数据对象
    });

    分析为require所得函数必须作为回调函数的参数使用,否则require所得函数无法与本文件中的任何一项数据发生联系.

    5.30

    今天尝试利用fh-ui做模板内容,学习模板的同时熟悉ui,将ui.css引入之后,导致chat-left 和chat-right的div(原本左右浮动,处于同一行)变成了上下两行,因为ui的css样式中将box-sizing设置为了border-box,将其设置为content-box(默认值)之后恢复。注意border-box中子元素无法撑开父元素的盒模型,父元素的宽度包括border的宽度,padding的宽度,以及content的宽度。可是我将父元素chat-box宽度设置为很大后,仍然是上下两行啊??等后面再解决这个问题。

  • 相关阅读:
    loj6033.「雅礼集训 2017 Day2」棋盘游戏
    loj6032. 「雅礼集训 2017 Day2」水箱
    BZOJ 5217 [Lydsy2017省队十连测] 航海舰队
    P4173 残缺的字符串
    P3723 [AH2017/HNOI2017]礼物
    P3321 [SDOI2015]序列统计
    P4841 [集训队作业2013]城市规划
    MySQL基础
    MySQL查询
    HTTP响应码
  • 原文地址:https://www.cnblogs.com/yuhanao/p/9107002.html
Copyright © 2011-2022 走看看