、html部分
1.取消iPhone自動識別數字為撥打號碼
<meta name = "format-detection" content = "telephone=no">
2.移動開發、響應式布局
<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes"/>
二、css部分
1.字母強制大寫
text-transform: uppercase;
2.解決iPhone中overflow:scroll;滑動速度慢或者卡的問題
-webkit-overflow-scrolling: touch;
3.防止復制,兼容主流瀏覽器
-moz-user-select : none;
-webkit-user-select: none;
4.固定背景圖片
background-attachment: fixed;
5.去除iphone input默認樣式
input {
-webkit-appearance:none;
}
-webkit-appearance 可用于渲染input風格,多用于移動端,有兼容性問題,請自行百度
6.設置表格的邊框合并為一個單一的邊框
border-collapse:collapse;
7.添加(顯示)IOS下滾動條
.box::-webkit-scrollbar{
-webkit-appearance: none;
width: 14px;
height: 14px;
}
.box::-webkit-scrollbar-thumb{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}
8.文字超出部分省略號隱藏
.box{
width: 200px;
/** 單行顯示隱藏 **/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/** 多行顯示隱藏 **/
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 對象作為伸縮盒子模型顯示 **/
-webkit-box-orient: vertical; /** 設置或檢索伸縮盒對象的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 顯示的行數 **/
overflow: hidden; /** 隱藏超出的內容 **/
}
9.設置表格布局(我都不知道為什么我的筆記.txt里面會有這個...)
table{
table-layout:fixed;
}
10.如果想鼠標移動上去時顯示被隱藏的文本內容,可以設置
.box:hover {
text-overflow:inherit;
overflow:visible;
}
11.css實現選中checkbox,文字內容顏色變化
<style> .tgl-light + .tgl-btn { background: #f0f0f0; border-radius: 2em; padding: 2px; -webkit-transition: all .4s ease; transition: all .4s ease; } .tgl-light + .tgl-btn:after { border-radius: 50%; background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease; } .tgl-light:checked + .tgl-btn { background: #9FD6AE; } </style> <div class='tg-list-item'> <input class='tgl tgl-light' id='cb1' type='checkbox'> <label class='tgl-btn' for='cb1'>11111111111</label> </div>
想要學習或者了解web前端編程的小伙伴,可以私信小編【學習】web前端海量知識分享,歡迎初學和進階中的小伙伴。
多人日常使用的瀏覽器不止一個,因為工作的需要經常要在多個瀏覽器切換。當我們需要用到不同的瀏覽器的時候,需要把收藏的書簽網址導入導出到另一個瀏覽器。下面給大家介紹瀏覽器導入導出書簽,以及刪除書簽的方法步驟,希望能夠幫助到有需要的人。
我們使用瀏覽器的時候保存的網頁網址就是書簽,保存書簽后方便以后隨時查看。基本上每個瀏覽器都有書簽功能,通過使用書簽,我們可以大大提高工作效率。
1、打開常用的瀏覽器,這里以360安全瀏覽器為例,點擊瀏覽器右上角的三個橫圖標(打開菜單),然后選擇【收藏】,接著點擊【導入/導出】;
2、在彈出導入/導出收藏夾窗口中,選擇導出至HTML文件;在彈出的另存為窗口中,選擇存放的位置,然后點擊保存,這樣就完成了書簽收藏夾的導出。
1、打開多御安全瀏覽器https://www.duoyux.com/,點擊瀏覽器的右上角的三個橫圖標,點擊【設置】;
2、在打開的設置頁面中,點擊用戶下面的【導入書簽和設置】;然后在彈出來的導入書簽和設置窗口中,選擇以前導出的書簽(HTML文件),最后點擊選擇文件;
3、在彈出的打開對話框中,找到之前從360安全瀏覽器導出的書簽HTML文件,選中文件,然后點擊打開,就會顯示導入成功。
我們使用瀏覽器的時候,如果之前保存的書簽已經不需要了,那么可以對不需要的書簽進行刪除。打開360安全瀏覽器,然后對著不需要的書簽點擊右鍵,然后在點擊鼠標左鍵刪除即可。
我們在工作生活中經常需要使用多個瀏覽器,因此學會導入導出書簽是非常重要的。在多個瀏覽器切換使用的時候,能夠正常使用保存下來的書簽,幫助我們提高工作效率。當我們不需要某些書簽的時候,要及時對書簽進行整理,刪除不需要的書簽,這樣書簽收藏夾就不會亂七八糟的,方便我們迅速找到收藏的網頁。
以上就是瀏覽器導入、導出以及刪除書簽的方法步驟。大家如果使用的瀏覽器和上面介紹的不一樣,需要導入、導出、刪除書簽,也可以參考上面的方法步驟,因為瀏覽器書簽的導入導出和刪除方法是大同小異的。
了避免誤刪數據,刪除前應該不要嫌麻煩彈出一個確認/取消詢問窗口,以前免錯刪數據后無法恢復。網站的數據刪除由用 戶在客戶端發起,所以彈出確認/取消詢問窗口由javascript來完成,它彈出的詢問窗口跟Windows系統彈出的一樣。
javascript刪除前彈出一個確認/取消詢問窗口有幾種方法,我們只介紹一種方便調用的方法,這樣既便于在 javascript 代碼中調用,又便于在 html 文件中調用。
一、javascript刪除前彈出確認/取消詢問窗口方法
為了方便調用,我們把它封裝成一個方法(函數),以下就是具體代碼:
從以上的刪除代碼來看,是使用了 windows 的 confirm 方法。confirm 括號中的“你確定要刪除嗎?”是彈 出詢問窗口問用戶的文字,可以根據自己的要求修改,當用戶確認要刪除(即單擊了“確認”按鈕),返回真;當用戶取消 刪除(單擊了“取消”按鈕),返回假。
二、應用舉例(javascript刪除前彈出確認/取消詢問窗口方法)
假如用戶選中了幾條要刪除的產品記錄,用戶單擊“刪除”后立即彈出一個“確認/取消”詢問窗 口,只有用戶選擇“確認”后才刪除,否則不刪除,具體代碼如下:
只要在每個要刪除數據的javascript方法中直接調用刪除前詢問方法就可以了;當它返回真,執行刪除操作,否則不刪除 數據。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。