测绘-基站分布(数据可视化) 项目总结

1.修改文本框提示文字placeholder的样式:

/*修改提示文字的颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #edf8ff; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #edf8ff; 
} 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #edf8ff; 
} 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #edf8ff; 
} 

2.修改input标签输入文字的样式:(onkeyup事件,oninput事件)

$(".search-input").on("keyup",function(){
$(this).css("fontSize","18px");
$(this).css("color","rgba(63,130,252,0.2)");
$(this).css("paddingTop","2px");
})

3.状态机编程

4. 使用canvas时出现如下报错的解决办法,因为js先于页面载入,还没有canvas属性啊,于是改改看:

错误一:你用的是div标签不是canvas标签~

错误二:window.οnlοad=function(){
        //代码
        }

5.循环与闭包,在for循环中用闭包

6.添加tag标签

$(".baseStation-search-show-content1 span").attr("tag", function(i){
return json.continentList[i].conName; 
});

7.获取tag标签的属性值

this.getAttribute('tag')//原生

$(this).attr('tag')//jQuery
8. 隐藏滚动条保留滚动效果

只限制当前元素,不能多个节点一起定义

.element::-webkit-scrollbar {display:none}  

.element表示节点

不限制元素,多个元素的滚动条一起限制

::-webkit-scrollbar {display:none};

9.怎么实现click事件多次执行(在每次绑定点击事件前先解除之前的事件绑定,再为元素绑定事件,类似于先清空)

1 $("#adsCollection_tb").unbind("click").bind("click",function(){
2     alert("执行"); 
3  });
4 $("#adsCollection_tb").off("click").on("click",function(){
5     alert("执行"); 
6 });

10.点击时获取点击位置相对父元素的坐标

$(".mapRange").on("click",function(e){
var e=e||window.event;
var left1=e.offsetX+"px";
var top1=e.offsetY+"px";
console.log(left1,top1);
})

相对浏览器位置坐标clientX clientY

11.触发自定义事件

$('#btn').bind("myclick",function(){....});
$('#btn').trigger("myclick"); 
$('#btn').unbind("click"); //移除click
$('#btn').bind("click"); //添加click






你可能感兴趣的:(测绘-基站分布(数据可视化) 项目总结)