文章庫ARTICLE COLUMN
摘要：回流當(dāng)元素的布局大小規(guī)模和顯示方式發(fā)生改變時(shí)，觸發(fā)的瀏覽器行為叫回流。而且，每個(gè)頁面都會(huì)在第一次加載時(shí)觸發(fā)回流。注意回流必將引起重繪，而重繪不一定伴隨回流。重繪回流對的操作對不同的屬性操作，影響不一樣。 在了解什么是重構(gòu)和回流之前，我...
摘要：按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 純 css 寫的立方體動(dòng)畫https://codepen.io/davidkpian... 自動(dòng)生成曼陀羅圖案https://codepen.io/...
摘要：知識(shí)點(diǎn)部分簡單的說一下我這個(gè)城市選擇組件和其中的一下知識(shí)點(diǎn)后臺(tái)我用起了一個(gè)后臺(tái)服務(wù)，使用的框架，完成滿足了我的需求。還有倆個(gè)基礎(chǔ)組件，分別是滾動(dòng)組件和城市組件。子組件模板必須包含至少一個(gè)插口，否則父組件的內(nèi)容將會(huì)被丟棄。 借用了兩...
摘要：詳情正式發(fā)布于號(hào)正式發(fā)布，版本代號(hào)為。上個(gè)月有次下載量，大大超過了的下載量。但對于偽類選擇器，其總是顯示為未使用。詳情新增允許第三方嵌入的網(wǎng)站可請求訪問第一方網(wǎng)站的，但這并不是指放寬了同源策略。 01. Propel：JS的科學(xué)計(jì)算框架 Propel 是...
摘要：前端常用插件文件切換提供了一個(gè)非?？焖俚姆绞絹泶蜷_新的文件。繼續(xù)，在包控制中安裝插件。使用快捷鍵功能檢測并一鍵去除代碼中多余的空格使用安裝插件并重啟，即可自動(dòng)提示多余空格。 sublime Text3 前端常用插件 - File Switching （文件切換） --...
摘要：接下來我們開始實(shí)現(xiàn)一下它吧首先了解一下放大鏡效果的架構(gòu)如下圖，它由兩部分組成。第一部分的原理是設(shè)置的為需要放大的圖片，同時(shí)背景的寬高為。然后通過移動(dòng)的，來達(dá)到放大鏡的效果。不過這只是簡單的實(shí)現(xiàn)，還有使用實(shí)現(xiàn)的方法。 前言：相信很多同學(xué)...
摘要：可能因?yàn)閳D片的尺寸剛好和的高度相同，所以布局并沒有什么問題，在等設(shè)備下面是沒有問題的但是發(fā)布之后，由于用戶的設(shè)備物理寬度是各種各樣的，這個(gè)時(shí)候問題來了，就會(huì)看見下面這奇奇怪怪的布局。。。 浮動(dòng) 在開發(fā)中，很多布局總是在不經(jīng)意間給人意外...
摘要：的結(jié)構(gòu)如下樣式我們這里讓正文占據(jù)視圖的，然后按鈕容器靠右絕對定位，然后再把向右移動(dòng)，這樣就剛好銜接在后面。當(dāng)向左滑動(dòng)的時(shí)候，向左移動(dòng)，顯示出來。 前言 前幾天因?yàn)轫?xiàng)目需要，用jquery寫了一個(gè)swiperOut組件，然后我就隨便把這個(gè)組件翻譯成基于...
摘要：的個(gè)人理解一概念層疊樣式表，主要由屬性和屬性值組成。如何應(yīng)用內(nèi)聯(lián)樣式優(yōu)先級(jí)最高，但由于會(huì)造成代碼冗余及代碼更新任務(wù)龐大，一般不采用。聲明塊格式的丟失最易導(dǎo)致錯(cuò)誤。當(dāng)浮動(dòng)元素?zé)o法承載子元素的時(shí)候，子元素會(huì)在下一行顯示。浮動(dòng)元素的無法合并...
摘要：在和一些安卓手機(jī)等的設(shè)備上，需要設(shè)置為，這個(gè)時(shí)候就是倍地畫了。 編者按：本文由人人網(wǎng)FED發(fā)表于掘金，并已授權(quán)奇舞周刊轉(zhuǎn)載 什么是像素？ 像素是屏幕顯示最小的單位，在一個(gè)1080p的屏幕上，它的像素?cái)?shù)量是1920 1080，即橫邊有1920個(gè)像素，而豎邊為...
摘要：本文里提到的所有都是基于版本的，這使得我又一次被鄙視了使用的程序猿鄙視使用的程序猿。因此這些事物碼本身也是可以通過進(jìn)行增強(qiáng)的。 在Google上根據(jù)關(guān)鍵字程序員鄙視鏈搜索，會(huì)得到68多萬條結(jié)果。 showImg("https://segmentfault.com/img/remot...
摘要：按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 電路圖生成器https://codepen.io/tsuhre/ful... 用 canvas 畫的公交模擬動(dòng)畫https://codepen.io/m...
摘要：中是這樣定義的屬性指定一個(gè)元素應(yīng)沿其容器的左側(cè)或右側(cè)放置，允許文本和內(nèi)聯(lián)元素環(huán)繞它。其同樣適用于設(shè)置屬性為絕對定位或固定定位的內(nèi)聯(lián)元素。至于為什么，可以理解為內(nèi)聯(lián)元素沒有盒模型，其高度由內(nèi)容決定。 白話：即上一篇我腦中飄來飄去的css魔...
摘要：過度使用簡寫形式的屬性聲明會(huì)導(dǎo)致代碼混亂，并且會(huì)對屬性值帶來不必要的覆蓋從而引起意外的副作用。只有在必要的時(shí)候才將限制在最近的父元素內(nèi)也就是后代選擇器例如，不使用帶前綴的時(shí)前綴類似于命名空間。制定一致的注釋規(guī)范。 一、語法 1.1 注意 （...
摘要：有些透明的背景會(huì)與邊框重合。總結(jié)設(shè)置一個(gè)邊有顏色，設(shè)置旁邊兩條邊顏色透明，不設(shè)置對邊三角形指向無設(shè)置邊的方向如情況設(shè)置一個(gè)邊有顏色，設(shè)置旁邊條邊顏色透明，其他兩條邊不設(shè)置如情況，是在圖的情況之上去掉了上邊 border是圍繞元素內(nèi)容和內(nèi)邊距...
摘要：隨著移動(dòng)端的發(fā)展，在手機(jī)上看電腦端的頁面已成為非常普及現(xiàn)象。方案一固定高度，使其寬度自適應(yīng)這也是我接觸移動(dòng)端適配第一次使用的方案。 不知不覺做前端已經(jīng)兩年了，從PC端，移動(dòng)端，微信小程序一路走來到今天剛剛開放注冊的快應(yīng)用(手機(jī)廠商對抗小...
摘要：一個(gè)項(xiàng)目中需要用到一個(gè)廣告位的輪播圖效果，而這個(gè)輪播圖位置需要根據(jù)不同設(shè)備的尺寸進(jìn)行縮放從而保持相同的比例。但是其中值得思考的東西頗多，不妨讀者也想一想為什么父元素的屬性要設(shè)置為子元素為什么不設(shè)置屬性注意屬性的繼承關(guān)系 一個(gè)項(xiàng)目中需要...
摘要：做移動(dòng)端時(shí)，適配是必須的。使用單位，可在不同屏幕上完美顯示相同的布局。文件首先要把轉(zhuǎn)成正常的，在交給來做，所以是外還需要加上一個(gè)設(shè)計(jì)稿寬度表示轉(zhuǎn)換過程小數(shù)保留幾位。安裝配置結(jié)束后，重啟項(xiàng)目。會(huì)發(fā)現(xiàn)自己設(shè)置的被轉(zhuǎn)為了。 做移動(dòng)端時(shí)，適配...
摘要：最近面試幾家前端職位，想知道目前的前端面試題是偏向哪一塊，都主要問到的是語法，閉包，原型鏈，繼承那一塊。并且將面試題的知識(shí)點(diǎn)匯總一下。參考網(wǎng)站面試題圖片過多的時(shí)候如何優(yōu)化圖標(biāo)很多的時(shí)候可以用雪碧圖圖片過大時(shí)候可以壓縮一下。 最近面試幾...
摘要：對于原有布局很多都是基于和這樣的布局，但是新一代問世后出現(xiàn)了現(xiàn)在風(fēng)靡的布局方案，其布局理解大大的迎合了現(xiàn)在前端開發(fā)中的布局需求什么是布局是的簡稱，可以直觀的理解成彈性布局，是對盒子模型的一種靈活表現(xiàn)。 對于css原有布局很多都是基于float...
摘要：按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 純 css 寫的星球玩呼啦圈的動(dòng)畫https://codepen.io/jcoulterde... 純 css 寫的鴿子喝水動(dòng)畫https:...
摘要：二塊級(jí)元素塊級(jí)元素占據(jù)其父元素容器的整個(gè)空間，因此創(chuàng)建了一個(gè)塊。而塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素。格式默認(rèn)情況下，行內(nèi)元素不會(huì)以新行開始，而塊級(jí)元素會(huì)新起一行。 一、行內(nèi)元素 一個(gè)行內(nèi)元素只占據(jù)它對應(yīng)標(biāo)簽的邊框所包含的空間。 二...
摘要：水平居中內(nèi)聯(lián)元素水平居中利用可以實(shí)現(xiàn)在塊級(jí)元素內(nèi)部的內(nèi)聯(lián)元素水平居中。此方法對內(nèi)聯(lián)元素內(nèi)聯(lián)塊內(nèi)聯(lián)表元素水平居中都有效。核心代碼演示程序演示代碼垂直居中單行內(nèi)聯(lián)元素垂直居中通過設(shè)置內(nèi)聯(lián)元素的高度和行高相等，從而使元素垂直居中。 簡言 CSS...
摘要：一居中效果行內(nèi)垂直居中行內(nèi)水平居中內(nèi)塊級(jí)元素水平居中內(nèi)塊級(jí)元素垂直居中二鼠標(biāo)懸浮背景顏色從上往下變化三選擇器的分類與使用核心選擇器標(biāo)簽類并且或者層次后代子代下一個(gè)兄弟之后所有兄弟屬性選擇器過濾器配合基本選擇器進(jìn)行篩選選擇具有 一 css居...
摘要：級(jí)聯(lián)級(jí)聯(lián)，是的簡寫，說明級(jí)聯(lián)是非常重要的。但是一般建議不使用因?yàn)樗鼤?huì)改變級(jí)聯(lián)的工作方式，使得調(diào)試變得困難。繼承中有些規(guī)則將會(huì)默認(rèn)被子元素繼承，有些則不會(huì)。 級(jí)聯(lián) 級(jí)聯(lián)(The cascade)，CSS是Cascading Style Sheet 的簡寫，說明級(jí)聯(lián)是非常重要...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...
89542767
社區(qū)管理員
白馬嘯西風(fēng)