前端经验累积Word文档下载推荐.docx
《前端经验累积Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《前端经验累积Word文档下载推荐.docx(10页珍藏版)》请在冰豆网上搜索。
3、批命令延时启动
ping-n20127.0.0.1>
nul
startC:
\Users\Administrator\Desktop\chrome
4、表格内容显示一行多余文字省略方法:
本方法用于解决表格单元格内容过多时的美观问题,主要涉及到4句CSS样式:
1.
table-layout:
fixed
由于table-layout的默认值是auto,即table的宽高将取决于其内容的多寡,如果内容的体积无法估测,那么最终表格的呈现形式也无法保证了,fixed一下就好了。
(注意:
此样式是关键)
2.
white-space:
nowrap
是为了保证无论单元格(TD)中文本内容有多少,都不会自动换行,此时多余的内容会在水平方向撑破单元格。
3.
overflow:
hidden
隐藏超出单元格的部分。
4.
text-overflow:
ellipsis
将被隐藏的那部分用省略号代替。
例子:
<
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Strict//EN"
"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
htmlxmlns="
//www.w3.org/1999/xhtml"
head>
<
styletype="
text/css"
table
{
table-layout:
width:
100%;
}
td
white-space:
nowrap;
overflow:
hidden;
text-overflow:
ellipsis;
background-color:
#ccc;
/style>
/head>
body>
table>
thead>
th>
第一列
/th>
第二列
/thead>
tbody>
tr>
td>
span>
超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容<
/span>
/td>
超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容
/tr>
/tbody>
/table>
/body>
/html>
5、获取屏幕高宽度:
vars="
"
;
s+="
网页可见区域宽:
+document.body.clientWidth;
s+="
网页可见区域高:
+document.body.clientHeight;
+document.body.offsetWidth+"
(包括边线和滚动条的宽)"
+document.body.offsetHeight+"
(包括边线的宽)"
网页正文全文宽:
+document.body.scrollWidth;
网页正文全文高:
+document.body.scrollHeight;
网页正文部分左:
+window.screenLeft;
屏幕分辨率的高:
+window.screen.height;
屏幕分辨率的宽:
+window.screen.width;
屏幕可用工作区高度:
+window.screen.availHeight;
屏幕可用工作区宽度:
+window.screen.availWidth;
你的屏幕设置是"
+window.screen.colorDepth+"
位彩色"
6、Angularjsselect所绑定的ng-model值不变的解决方案
7、Ng-show与ng-if的区别:
ng-if会取消dom属性,导致后台的$scope取得前台的model会undefined取不到值
ng-show只是修改了display的属性
8、解决富文本ueditor编辑框因为内容过长导致工具栏遮挡住了内容的解决方案:
在初始化ueditor或者绑定angularjs绑定config来加入一行属性
F.ready(function(){
editor=newUE.ui.Editor({
initialFrameWidth:
'
100%'
initialFrameHeight:
300,
initialContent:
p>
关于FineUI<
br>
基于ExtJS的开源ASP.NET控件库。
/p>
'
focus:
true,
autoFloatEnabled:
false
});
editor.render("
UEditor1"
加上autoFloatEnabled:
false这一句,工具条就不动了。
$scope._simpleConfig={
autoFloatEnabled:
9、js中单双引号拼接的问题
inputvalue="
Test"
type="
button"
onclick="
alert(&
quot;
OK&
/>
应该使用HTML的,而不是javascript的。
两个双引号的做法是vbScript的,\"
这种做法则是javascript的,而HTML的,则是用&
,此外还可以使用:
、&
#x27。
10、判断是否是ie8
if(navigator.userAgent.indexOf("
MSIE8.0"
)>
0){
alert('
ie8'
}
11、jquery动态改变宽高有一个数值变为另一个数值利用animate
$(“#id”).animate({“width”:
260},300)
12、js判断是否为ie系列浏览器
varisIE=!
window.ActiveXObject;
varisIE6=isIE&
&
window.XMLHttpRequest;
varisIE8=isIE&
document.documentMode;
varisIE7=isIE&
isIE6&
isIE8;
13、input标签
formaction="
method="
GET/POST"
<
inputtype="
text"
/>
password"
radio"
submit"
reset"
<
/form>
特别说明,最有一个类型reset为重置form表单中所有内容,即将之前所填入内容清空的意思,可以省去onclick事件来控制清空
size
属性规定输入字段的尺寸(以字符计)
14、完美输出textarea样式(换行,空格)
pstyle="
word-wrap:
break-word;
keep-all;
pre-wrap;
textarea内容<
15、javascript页面后退并刷新
16、toFixed()不是严格意义的四舍五入
方法一:
在JS中四舍五入的函数toFixed(n),n为要保留的小数位数。
n为0~20,当n超过20的时候,JS会出错。
如果小数点前和要截取的前一位都是0时,不会按常理截取。
varh=0.07
h.toFixed
(1)的值为0.0
其实要解决这个问题,原来是不一定要重写js中的Number类型的toFixed方法的。
一个非常牛的同事,想到了一个他说很笨,但是我觉得很牛的方法。
JS的API上说,截取的位数前至少要有一位不是0的。
于是,他这个很笨却很牛的方法是:
使用toFixed方法之前加1,使用之后再减去1。
1.var
num
=
0.007;
//要四舍五入的数字
2.var
fixNum
new
Number(num+1).toFixed
(2);
//四舍五入之前加1
3.var
fixedNum
Number(fixNum
-
1).toFixed
(2);
//四舍五入之后减1,再四舍五入一下
4.alert(fixedNum);
//弹出的数字就是正确的四舍五入结果啦
方法二:
下面的脚本是重写了toFixed(),这样0.056就可以转化到0.1了
Number.prototype.toFixed=function(len)
{
varadd=0;
vars,temp;
vars1=this+"
varstart=s1.indexOf("
."
if(s1.substr(start+len+1,1)>
=5)add=1;
vartemp=Math.pow(10,len);
s=Math.floor(this*temp)+add;
returns/temp;
}
17、type为number的input标签输入小数的方法
方法如下:
number"
step="
0.01"
∙1
在input标签中添加step属性,此例子中将step设为”0.01”,即可以输入含两位小数的数字。
(仅输入含一位小数或整数也可)
可以自行修改step值来修改精确度。
18、Html去标签方法
functionwenben(str){
vardd=str.replace(/<
\/?
.+?
/g,"
vardds=dd.replace(//g,"
//dds为得到后的内容
returndds
}
19、改变关键字颜色方法
functioneachColor(obj1,obj2){
varnt='
spanstyle="
color:
#fc6621"
+obj2+"
varreg=RegExp(obj2,"
g"
returnobj1.replace(reg,nt);
20、