資訊專欄INFORMATION COLUMN
摘要：實(shí)習(xí)了一年時(shí)間，陸陸續(xù)續(xù)記錄下來(lái)一堆筆記，不過也丟失了一些以后會(huì)持續(xù)更新擴(kuò)展，現(xiàn)在把碰到的知識(shí)點(diǎn)歸納于此，方便翻閱一部分取消自動(dòng)識(shí)別數(shù)字為撥打號(hào)碼移動(dòng)開發(fā)響應(yīng)式布局二部分字母強(qiáng)制大寫解決中滑動(dòng)速度慢或者卡的問題防止復(fù)制，兼
實(shí)習(xí)了一年時(shí)間，陸陸續(xù)續(xù)記錄下來(lái)一堆筆記，不過也丟失了一些... 以后會(huì)持續(xù)更新、擴(kuò)展，現(xiàn)在把碰到的知識(shí)點(diǎn)歸納于此，方便翻閱
一、html部分
1.取消iPhone自動(dòng)識(shí)別數(shù)字為撥打號(hào)碼
2.移動(dòng)開發(fā)、響應(yīng)式布局
二、css部分
1.字母強(qiáng)制大寫
text-transform: uppercase;
2.解決iPhone中overflow:scroll;滑動(dòng)速度慢或者卡的問題
-webkit-overflow-scrolling: touch;
3.防止復(fù)制，兼容主流瀏覽器
-moz-user-select : none;
-webkit-user-select: none;
4.固定背景圖片
background-attachment: fixed;
5.去除iphone input默認(rèn)樣式
input {
-webkit-appearance:none;
}
-webkit-appearance 可用于渲染input風(fēng)格，多用于移動(dòng)端，有兼容性問題，請(qǐng)自行百度
6.設(shè)置表格的邊框合并為一個(gè)單一的邊框
border-collapse:collapse;
7.添加（顯示）IOS下滾動(dòng)條
.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.文字超出部分省略號(hào)隱藏
.box{
width: 200px;
/** 單行顯示隱藏 **/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/** 多行顯示隱藏 **/
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 對(duì)象作為伸縮盒子模型顯示 **/
-webkit-box-orient: vertical; /** 設(shè)置或檢索伸縮盒對(duì)象的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 顯示的行數(shù) **/
overflow: hidden; /** 隱藏超出的內(nèi)容 **/
}
9.設(shè)置表格布局（我都不知道為什么我的筆記.txt里面會(huì)有這個(gè)...）
table{
table-layout:fixed;
}
10.如果想鼠標(biāo)移動(dòng)上去時(shí)顯示被隱藏的文本內(nèi)容，可以設(shè)置
.box:hover {
text-overflow:inherit;
overflow:visible;
}
11.css實(shí)現(xiàn)選中checkbox，文字內(nèi)容顏色變化
<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>11111111111label> div>
以上有些是復(fù)制別人博客的內(nèi)容，具體是哪些大神，由于我是直接復(fù)制到我的txt文件上的，所以請(qǐng)見諒沒標(biāo)明轉(zhuǎn)載，以后碰到了會(huì)注明的
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/2065.html
摘要：站在這個(gè)時(shí)間點(diǎn)上，我對(duì)自己之前三次失敗的面試經(jīng)歷做了一次深度回顧。關(guān)于我第三次面試失敗的經(jīng)歷，依然是與輪播圖有關(guān)。當(dāng)然，這次思特奇面試之旅，最后也是以失敗告終，這也是我離進(jìn)大廠最近的一次。 showImg(https://segmentfault.com/img/bVYQuP?w=528&h=513); 前言 時(shí)間的齒輪已經(jīng)來(lái)到了2017年的11月份，距離2018年僅僅還剩下不到兩...
摘要：站在這個(gè)時(shí)間點(diǎn)上，我對(duì)自己之前三次失敗的面試經(jīng)歷做了一次深度回顧。關(guān)于我第三次面試失敗的經(jīng)歷，依然是與輪播圖有關(guān)。當(dāng)然，這次思特奇面試之旅，最后也是以失敗告終，這也是我離進(jìn)大廠最近的一次。 showImg(https://segmentfault.com/img/bVYQuP?w=528&h=513); 前言 時(shí)間的齒輪已經(jīng)來(lái)到了2017年的11月份，距離2018年僅僅還剩下不到兩...
摘要：轉(zhuǎn)自自己在開源中國(guó)上的博客前言公司群里經(jīng)常有人會(huì)發(fā)一些微信小游戲，每次下面都會(huì)跟好多曬分截圖。因?yàn)榍岸斯コ仟{有前端攻城獅的玩法。取消斷點(diǎn)繼續(xù)游戲。這時(shí)在手機(jī)微信里訪問游戲的鏈接，在端里就可以看到手機(jī)發(fā)出的請(qǐng)求。 轉(zhuǎn)自自己在開源中國(guó)上的博客：https://my.oschina.net/u/7247... 前言 公司群里經(jīng)常有人會(huì)發(fā)一些微信小游戲，每次下面都會(huì)跟好多曬分截圖。比如這個(gè)《看...
閱讀 739·2023-04-25 19:43
閱讀 3983·2021-11-30 14:52
閱讀 3811·2021-11-30 14:52
閱讀 3872·2021-11-29 11:00
閱讀 3806·2021-11-29 11:00
閱讀 3905·2021-11-29 11:00
閱讀 3584·2021-11-29 11:00
閱讀 6192·2021-11-29 11:00
