一、单个控件中的内容换行text-align:end;width:20%;display:inline-block;min-width:35px;line-height:25px;text-overflow:ellipsis;white-space:nowrap;//核心核心1：white-space:nowrap;核心2：min-width:35px;//是用来控制换行的最小宽度（未确定需要设置具体值还是比例）text-align:end;//要根据实际需求在有单词等情况下，换行默认的可能会有空格设置word-break:break-all;
阅读全文
CSS-关于布局居中、水平、垂直、对齐经验积累、设置div水平分布
一、水平布局：1、布局使用百分比加左右浮动（两个块级元素实现水平布局）（往下可能需要清除浮动 可能需要加一个div过渡，这个div可能需要设置clear：both，paddin-top值）2、用使用内联元素也能实现水平布局 优先使用:
阅读全文
js-浏览器窗口框宽高、宽度、高度及位置示意图
获取浏览器几种窗口的宽度：$(document).ready(function(){alert($(window).width());//浏览器当前窗口可视区域宽度alert($(document).width());//浏览器当前窗口文档对象宽度alert($(document.body).width());//浏览器当前窗口文档body的宽度alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度包括border、paddingmargin})四种浏览器对clientHeight、of
阅读全文
js-预加载图片资源
(functionpreloadImgs(){varpreloadImgsArr=[];if(signaturePhotoVoList&&signaturePhotoVoList.length>0){preloadImgsArr=signaturePhotoVoList.slice();;}if(otherPhotoVoList&&otherPhotoVoList.length>0){preloadImgsArr=preloadImgsArr.concat(otherPhotoVoList);;}if(pre
阅读全文
js-向上取整 向下取整 四舍五入 随机数
<scripttype="text/javascript">varpNum=2.1;varnNum=-2.1;console.log("向上取整正数:"+pNum+",Math.ceil("+pNum+")="+Math.ceil(pNum));console.log("向上取整负数:"+nNum+",Math.ceil("+nNum+")="+Math.ceil(nNum));console.log("向下取整正数:"+pNum+",Math.floor("+pNum+")="+Math.floor(pNum));console.log(
阅读全文
js-实现类似带有命名空间的js写法总结-模块化调用-prototype用法
1、varcommon=window.common||{};//防止window中已有common对象时被替换common.doSomething=function(argument){//TODO}调用方法common.doSomething(argument)2、varXXXTool={init:function(argument){//TODO}}调用方法XXXTool.init(argument)3、prototype用法，详见《js-模块化调用》varXXXTool=function(Argument){//可选相当于构造器//注意这里的th
阅读全文
js-前端获取上下翻页的行号计算rowNum
currentPage执行成功后保存在js内存中点击翻页时触发以下：（后端根据rowNum来偏移，不依赖currentPage）上一页rowNum=(parseInt(currentPage)-1)*parseInt(pageSize)+parseInt(rowNum)-1;下一页rowNum=(parseInt(currentPage)-1)*parseInt(pageSize)+parseInt(rowNum)+1;后端根据rowNum获取到上一条或下一条数据后//修改数据currentPage和rowNum会变化currentPage=Math.
阅读全文
js-监控js、css加载报错-方法执行报错
<script>/***js监控css和js加载*js报错以后用邮件，如果有必要的话。*@parammessage*@paramsource*@paramlineno*@paramcolno*@paramerror*///TODO后台搞个调试模式的配置window.onerror=function(message,source,lineno,colno,error){console.log(message,source,lineno,colno,error);//alert("方法执行出错，message="+message+",sourc
阅读全文
js-监听控件加载完成-兼容Firefox/Opera/Safari/IE
Firefox/Opera/Safari中直接使用iframeonload事件：//document.getElementById('idWeatherIframe').onload=function(){//console.log('idWeatherIframe');//alert("天气加载完成");////};兼容Firefox/Opera/Safari/IE的处理方式：varoFrm=document.getElementById('idWeatherIframe');oFrm.onload=oFrm.onreadystatechange=f
阅读全文
