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

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