- 浏览: 452528 次
- 性别:
- 来自: 广州
-
最新评论
-
ubuntu的疯狂:
推荐一份完整的教程:http://blog.ddlisting ...
Emberjs学习 -
ptz19:
请问,如果把合并前的文件,不要dest 目标目录来。如: js ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008:
楼主,还有个问题,<a href="" ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008:
感谢楼主,用到了您的代码, 但现在好像有改动 否则会报错:修改 ...
gulp下静态资源的合并、压缩、MD5后缀 -
denverj:
感谢分享~
Emberjs学习
文章列表
<style type="text/css">
.calender_tb{
border-collapse:collapse;
background-color:lightblue;
font-family:'宋体';
font-size:90%;
width:160px;
height:160px;
}
.calender_tb tr td{
padding:2px;
cursor:pointer;
border:1px solid black;
text-align:center;
white-spac ...
function tranverse(el,lv){
if(el.nodeType == 1 || el.nodeType == 9){
var name = el.nodeName.toString() + "<br />";
lv.push('>');
for(var i=0,len = el.childNodes.length; i < len;i++){
name = name + tranverse(el.childNodes.item(i),lv);
}
lv.pop('>');
...
阿拉伯数字转金额中文大写
- 博客分类:
- JavaScript
function converToZH(numberVal){
var ZH_VAL = "零壹贰叁肆伍陆柒捌玖"; // 汉字数字
var UNIT = "万仟佰拾亿仟佰拾万仟佰拾元角分"; // 对应单位
var n_money = Number(numberVal);
var negative = false;
if(n_money == 0)
return "零元整";
if(n_money < 0){
negative = true;
n_money = ...
日期有效性检测方法
- 博客分类:
- JavaScript
/**
日期格式:YYYY-MM-DD;
日期有效返回true,否则返回false
*/
function checkDate(str){
var reg =/^[12]\d{3}-(0[1-9]|1[0-2])-([0-2]\d|3[0-1])/;
if(reg.test(str)){
var arr = str.split('-');
var dt2 = new Date(arr[0],arr[1]-1,arr[2]);
var fullYear = dt2.getFullYear();
var fullMonth = dt2.getMont ...
<textarea id='target_area'onclick="setCaret(this);" onkeyup="setCaret(this);"></textarea>
//设置textarea光标位置
function setCaret(textObj){
if(textObj.createTextRange){
textObj.caretPos=document.selection.createRange().duplicate();
}
}
//光标位置插入内容
...
/**
获取当前滚动的位置。
*/
function getScrollingPosition()
{
var position = [0, 0];
//FF
if (typeof window.pageYOffset != 'undefined')
{
position = [
window.pageXOffset,
window.pageYOffset
];
}
//IE
else if (typeof document.documentElement.scrollTop
!= 'undefined ...
function init(){
buildSpinner({ x : 50, y : 50, size : 20, degrees : 15 });
}
function buildSpinner(data) {
var canvas = document.createElement('canvas');
canvas.height = 100;
canvas.width = 300;
document.getElementsByTagName('div')[0].appendChild(canvas);
var ctx = canv ...
/**测试数据*/
var parent = {
numbers: [1, 2, 3],
letters: ['a', 'b', 'c'],
obj: {
prop: 1
},
bool: true,
fn: function(p){
alert(p);
}
};
/**浅复制*/
function copy(p,c){
var c = c || {};
for(var i in p){
c[i] = p[i];
}
return c;
}
/**深度复制*/
function deepCopy(p, c ...
#panel {
position :relative;
}
#panel img{
position : absolute;
top:0px;
left:0px;
}
<div id="panel">
<img id="img1" src="/img/1.jpg" width="500px" height="332px"/>
</div>
function init(){
var img = docume ...
<style type="text/css">
table{
border-collapse:collapse;
width:300px;
}
table caption{
border-right:1px solid #abc;
border-left:1px solid #abc;
border-top:2px solid #000;
border-bottom:2px solid #000;
background-color:#afd;
}
#sales tr,#sales td{
border:1px soli ...
<style type="text/css">
table{
border-collapse:collapse;
width:300px;
}
table caption{
border-right:1px solid #abc;
border-left:1px solid #abc;
border-top:2px solid #000;
border-bottom:2px solid #000;
background-color:#afd;
}
#sales tr,#sales td{
border:1px soli ...
*{
margin:0px;
padding:0px;
}
#skills ul,#skills li{
list-style-type:none;
margin:0px;
padding:0px;
}
#skills li{
float:left;
margin-left:5px;
position:relative;
}
#skills canvas.skill{
float:left;
position:absolute;
top:0px;
left:0px;
cursor:pointer;
overflow ...
canvas元素:Firefox,Chrome支持,IE不支持(可以使用excanvas库,将其转化为svg来实现)
在页面上定义一个canvas元素,需要指定长宽(px为单位)。如果使用excanvas库,不能够带单位。
<canvas id="graph" width=200 height=200 ></canvas>
var graph = document.getElementById('graph');
// 判断是否支持canvas绘画
if(typeof graph.getContext != 'undefined' ...
#triangle
{
border: 2px solid #999;
position: relative;
width: 50px;
height: 25px;
}
#triangle > div
{
border-style: solid;
border-color: transparent #900;
border-width: 25px 50px;
position: absolute;
left: 0;
top: 0;
clip: rect(0, 50px, 25px 0);
}
<div id=&q ...
instanceof 与 constructor通常都用判断实例与类之间的关系。但是,在应用中,不同的侧重点将会有不同的具体偏好。我们看看它们的一些特点,从而更恰当的应用。
来看下面的这段代码:
function Person(){
}
var a = new Person();
alert(a instanceof Person);//true
Person.prototype = {
constructor:Person
}
alert(a instanceof Person);//false
在创建了一个Person对象以后,我们重新指向了函 ...