網頁在裝置適配的時候,會出現由於文字過多而排版出現問題的情況。
解決方法:
超出行寬的文字用省略號表示,或者直接去掉不用省略號代替。
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
從傳統後台mvc向rest 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表單填寫頁面填寫一部分後切到其他頁面再切回來,頁面重新渲染導致表單資料丟失。解決辦法...