文章庫ARTICLE COLUMN
摘要：輸入的時候少按一個鍵瀏覽器兼容問題比如使用的選擇器命名，在是無效的能良好區分變量命名變量命名是用不要純數字中文等命名，盡量使用英文字母來表示。選擇器和類選擇器最大的不同在于使用次數上。當需要設置英文字體時，英文字體名必須位于中文字體名...
摘要：名為的框搜索框添加背景圖片 /#keyword/id名為keyword的input框（搜索框）添加背景圖片 #keyword::-webkit-input-placeholder { color: transparent; text-indent: -9999px; background: transparent url(../img/google_custom...
摘要：本文的介紹的是如何設計一個通用的可以以較小的侵入性，自動上報前端的性能數據。具體的做法可以看我的上一篇文章在單頁應用中，如何優雅的監聽的變化。三如何上報性能數據那么如何上報性能數據呢，我們第一反應就是通過請求的形式來上報前端性能數據。...
摘要：只是，僅支持這一種格式是專門為開發而設計的字體，其字體尺寸更小，加載更快，應該優先使用。字體圖標技術的實現就是把通常的字符集映射成了另外的圖標形狀例如把映射成了 本文的目標是：使用css可以控制圖標的顏色，大小需要工具：png轉svg工具(如果...
總結CSS學習路線 showImg("https://segmentfault.com/img/bVbnthJ?w=2271&h=2800"); showImg("https://segmentfault.com/img/bVbnthK?w=2095&h=698"); showImg("https://segmentfault.co...
摘要：是谷歌的移動框架，可以快速在和上構建高質量的原生用戶界面。在全世界好了這些，大家早就知道了，來點實在的話說隔壁師兄，閑魚是最早一批與谷歌展開合作，并在重要的商品詳情頁中使用技術上線的。一切皆來自的組件皆來自。是狀態不可變的稱為無狀態。...
摘要：優先級相同，與元素近的選擇器生效。使用建議建議說明避免將通用選擇器作為通用選擇器。避免選擇器用標簽。避免使用子選擇器。后代選擇器是開銷最最最最大的。 看了一下最近寫的css代碼,發現基本只用到了id選擇器(js里)、后代選擇器和類選擇器(因為聽...
摘要：再做一個廣告宣傳頁的時候，碰到這樣一個問題如上邊這樣一張圖片，底部有一個按鈕這個按鈕固定在底部定位看似很簡單的一個效果實現，然而在百度瀏覽器卻出現了問題按鈕在百度瀏覽器中會隱藏不見經過大量排查之后確定，發現只有百度瀏覽器中會隱藏不見原...
摘要：協議主要是通過請求頭當中的一些字段來和服務器進行通信，從而采用不同的緩存策略。會緩存所有的結構，但是問題在于，一些頁面開始時進行的上報或者請求可能會被影響。 1.如何用一個div實現下圖 showImg("https://segmentfault.com/img/bVbm8Rf?w=133&...
摘要：在移動端進行開發時，通常整個頁面的頭部會固定一個區域，比如下圖淘寶中的頭部。其中的默認定位都是。因此最終的代碼形式是禁用滾動條，實現相對于的絕對定位代替固定定位。因此如果有元素找不到非的祖先元素，那么是相對于進行定位的。 在移動端進行...
摘要：只是需要把要改變的屬性在重新重置一下，需要在媒體查詢中擁有自己的選擇器，但會招致額外的大量代碼，像下面這樣查看效果新方法下面讓我們來看如何使用變量來解決這個問題。 在創新的2018年已經過去，在2019年看看如何簡單做成響應性的網站 如果你未...
摘要：浪費青春話不多說，之前投的簡歷，有家公司忽然聯系說，想和我約個時間點電話面試。不了解自己的水平，永遠都會止步于眼前的安逸。電話面試流程面試官簡單介紹一下來意，然后先了解工作經驗，再問技術問題。 最近換了個項目，現階段處于項目啟動階段，...
摘要：當時碰到過一個問題，頁面在端點擊的時候，整個頁面會高亮的閃爍一下特別明顯，被測試狂崔。。。當透明度設為，則會禁用此屬性當透明度設為，元素在點擊時不可見。 記得那是第一次獨自完成一個項目，現在看來，那個項目會很簡單的，但那個時候還是挺...
摘要：主要屬性參見最終效果代碼姓名請輸入字符請輸入字符密碼請輸入字符請輸入字符確認密碼請再輸入一遍密碼請輸入字符驗證碼輸入驗證碼請輸入驗證碼注意英文字符和數字不會兩端對齊 主要屬性： text-align: justify; text-align-last: justify; 參見https:...
摘要：輸入框加了屬性就可以達到只讀的效果，但是在端，點擊該輸入框還是會出現光標解決辦法，給輸入框加上元 input輸入框加了readonly屬性就可以達到只讀的效果，但是在ios端，點擊該輸入框還是會出現光標解決辦法，給輸入框加上 unselectable="on" onfocus...
摘要：假設捕獲了一個異常，上報的堆棧是這個這個堆棧，你看得出問題來嗎我們發布到的腳本文件，普遍是經過壓縮的，所以堆棧可讀性相當的差。假如有下面的一個堆棧查看工具，又如何堆棧查看工具眼尖的同學，一眼就能找到問題。 本文由云+社區發表 在前端，我...
摘要：有的是日常生活中使用的單位，比如厘米和英寸有的是印刷行業使用的單位，比如和有的是專門為發明的單位，比如。但是，由于目前低端打印機的每英寸點數為，而高端屏幕的每英寸點數為，因此所謂的高分辨率可能介于兩者之間。。 CSS中有很多屬性可以接受...
摘要：小肆也是被這些消息嚇得瑟瑟發抖，不過生活就是這樣，誰也無法預料到第二天會發生什么，只有把握好現在，積極為未知的明天做好準備才是正道。這里小肆給大家幾點建議對于目前在職的同學，保持學習，提升自己核心競爭力，讓自己成為不會被輕易替代的那個...
摘要：為圖片和文本都設置這是一段文本通過彈性布局實現，外層容器設置彈性布局，通過設置交叉軸居中對齊這是一段文本借助于背景圖片實現，這時只需要文本居中即可這是一段文本圖片與文本左浮動，同時設置容器元素 1.為圖片和文本都設置vertical-align：midd...
摘要：移動端滑動反彈什么是滑動就是類似于端的滾動事件，但是在移動端是沒有滾動事件的，所以就要用到事件結合去實現，效果如下準備工作什么是移動端的事件在移動端事件可以細分成三種，分別是和，并且事件必須要用去監聽。 showImg("https://segmentfault....
摘要：學習筆記之目錄說明源代碼里面的目錄是這樣的只給出部分文件顧名思義，為整個定義的全局變量。定義在中使用的灰色和品牌顏色。這部分定義的主要色成功失敗警告等等。之后也定義了默認背景色。 less學習筆記之bootstrap 目錄說明 源代碼里面的目錄是這...
摘要：學習前端的不同時期我們應該學習的地方也不一樣，小肆就在這里跟大家一一介紹吧。立個如果本文點好看數超過，小肆將為大家奉上小肆精心準備的前端學習資料，有文本資料視頻教程面試指南，非常全面哦。 showImg("https://segmentfault.com/img/remote/1...
摘要：要配合和屬性使用。，給同級元素增加計數器用于標識自增計數器的作用范圍，為自定義名稱，為起始編號默認為。 **單冒號(:)用于CSS3偽類，雙冒號(::)用于CSS3偽元素，不過瀏覽器需要同時支持舊的已經存在的偽元素寫法，比如:first-line、:first-letter...
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...
89542767
社區管理員
白馬嘯西風