記錄 前端技能公升級中坑集合

2021-10-02 23:06:16 字數 3410 閱讀 7966

網頁在裝置適配的時候,會出現由於文字過多而排版出現問題的情況。

解決方法:

超出行寬的文字用省略號表示,或者直接去掉不用省略號代替。

overflow

: hidden;

white-space

: nowrap;

text-overflow

: ellipsis;

max-width

: 50%;

說明:overflow: hiddenoverflow 屬性規定當內容溢位元素框時發生的事情。這個屬性定義溢位元素內容區的內容會如何處理。hidden 表示內容會被修剪,並且剪掉的內容是不可見的。

white-space: nowrap

規定文字不進行換行。white-space 屬性設定如何處理元素內的空白。nowrap 表示文字不會換行,文字會在在同一行上繼續,直到遇到

標籤為止。

text-overflow: ellipsis

text-overflow 屬性規定當文字溢位包含元素時發生的事情。ellipsis 表示顯示省略符號來代表被修剪的文字。

實現效果:

解決辦法:

用a標籤,但預設a標籤下的文字是有顏色和下劃線。這時只要給a標籤加個style就好了。

"text-decoration:none;color:#a6a6a6;font-size:16px" href=

"../article.html"

>

="image"

/>

我是模板<

js中的/是數學意義上的除法,不是c語言中的向下取整。js中的%和c語言中的%意義相同,都是模運算。

在js中,

math.ceil(x)是向上取整。

math.floor(x)是向下取整。

math.round(x)是四捨五入。

var url =

" ";//首先獲取到你的url位址;

var ary = url .

split

("&");

//用「&」將url分割成2部分每部分都有你需要的東西;

var url1 = ary[1]

;//獲取到url的另一部分"id=1";

var id = url1.

split

("=")[

1];//獲取到id的值 1

window.localstorage只能存key value且value值為string字串。在面對套娃式的物件的時候會比較棘手。

解決方法:

1.將object物件轉換成string儲存在window.localstorage。

2.在讀取時將window.localstorage下的該字串轉化成json格式。

3.利用json.parse解析成object物件。

建立乙個 documentfragment 節點:

如果直接在提前設定的dom結點上新增元素,每新增乙個元素就會造成瀏覽器的重排(reflow)。對於載入元素較多的網頁來說,容易造成瀏覽器效能消耗。

需要在頁面上顯示中文漢字,可以用鍵值對映的方法實現。

var namestatusjson =

;blabla...

...}

ps:如果是在window.localstorage中的話可以考慮在鍵值後追加上對應的中文,之間用某個符號間隔開,再用split分割。

順時針旋轉x度

transform: rotate(9deg);

-ms-transform: rotate(9deg); //internet explorer

-moz-transform: rotate(9deg); //firefox

-webkit-transform: rotate(9deg); //safari and chrome

-o-transform: rotate(9deg); //opera

元素從其當前位置移動,根據給定的 left(x 座標) 和 top(y 座標),從左側移動x,從頂端移動y。

transform: translate(50px, 100px);

把寬度轉換為原始尺寸的x倍,把高度轉換為原始高度的y倍。

transform: scale(2, 4);

圍繞 x 軸把元素翻轉x度,圍繞 y 軸翻轉y度。

transform: skew(20deg,40deg);

x』 = ax + cy + e

y』 = bx + dy + f

傳統後台mvcrest api+前端 mv* 遷移。

rest api

rest(representational state transfer)

mv*: mvc、mvp、mvvm

記錄前端遇到的坑

time and tide waits for no man.html是sgml的子集,sgml允許標籤沒有結束標籤,而換行符元素正好不需要內嵌元素,也就不需要結束標籤。所以在html中,應該寫成 因為html規範本身的不嚴謹,所以後來參考了更規範的xml語言的語法推出了xhtml。xhtml是xm...

記錄開發中遇到的坑

原因是伺服器出口ip和外網ip不一致。通過下面方式獲取出口ip即可 採用下面的方式去傳送 rocketmqtemplate.syncsend topic name messagebuilder.withpayload json.tojsonstring profitorder build 我遇到的原...

記錄並分享一下前端踩坑記錄 實時更新

css3屬性transform值為小數時會導致字型變模糊。解決辦法 採用margin等其他屬性來完成需求或把值設為整數。vue路由跳轉模式為history時,重新整理網頁會導致頁面空白。解決辦法 採用雜湊模式。vue表單填寫頁面填寫一部分後切到其他頁面再切回來,頁面重新渲染導致表單資料丟失。解決辦法...