商城项目(Spring4.0 + SpringMvc + MyBatis + Freemarker + Framework7 )

最新推荐文章于 2024-05-22 08:54:44 发布

Ccccgw

最新推荐文章于 2024-05-22 08:54:44 发布

阅读量2.2k

点赞数

分类专栏：项目总结

本文链接：https://blog.csdn.net/u013850047/article/details/52667617

版权

项目总结专栏收录该内容

1 篇文章 0 订阅

订阅专栏

四、问题总结：

1、onclick 传入this

onclick事件如果需要获取该点击元素对应的值的话,传入this即可。

2、$.ajaxFileUpload 返回json

情景： $.ajaxFileUpload上传数据和文件，

一直提示“Resource interpreted as Document but transferred with MIME type application/json”

原因：它通过判断上传数据的类型，返回对应的content-type。这里返回的变成了一个Html页面

解决方式： var str = data.body.innerText; //获取返回的字符串

var json = $.parseJSON(str); //把字符串转化为json对象

3、polyfill.js的引入

polyfill为旧浏览器支持Html5特性

4、Framework7中的Template7作为js模板语言

因为页面的 list 最好用 ajax 查询的方式异步显示避免用户等待过长时间

所以前台所有的list 全都用ajax查询出来使用Template7作为模板显示

5、window.location.href 重定向

该方式需要加入http:// 否则会带上项目域名

6、pdf转为图片

ICEpdf框架

Http——> getInputStream() ——>ICEpdf——>BASE64Encoder（encoder）

7、oracle 排序 2 first

情景：需要让值为2的数据排在前面，其他的按照正常排序

解决方式： order by decode(mp.fund_status,2,0 ,mp.fund_status + 1)

8、jquery show()和hide()方法

$("#id").show()其实就是display:block,

$("#id").hide()其实就是display:none;

$("#id").toggle()切换元素的可见状态。

如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

9、NumberObject.toFixed(num)

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

处理场景：对处理金额的显示

10、get请求中文乱码解决方式：

js层面 encodeURIComponent(encodeURIComponent(value.agreement_name)) ;

java层面URLDecoder.decode(agreement_name,"utf-8");

java层面 new String(fileName.getBytes("iso8859-1"),"utf-8")

11、div内容变化事件DOMNodeInserted DOMNodeRemoved

用于监听div内容变化

12、jquery获取字符串长度（兼容中文，中文当做两个字符）

<span style="white-space:pre">	</span>function getLength (str) {
           var realLength = 0, len = str.length, charCode = -1;
        <span style="white-space:pre">	</span>for (var i = 0; i < len; i++) {
            <span style="white-space:pre">	</span>charCode = str.charCodeAt(i);
            <span style="white-space:pre">	</span>if (charCode >= 0 && charCode <= 128) realLength += 1;
            <span style="white-space:pre">	</span>else realLength += 2;
        <span style="white-space:pre">	</span>}
       <span style="white-space:pre">	</span>   return realLength;
    <span style="white-space:pre">	</span>}