文章庫ARTICLE COLUMN
摘要：同源策略做了很嚴(yán)格的限制，但是在實(shí)際的場景中，又確實(shí)有很多地方需要突破同源策略的限制，也就是我們常說的跨域。使用跨域由于同源策略，一般來說位于的網(wǎng)頁無法與不是的服務(wù)器溝通，而的元素是一個(gè)例外。 本菜雞最近在寫某個(gè)頁面請求數(shù)據(jù)時(shí)，報(bào)了如...
摘要：對的請求，也是要有一個(gè)了解，比如協(xié)議，請求方式，請求過程，結(jié)果狀態(tài)碼等。教程協(xié)議詳解經(jīng)典面試題一個(gè)故事講完響應(yīng)狀態(tài)碼上面提到響應(yīng)狀態(tài)碼，在這里也簡單寫下。 勸了別人無數(shù)次，讓別人喝了雞湯，幫別人填坑，自己卻掉了坑 1.前言 在前端學(xué)習(xí)里面...
摘要：前言最近整理了一下以前學(xué)習(xí)前端的筆記，發(fā)現(xiàn)自己對移動(dòng)端屏幕適配這一塊并沒有真正理解，只是會(huì)用。接下來，把自己的一些對移動(dòng)端屏幕適配的思考記錄下來。量得的高度為，因?yàn)樵谠O(shè)計(jì)稿這樣尺寸的屏幕中，，所以該的的值為，即。 前言 最近整理了一下...
摘要：詳見另外這樣寫的話，就代表行列，寬度為，高度為若只寫一個(gè)，那么行列相同，寬度和高度也相同。最后再推薦大漠老師寫的文章，有更加詳細(xì)的說明一個(gè)制作圖案的組件除此之外，官網(wǎng)還有更多變量說明，也有的接口，希望你能用它創(chuàng)造出更多美麗驚艷的效果。...
摘要：源代碼下載每日前端實(shí)戰(zhàn)系列的全部源代碼請從下載代碼解讀定義，容器中包含一組個(gè)面居中顯示定義容器尺寸畫出積木的正面畫出積木的右面畫出積木的頂面把以上個(gè)面組合成立方體接下來畫積木的凸粒。 showImg("https://segmentfault.com/img/bVbcEtZ?w=50...
摘要：清除浮動(dòng)，為何要清除浮動(dòng)浮動(dòng)效果會(huì)帶來不好的影響子元素浮動(dòng)會(huì)帶來父元素高度塌陷。，清除浮動(dòng)的兩大基本方式，運(yùn)用清除浮動(dòng)。元素流入頁面時(shí)，在這個(gè)元素左邊右邊或兩邊不允許有浮動(dòng)內(nèi)容。除了是用來清除浮動(dòng)的，其它代碼都是為了隱藏掉生成的內(nèi)容。...
摘要：使用包裝一下，也可以防止被瀏覽器攔截。注意這里的超時(shí)時(shí)間不能太短，否則也會(huì)被攔截。我們會(huì)遇到想要彈出一個(gè)窗口，可是卻是在事件執(zhí)行后，才去彈出來的，這時(shí)就會(huì)被瀏覽器攔截，我們可以通過下面的方法來避免先用打開一個(gè)窗口，然后修改地址。 最近...
摘要：浮動(dòng)元素性質(zhì)，浮動(dòng)的元素脫離標(biāo)準(zhǔn)流這個(gè)元素像從標(biāo)準(zhǔn)流中被刪除一樣。下圖是左浮動(dòng)時(shí)的顯示效果。，浮動(dòng)的元素會(huì)互相貼靠如果父元素的寬度能顯示所有浮動(dòng)元素，則浮動(dòng)的元素會(huì)并排顯示。，無論是塊級元素行內(nèi)元素，一旦浮動(dòng)了，都可以設(shè)置寬高，不需要...
摘要：內(nèi)聯(lián)元素在水平方向上相互挨著，總體上會(huì)從左上方流向右下方。，增加元素，設(shè)置屬性，兩個(gè)內(nèi)聯(lián)元素并排擺放，但只有左右方向有。還能與其它內(nèi)聯(lián)元素并排。 寫在前面：作為一個(gè)剛開始寫技術(shù)博客的新手，看到有人收藏了文章，寫作動(dòng)力又猛增了。這應(yīng)該就...
摘要：為了更加高效的網(wǎng)絡(luò)層，它需要不僅僅只是扮演套接字管理員的角色。用套接字池來組織套接字，以源來分組套接字，每個(gè)套接字池強(qiáng)制限制其連接數(shù)和安全約束。協(xié)商是一個(gè)為計(jì)算機(jī)網(wǎng)絡(luò)提供通信安全的加密協(xié)議。 原文請查閱這里，略有改動(dòng)，本文采用知識(shí)共享...
摘要：效果預(yù)覽按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以全屏預(yù)覽。可交互視頻此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。給壺加上陰影再用偽元素給壺加上光影最后，加上動(dòng)畫大功告成 showImg("https://segmentfault.com/im...
摘要：效果預(yù)覽按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以全屏預(yù)覽。可交互視頻此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。 showImg("https://segmentfault.com/img/bVbcwMZ?w=500&h=500"); 效果預(yù)覽 按下右側(cè)的點(diǎn)擊預(yù)覽...
摘要：當(dāng)函數(shù)完成前端小白徒手搭博客之路前端小白徒手搭博客之路前言作為一個(gè)前端小白，一直以來，樣式布局設(shè)計(jì)靈感都是自己的痛點(diǎn)。 前言 本博客為最最最基本的html靜態(tài)頁面打造而成。 github地址 線上地址 showImg("https://segmentfault.com/img/remote/...
摘要：一模塊化命名空間二命名空間庫名類別名方法名三規(guī)范一個(gè)文件為一個(gè)模塊，通過暴露快接口，通過引入模塊，同步執(zhí)行文檔示例四規(guī)范使用定義模塊使用加載模塊依賴前置，提前執(zhí)行規(guī)范文檔示例模塊名字模塊輸出模塊輸出等于在最前面聲明并初始化了要用到的模...
摘要：是一款由奇舞團(tuán)開源的跨終端繪圖框架，可以基于快速繪制結(jié)構(gòu)化動(dòng)畫和交互效果，并發(fā)布到任何擁有環(huán)境的平臺(tái)上比如瀏覽器小程序和。有如下特點(diǎn)基于繪制的文檔對象模型四種基本精靈類型支持基礎(chǔ)和高級的精靈屬性，精靈盒模型屬性與具有高度一致性。 Spri...
摘要：項(xiàng)目介紹旨在通過項(xiàng)目的形式同時(shí)學(xué)習(xí)和，實(shí)現(xiàn)一個(gè)在線配置頁面的功能。通過封裝好的組件樣式提供界面需要的組件，通過實(shí)現(xiàn)組件狀態(tài)更改及頁面渲染。 本文是不才在學(xué)習(xí)Vue和Bootstrap過程中遇到問題解決的一些思路，主要描述了項(xiàng)目搭建，組件封裝、獲取...
摘要：源代碼下載每日前端實(shí)戰(zhàn)系列的全部源代碼請從下載代碼解讀定義，容器中包含個(gè)元素居中顯示定義容器尺寸畫出眼睛的輪廓畫出眼球使雙眼向內(nèi)聚攏定義眨眼的動(dòng)畫最后，把動(dòng)畫效果應(yīng)用到兩只眼睛上大功告成 showImg("https://segmentfault.com/img/bVbctBw?...
摘要：有趣的是，實(shí)際上并沒有將事件附加到子節(jié)點(diǎn)本身。將使用單個(gè)事件監(jiān)聽器監(jiān)聽頂層的所有事件。這對于性能是有好處的，這也意味著在更新時(shí)，不需要擔(dān)心跟蹤事件監(jiān)聽器。 ?，調(diào)用 setState 之后React內(nèi)部發(fā)生了什么？ 將傳遞給setState的對象和當(dāng)前對象合...
摘要：后續(xù)如何在局部樣式中覆蓋全局樣式父組件第三方庫需要更改的例如參考鏈接鏈接描述鏈接描述 問題背景： 項(xiàng)目前端使用vue.js和element-ui,由于想要對輸入框進(jìn)行驗(yàn)證，輸入值非法時(shí)輸入框顏色變紅，就想要根據(jù)el-input編譯 后的class進(jìn)行修改，但是直接在...
摘要：全文為這些年，我曾閱讀深入理解過或正在閱讀學(xué)習(xí)即將閱讀的一些優(yōu)秀經(jīng)典前端后端書籍。當(dāng)然，如果您喜歡這篇文章，可以動(dòng)手點(diǎn)點(diǎn)贊或者收藏。 全文為這些年，我曾閱讀、深入理解過（或正在閱讀學(xué)習(xí)、即將閱讀）的一些優(yōu)秀經(jīng)典前端/Java后端書籍。全文...
摘要：節(jié)點(diǎn)展開，圖標(biāo)全部改為小三角默認(rèn)展開資源樹數(shù)據(jù)集數(shù)據(jù)集根節(jié)點(diǎn)配置根節(jié)點(diǎn)默認(rèn)展開資源文件目錄根節(jié)點(diǎn)名稱訪問代理類型異步監(jiān)聽器父節(jié)點(diǎn)清空參數(shù)點(diǎn)擊的時(shí)候根據(jù)路徑查找參數(shù)默認(rèn)展開第一個(gè)節(jié)點(diǎn) var treePanel = { id: "treeUrl", ...
摘要：可交互視頻此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。源代碼下載每日前端實(shí)戰(zhàn)系列的全部源代碼請從下載代碼解讀定義，容器中有一段文本居中顯示定義文字樣式設(shè)置彩虹背景定義動(dòng)畫效果最后，把彩虹背景移到文字下面大功告成 showImg(...
摘要：的作用了解完這兩種盒模型后，在介紹一下，他一共有種值，，。就是繼承父元素的值，這里不做介紹。比如我們想做一個(gè)內(nèi)邊距，邊框?yàn)椋罱K包括邊框?qū)挾葹榈模暗淖龇ㄊ窍人愠鰞?nèi)容寬。 懂得如何運(yùn)用box-sizing之前，必須需要了解一下常規(guī)盒模型和怪異...
摘要：首先給大家介紹我之前遇到的問題，傳統(tǒng)的圖片上傳展示和防止網(wǎng)頁的跳轉(zhuǎn)，大佬們都懂，但是在這里我想簡單的寫一下我的經(jīng)歷。下次是截圖僅供參考或者是這樣有其他參數(shù)的驗(yàn)證具體的詳細(xì)參數(shù)的一些問題，請參考其他網(wǎng)站。 首先給大家介紹我之前遇到的問題...
摘要：具名插槽適用于具有一定結(jié)構(gòu)且有多處不固定內(nèi)容的組件此時(shí)在定義組件時(shí)其實(shí)就是預(yù)留了多個(gè)空缺位置且分別命名如果只有一個(gè)當(dāng)然也可以采用具名插槽，但肯定不如默認(rèn)插槽，只會(huì)徒增配置成本。然后在使用時(shí)將內(nèi)容分成多塊分別命名成預(yù)留空缺位置的名字。 ...
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)