資訊專欄INFORMATION COLUMN
摘要：微信現在出現屏蔽常規撥號功能，具體解決辦法見微信開發實現一鍵撥號出現屏蔽問題的解決方案最常用頁面實現一鍵發送短信功能移動頁面一鍵發送短信咨詢功能在信息錄入界面，顯示發送號碼，并提示錄入信息。
1、標題頁加圖標：
2、隱藏滾動條
3、placeholder 顏色改變：
4、文字兩端對齊
5、微信開發之移動手機WEB頁面(HTML5)Javascript實現一鍵撥號及短信發送功能
6、微信里不能復制解決辦法
7、（1）判斷內核是PC還是手機，手機微信客戶端與PC微信客戶端（好用）
7、（2）js判斷手機系統是android還是ios（true/false）
8、動態生成元素加事件
9、select 下拉三角號去掉
10、如何完成一個段落的每行文本漸變效果
11、判斷手機橫屏豎屏的代碼
12、webstorm相同內容選中
13、清楚css樣式緩存的方法
14、為每個li添加一個索引值
15、本地存儲值替代函數調用的方法
16、分辨率兼容
17、如何使img標簽在div中垂直居中
18、$.get請求接口
19、給li加索引值從0開始
20、禁止鏈接hover，真實意義上去掉onclick事件
21、return
22、（常用）外層函數返回內層函數對象3種方法
23、解決input,number類型的maxlength無效
24、PS改變圖標背景顏色
-----------------------------------------------------------------------------
1、標題頁加圖標：
http://www.atool.org/ico.php
2、隱藏滾動條
::-webkit-scrollbar { display:none; }
3、placeholder 顏色改變：
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #999FB1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999FB1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999FB1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999FB1; }
4、文字兩端對齊
text-align: justify;
text-align-last: justify;-moz-text-align-last:
5、微信開發之移動手機WEB頁面(HTML5)Javascript實現一鍵撥號及短信發送功能
http://www.cnblogs.com/skylaugh/p/3277899.html 1.最常用WEB頁面JS實現一鍵撥號的電話撥打功能： <a href="tel:13764567708">移動WEB頁面JS一鍵撥打號碼咨詢功能a> 帥哥，美女，請注意，要把這個號碼換成你的真實號碼 在撥號界面，顯示號碼，并提示撥打。 支持大部分的瀏覽器，但是在QQ瀏覽器上支持不好。 微信現在出現屏蔽常規撥號功能，具體解決辦法見《微信開發實現一鍵撥號出現屏蔽問題的解決方案》 2.最常用WEB頁面JS實現一鍵發送短信功能： <a href="sms:13764567708">移動WEB頁面JS一鍵發送短信咨詢功能a> 在信息錄入界面，顯示發送號碼，并提示錄入信息。 支持大部分的瀏覽器，但是在QQ瀏覽器上支持不好。 3、移動web頁面自動探測電話號碼 <meta name="format-detection" content="telephone=no"> <meta http-equiv="x-rim-auto-match" content="none"> homehtml5/css3webapp開發-打電話發短信發郵件關注微信 webapp開發-打電話發短信發郵件關注微信 時間:14-11-05 欄目:html5/css3 作者:zongyan86 評論:0 點擊: 4,551 次 本文標簽： WEB web app開發 web開發 微信開發 現在web app還是比較流行的，剛用jquery mobile做了個通訊錄的頁面，需要直接點擊電話鏈接直接給該電話撥打號碼，發短信，發郵箱等，其實，html已經提供了這樣的功能。這里暫且不考慮兼容性的問題。 實現如下： <a href="tel:10086">10086a> <a href="sms:10086">短信：10086a> <a href="weixin://addfriend/kuaipao8-com">微信號：kuaipao8-coma> <a href="mailto:378588579@qq.com">電子郵箱：378588579@qq.coma>
6、微信里不能復制解決辦法：
user-select:auto !important;
7、（1）判斷內核是PC還是手機，手機微信客戶端與PC微信客戶端（好用）：
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod" ]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } } return flag; } if(IsPC()){ alert(我是PC) }else{ alert("我是手機") }
7、（2）js判斷手機系統是android還是ios（true/false）
8、動態生成元素加事件：
$("body").delegate(".closetag","click",function(){
$(this).parent(.tag).remove();
alert(ok);
})
$("#provinces").on("click" , ".a_padd a" ,function(){ ... }）
9、select 下拉三角號去掉：
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
10、如何完成一個段落的每行文本漸變效果
background-image: linear-gradient(to right, deeppink, dodgerblue);
-webkit-background-clip: text;
color: transparent;
11、判斷手機橫屏豎屏的代碼：
@media all and (orientation : landscape) { h2{color:red;} /*橫屏時字體紅色*/ } @media all and (orientation : portrait){ h2{color:green;} /*豎屏時字體綠色*/ }
12、 大奪webstorm相同內容選中：
alt+j
13、清楚css樣式緩存的方法：
14、為每個li添加一個索引值：
$lis = $list.find(li) $lis.each( function (i){ $(this).attr("data-index",i) } )
15、本地存儲值替代函數調用的方法：
localStorage.setItem("getIndex",$index) //存儲名字為name值為caibin的變量
localStorage.getItem("getIndex") //getIndex,讀取保存在localStorage對象里名為name的變量的值
清空localStorage：
localStorage.clear()
16、分辨率兼容
;(function(win,doc){ var rem = 40/750*doc.documentElement.clientWidth; doc.documentElement.style.fontSize=rem+px; win.addEventListener(resize,function(){ var rem = 40/750*doc.documentElement.clientWidth; doc.documentElement.style.fontSize = rem+px; },false) })(window,document);
17、如何使img標簽在div中垂直居中
div{ display:block; width:200px; height:120px; border:1px solid #ccc; text-align:center; display:table-cell;vertical-align:middle;} div img{vertical-align:middle;display:inline;}
18、$.get請求接口：
格式： //$.get三個參數，這里第二個｛data:我傳的｝，data是后臺給的， $.get(http://dev.admission.edvantage.com.cn/?site=user&ctl=video&act=index , {data:我傳的} , function(res){ if(res.status == true){ console.log(res); } }) 不傳數據的寫法： $.get(apiUrl + ?site=user&ctl=video&act=index , {} , function(res){}) $.ajax請求接口： $.ajax({ url:http://dev.admission.edvantage.com.cn/?site=user&ctl=video&act=index, type:GET, data:{ id:1 //這里是后臺讓我傳的東西，只要接口數據不寫 } success:function(res){ console.log(res.data) } }) $.post請求接口： 給的接口和要傳的值：http://dev.admission.edvantage.com.cn/user/video/get_student_video.html?video_id=9&student_id=18（每個列表中的id值傳過去） var dataParam = { video_id:video_id, student_id:student_id, }; $.post(http://dev.admission.edvantage.com.cn/user/video/get_student_video.html , dataParam , function(res){ if(res.status == true){ var data = res.data.list; //console.log("1:"+data); } }) .then(function(){ //then這里是執行完上邊的之后執行的，新知識 $(#video_list).find(li).eq(0).trigger(click); }) }
19、給li加索引值從0開始：
$lis.each( function (i){ $(this).attr("data-index",i) } )
20、禁止鏈接hover，真實意義上去掉onclick事件：
不可點擊，類似于disabled一樣
CSS3樣式：pointer-events:none
21、return：
else{ if(!(reg.test(username))) { //如執行false下邊不執行 return false; } //如上邊if不執行，執行這里true，相當 return true; }
22、（常用）外層函數返回內層函數對象3種方法：
1、return function(){...}
2、直接給全局變量賦值一個內部function
3、將內部函數保存在一個對象的屬性或數組元素中
例2：閉包，結果999 1000 //鄙視題
function outer(){ var i=999; nAdd=function(){ return i++}//2、直接給全局變量賦值一個內部function return function(){console.log(i)} } var getN = outer(); getN(); //999 nAdd(); //只做了i++,沒輸出 getN(); //1000
23、解決input,number類型的maxlength無效：
使用input數字number類型的時候maxlength無效，假設需要控制輸入數量為5，可以用以下方式： 無效： "text" maxlength="5" /> 效果ok，當 /> 有效： "number" oninput="if(value.length>5)value=value.slice(0,5)" />
24、PS改變圖標背景顏色
圖層選---混合圖層---顏色疊加
25、二維碼
https://cli.im/text?c801aa572463e9e17aef2d6d6affb527
26、不做任何操作，不跳頁面
"javascript:;">連接 "javascript:void(0);">連接
oPopwin.offsetWidth
查看是否有設置display:none，
parentNode.appendChild()需要先原生創建節點，節點內容成為了document的一部分，且不直接支持傳字符串 var btn = document.createElement(div);
29、字符串內容拼接：
