摘要:微信現(xiàn)在出現(xiàn)屏蔽常規(guī)撥號功能,具體解決辦法見微信開發(fā)實(shí)現(xiàn)一鍵撥號出現(xiàn)屏蔽問題的解決方案最常用頁面實(shí)現(xiàn)一鍵發(fā)送短信功能移動頁面一鍵發(fā)送短信咨詢功能在信息錄入界面,顯示發(fā)送號碼,并提示錄入信息。
1、標(biāo)題頁加圖標(biāo):
2、隱藏滾動條
3、placeholder 顏色改變:
4、文字兩端對齊
5、微信開發(fā)之移動手機(jī)WEB頁面(HTML5)Javascript實(shí)現(xiàn)一鍵撥號及短信發(fā)送功能
6、微信里不能復(fù)制解決辦法
7、(1)判斷內(nèi)核是PC還是手機(jī),手機(jī)微信客戶端與PC微信客戶端(好用)
7、(2)js判斷手機(jī)系統(tǒng)是android還是ios(true/false)
8、動態(tài)生成元素加事件
9、select 下拉三角號去掉
10、如何完成一個段落的每行文本漸變效果
11、判斷手機(jī)橫屏豎屏的代碼
12、webstorm相同內(nèi)容選中
13、清楚css樣式緩存的方法
14、為每個li添加一個索引值
15、本地存儲值替代函數(shù)調(diào)用的方法
16、分辨率兼容
17、如何使img標(biāo)簽在div中垂直居中
18、$.get請求接口
19、給li加索引值從0開始
20、禁止鏈接hover,真實(shí)意義上去掉onclick事件
21、return
22、(常用)外層函數(shù)返回內(nèi)層函數(shù)對象3種方法
23、解決input,number類型的maxlength無效
24、PS改變圖標(biāo)背景顏色
-----------------------------------------------------------------------------
1、標(biāo)題頁加圖標(biāo):
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、微信開發(fā)之移動手機(jī)WEB頁面(HTML5)Javascript實(shí)現(xiàn)一鍵撥號及短信發(fā)送功能
http://www.cnblogs.com/skylaugh/p/3277899.html 1.最常用WEB頁面JS實(shí)現(xiàn)一鍵撥號的電話撥打功能: <a href="tel:13764567708">移動WEB頁面JS一鍵撥打號碼咨詢功能a> 帥哥,美女,請注意,要把這個號碼換成你的真實(shí)號碼 在撥號界面,顯示號碼,并提示撥打。 支持大部分的瀏覽器,但是在QQ瀏覽器上支持不好。 微信現(xiàn)在出現(xiàn)屏蔽常規(guī)撥號功能,具體解決辦法見《微信開發(fā)實(shí)現(xiàn)一鍵撥號出現(xiàn)屏蔽問題的解決方案》 2.最常用WEB頁面JS實(shí)現(xiàn)一鍵發(fā)送短信功能: <a href="sms:13764567708">移動WEB頁面JS一鍵發(fā)送短信咨詢功能a> 在信息錄入界面,顯示發(fā)送號碼,并提示錄入信息。 支持大部分的瀏覽器,但是在QQ瀏覽器上支持不好。 3、移動web頁面自動探測電話號碼 <meta name="format-detection" content="telephone=no"> <meta http-equiv="x-rim-auto-match" content="none"> homehtml5/css3webapp開發(fā)-打電話發(fā)短信發(fā)郵件關(guān)注微信 webapp開發(fā)-打電話發(fā)短信發(fā)郵件關(guān)注微信 時間:14-11-05 欄目:html5/css3 作者:zongyan86 評論:0 點(diǎn)擊: 4,551 次 本文標(biāo)簽: WEB web app開發(fā) web開發(fā) 微信開發(fā) 現(xiàn)在web app還是比較流行的,剛用jquery mobile做了個通訊錄的頁面,需要直接點(diǎn)擊電話鏈接直接給該電話撥打號碼,發(fā)短信,發(fā)郵箱等,其實(shí),html已經(jīng)提供了這樣的功能。這里暫且不考慮兼容性的問題。 實(shí)現(xiàn)如下: <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、微信里不能復(fù)制解決辦法:
user-select:auto !important;
7、(1)判斷內(nèi)核是PC還是手機(jī),手機(jī)微信客戶端與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("我是手機(jī)") }
7、(2)js判斷手機(jī)系統(tǒng)是android還是ios(true/false)
8、動態(tài)生成元素加事件:
$("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、判斷手機(jī)橫屏豎屏的代碼:
@media all and (orientation : landscape) { h2{color:red;} /*橫屏?xí)r字體紅色*/ } @media all and (orientation : portrait){ h2{color:green;} /*豎屏?xí)r字體綠色*/ }
12、 大奪webstorm相同內(nèi)容選中:
alt+j
13、清楚css樣式緩存的方法:
14、為每個li添加一個索引值:
$lis = $list.find(li) $lis.each( function (i){ $(this).attr("data-index",i) } )
15、本地存儲值替代函數(shù)調(diào)用的方法:
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標(biāo)簽在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三個參數(shù),這里第二個{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); } }) 不傳數(shù)據(jù)的寫法: $.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 //這里是后臺讓我傳的東西,只要接口數(shù)據(jù)不寫 } 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這里是執(zhí)行完上邊的之后執(zhí)行的,新知識 $(#video_list).find(li).eq(0).trigger(click); }) }
19、給li加索引值從0開始:
$lis.each( function (i){ $(this).attr("data-index",i) } )
20、禁止鏈接hover,真實(shí)意義上去掉onclick事件:
不可點(diǎn)擊,類似于disabled一樣
CSS3樣式:pointer-events:none
21、return:
else{ if(!(reg.test(username))) { //如執(zhí)行false下邊不執(zhí)行 return false; } //如上邊if不執(zhí)行,執(zhí)行這里true,相當(dāng) return true; }
22、(常用)外層函數(shù)返回內(nèi)層函數(shù)對象3種方法:
1、return function(){...} 2、直接給全局變量賦值一個內(nèi)部function 3、將內(nèi)部函數(shù)保存在一個對象的屬性或數(shù)組元素中
例2:閉包,結(jié)果999 1000 //鄙視題
function outer(){ var i=999; nAdd=function(){ return i++}//2、直接給全局變量賦值一個內(nèi)部function return function(){console.log(i)} } var getN = outer(); getN(); //999 nAdd(); //只做了i++,沒輸出 getN(); //1000
23、解決input,number類型的maxlength無效:
使用input數(shù)字number類型的時候maxlength無效,假設(shè)需要控制輸入數(shù)量為5,可以用以下方式: 無效: "text" maxlength="5" /> 效果ok,當(dāng) /> 有效: "number" oninput="if(value.length>5)value=value.slice(0,5)" />
24、PS改變圖標(biāo)背景顏色
圖層選---混合圖層---顏色疊加
25、二維碼
https://cli.im/text?c801aa572463e9e17aef2d6d6affb527
26、不做任何操作,不跳頁面
"javascript:;">連接 "javascript:void(0);">連接
oPopwin.offsetWidth
查看是否有設(shè)置display:none,
parentNode.appendChild()需要先原生創(chuàng)建節(jié)點(diǎn),節(jié)點(diǎn)內(nèi)容成為了document的一部分,且不直接支持傳字符串 var btn = document.createElement(div);
29、字符串內(nèi)容拼接:
for(var i = 0,opts=;i){ opts +=; }
oSelect.innerHTML = opts;
替代:
for(var i = 0,opts=;i){ var oProvince =aProvince[i]; var option = document.createElement(option); option.innerHTML = oProvince.name; oSelect.append(option) }
obj.cloneNode(true) 方法創(chuàng)建節(jié)點(diǎn)的拷貝,并返回該副本。
如果您需要克隆所有后代,參數(shù)設(shè)置 true,否則設(shè)置為 false。
父節(jié)點(diǎn).removeChild(子節(jié)點(diǎn))
32、取消input復(fù)選框選中狀態(tài)的誤區(qū)
http://www.17sucai.com/pins/demo-show?id=6904 正確:oInput.checked=false; 或 oInput.checked=; 錯誤:oInput.setAttribute(checkd,false);
33、如果有border時oDiv.style.width與 oDiv.offsetWidth值會不同
#aa{width:100px;border:1px solid #ffffd;} var oDiv = document.getElementById(aa); console.log(oDiv.style.width); //100, console.log( oDiv.offsetWidth) //102, 計(jì)算加border后的什
34、if else if else根據(jù)判斷條件是否成立,從上到下,三者選其一,只要有一個成立,之后的就不執(zhí)行 ,結(jié)果1
if(1==1){ alert(1) }else if(1!=0){ alert(2) }else { alert(3) }
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/1457.html
摘要:使用批量處理工作簿和工作表批量新建并保存工作簿批量打開一個文件夾中的打開工作簿批量重命名一個工作簿的所有工作表批量重命名多個工作簿批量重命名多個工作簿中的同名工作表將一個工作簿的所有工作表批量復(fù)制到其他工作簿按條件將一 ...
摘要:然而這次的文章,就像賀師俊所說的這篇文章是從程序員這個老年度總結(jié)前端掘金年對我來說,是重要的一年。博客導(dǎo)讀總結(jié)個人感悟掘金此文著筆之時,已經(jīng)在眼前了。今天,我就來整理一篇,我個人認(rèn)為的年對開發(fā)有年終總結(jié)掘金又到 2016 Top 10 Android Library - 掘金 過去的 2016 年,開源社區(qū)異常活躍,很多個人與公司爭相開源自己的項(xiàng)目,讓人眼花繚亂,然而有些項(xiàng)目只是曇花一...
摘要:讓我們探討一下如何確保你的工作脫離主線程運(yùn)行并保證執(zhí)行。這確保在默認(rèn)情況下,你的工作是同步運(yùn)行的,并且在主線程之外運(yùn)行。這是應(yīng)該脫離主線程運(yùn)行的工作,但是,因?yàn)樗c直接相關(guān),所以如果關(guān)閉應(yīng)用程序則不需要繼續(xù)。 原文地址:WorkManager Basics 原文作者:Lyla Fujiwara 譯文出自:掘金翻譯計(jì)劃 本文永久鏈接:github.com/xitu/gold-m… 譯者:Ri...
摘要:為了方便大家共同學(xué)習(xí),整理了之前博客系列的文章,目前已整理是如何工作這個系列,可以請猛戳博客查看。以下列出該系列目錄,歡迎點(diǎn)個星星,我將更友動力整理理優(yōu)質(zhì)的文章,一起學(xué)習(xí)。 為了方便大家共同學(xué)習(xí),整理了之前博客系列的文章,目前已整理 JavaScript 是如何工作這個系列,可以請猛戳GitHub博客查看。 以下列出該系列目錄,歡迎點(diǎn)個星星,我將更友動力整理理優(yōu)質(zhì)的文章,一起學(xué)習(xí)。 J...
摘要:簡評很多人都會有工作懈怠期,開始不喜歡,甚至討厭自己曾經(jīng)熱愛的工作。想一想,你的預(yù)期是否過高至少以目前的職位來看,然后降低自己對這項(xiàng)工作的預(yù)期。我們討論的是讓人們找回自己當(dāng)初熱愛工作的理由,這或許需要重新定義他們的工作內(nèi)容和工作方式。 簡評:很多人都會有工作懈怠期,開始不喜歡,甚至討厭自己曾經(jīng)熱愛的工作。從統(tǒng)計(jì)數(shù)據(jù)來看,也確實(shí)如此。或許當(dāng)你月薪 5w 時,996 就像呼吸一樣自然。 ...
閱讀 730·2023-04-25 19:43
閱讀 3974·2021-11-30 14:52
閱讀 3801·2021-11-30 14:52
閱讀 3865·2021-11-29 11:00
閱讀 3796·2021-11-29 11:00
閱讀 3894·2021-11-29 11:00
閱讀 3571·2021-11-29 11:00
閱讀 6154·2021-11-29 11:00