摘要:前端學習記錄基礎知識盒模型所有元素可以看作盒子,在中,這一術語是用來設計和布局時使用。合并后的外邊距的高度等于兩個發生合并的外邊距的高度中的較大者。按照層次結構像至低向上直到頂端,這就是事件冒泡。 前端學習記錄 week 1 基礎知識 CSS盒模...
摘要:如圖,初始情況,點擊菜單后出現的文字長度超出原寬度,出現了滾動條注意設置才會出現滾動條,如果設成超出的文字會被隱藏,向右拉滾動條發現背景沒鋪滿解決方式給最外層加樣式說明注意是而不是,不然會出現其它錯誤。 問題描述(如圖):div等塊級元...
摘要:基于特有的屬性擁有內聯元素的特性同時可以定義寬高,我們可以設置一個行內塊用于定義高度,再讓其他內聯元素與其對齊,實現垂直居中。如果居中的元素超過了視窗會被裁剪掉。使用時,不僅在水平方向上將元素居中,垂直方向上也是如此。 事實上,每次面...
摘要:文檔流文檔流就是文檔內元素流動方向流動方向內聯元素從左往右流,寬度不夠,之字形,且元素會被截斷塊元素從上往下流動,一排一排注意事項內聯元素中有英文單詞,流動時寬度不夠,英文單詞會整體遷移,不會被打斷若想打斷上述聯結,請使用屬性想打斷的...
摘要:通過格式化上下文后可以將脫離了普通流的元素隔離,使其不會與外界的元素相互隔離。第一次寫,寫得不好請大家多多指教哈哈哈哈 首先回顧下CSS常出現的幾個樣式問題1當子元素添加上邊距時,父元素也會向下移動 showImg("https://segmentfault.com/img/b...
摘要:一語義化標簽標簽描述頁面獨立的內容區域。二語義化標簽的使用頁面主要內容標簽的特點是簡短描述性唯一,用于提升搜索引擎排名。若使用標簽來定義計算機源代碼,比如源代碼,則使用符號實體來表示特殊字符,比如代表,代表,代表。 一、HTML5語義化標...
摘要:部分讀者向我反饋對于最后的瀏覽器渲染布局這塊不是很清晰,所以本文就瀏覽器渲染流程多帶帶開篇講解,希望大家都能有新的收獲。瀏覽器主要組件結構瀏覽器主要組件渲染引擎和使用自主研發的渲染引擎。所以瀏覽器的渲染過程主要包括以下幾步解析生成樹。...
摘要:踩的大坑前言最近有個需求要將全平臺的交易密碼由原來的位復雜密碼改為位純數字交易密碼,涉及到非常多的業務場景,但修改起來也無非兩種設置交易密碼,使用交易密碼設置交易密碼普通長條輸入框彈起數字鍵盤支持明暗文切換查看使用交易密碼顯示六個格子...
摘要:但這確是我們經常會用到的。。第一次寫,望各位點顆小星星支持下哈有什么寫的不對的地方,歡迎在下方留言。。 使用git 也有一段時間了,但是一直沒有好好的去學下;今天剛好有空,就把自己不足的地方補了一下;廢話就不多說了,直接步入正題; 1:git...
摘要:實現文本溢出顯示省略號在做響應式網頁的時候,我們要想在不同尺寸的設備下保證布局不會錯亂,就需要對文字的長度進行限定。 css實現文本溢出顯示省略號 在做響應式網頁的時候,我們要想在不同尺寸的設備下保證布局不會錯亂,就需要對文字的長度進行限...
摘要:在中引入的問題,之前在網上搜了很多,都沒有給出一個確切的答案,搗鼓了兩天終于弄明白了,做個記錄。通過這樣引入還不夠,可能會遇到圖可以正常加載,但無法拖拽的問題,遇到這些問題一般是和自己項目中的環境沖突了,導致無法讀取或者讀取錯誤。 在...
摘要:現在我們用原生的實現這個非常簡單的下拉刷新功能。二封裝下拉刷新的功能模塊首先創建一個構造函數,用來初始化屬性與函數。和下拉刷新這個兩個子節點。的效果顯示出來,同時隱藏下拉刷新的效果開始刷新這里是模擬秒后刷新成功,然后隱藏正在刷新。。 ...
摘要:可為負值第個長度值陰影垂直偏移值。不允許負值設置陰影的顏色。字體微軟雅黑 2016年2月26日個人博客文章--遷移到segmentfault (1)text-shadow(文本陰影) 在介紹css3:text-shadow文本陰影之前,我們先來看看用它都能實現什么效果: showImg("https:/...
摘要:年月日個人博客文章遷移到安裝安裝因為依賴于環境,所以裝之前先確認裝了。最近因為墻的比較厲害,如果你沒有安裝成功,那么請參考下面的淘寶的鏡像安裝,如果成功則忽略。淘寶鏡像安裝由于國內網絡原因你懂的,導致存放在上面的資源文件間歇性連接失敗...
摘要:在一個中,兩個相鄰的塊級盒子的垂直會產生合并。對于從右到左的格式來說,則觸碰到右邊緣。正常人類的理解上面個什么瘠薄,看不懂。 BFC是什么? W3C這么說 在W3C規范中的BFC是這樣定義的: 浮動元素和絕對定位元素,非塊級盒子的塊級容器(例如,inli...
摘要:二的格式標準格式協議類型服務器地址端口號資源層級文件路徑文件名查詢完整格式協議類型訪問資源需要的憑證信息服務器地址端口號資源層級文件路徑文件名查詢其中訪問憑證信息端口號查詢片段都屬于選填項。 一、URL的概念 統一資源定位符(或稱統一資源...
摘要:前兩篇介紹了入門相關知識及對整體可用性評估,這篇介紹下開始實際運用中的頁頭頁腳部分,因為馬上項目忙了,這個先匆匆的作個收尾。 前兩篇介紹了入門相關知識及對keystonejs整體可用性評估,這篇介紹下開始實際運用中的頁頭頁腳部分,因為馬上項目忙...
摘要:一般情況下,我們給塊狀元素四邊形添加陰影樣式,直接用就可以了,但是總有一些需求是那么的特別,例如下圖要求給這樣的梯形盒外圍加陰影,第一眼感覺也沒啥特別的,但是搞起來就知道多煩了。反正我是折騰了好一會兒,最后只能用下面這樣實現了。 一般...
摘要:聲明的變量不得改變值,這意味著,一旦聲明變量,就必須立即初始化,不能留到以后賦值。 雖然今年沒有換工作的打算 但為了跟上時代的腳步 還是忍不住整理了一份最新前端知識點 知識點匯總 1.HTML HTML5新特性,語義化瀏覽器的標準模式和怪異模式xhtml...
摘要:背景想想自己為什么要寫這個,難道不是因為這篇道基礎面試題附答案文章最近被轉載的多,比較多而湊熱鬧蹭熱點顯然,肯定是因為這樣我才打算寫的。繼承得到的樣式的優先級最低。 背景 想想自己為什么要寫這個,難道不是因為這篇《50道CSS基礎面試題(附...
摘要:先來看看效果說明項目中用到的,思路很簡單,就用布局來實現響應式,我這里就以橫向為例豎向的比較簡單就不啰嗦了,后面需要增加單個點選中狀態,添加文字以及觸發各種動畫效果,可以嘗試加上去,配合等框架可以很容易開發成通用組件。 1、先來看看效...
摘要:最終效果說明一提到圖表第一反應就是,但是這次需求不一樣,就要求展示一個簡單的折線圖,沒必要搞那么大。簡單的用了一下的基礎的那幾個函數就實現了。我認為只要沿著這條思路走,就可以繪制出你想要的任何圖表。 1、最終效果showImg("https://segmen...
摘要:子組件給父組件通信如果子組件想要改變數據呢這在中是不允許的,因為只允許單向數據傳遞,這時候我們可以通過觸發事件來通知父組件改變數據,從而達到改變子組件數據的目的子組件傳遞的數據通過綁定事件在里面使用事件來注冊事件并且傳遞數值到父組件中...
ChatGPT和Sora等AI大模型應用,將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的,但推理(inference/serving)用4090不能說合適,...
圖示為GPU性能排行榜,我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...