文章庫ARTICLE COLUMN
摘要：于是，我決定厚著臉皮來宣傳一下我的幾個(gè)開源項(xiàng)目，雖然大多數(shù)都是一些比較簡單的游戲，但是這可以讓更多人看到我的項(xiàng)目，也可以讓我自己知道哪里地方做得不好，并且加以改進(jìn)。正文清技背單詞使用開發(fā)的背單詞應(yīng)用，開發(fā)時(shí)間為一個(gè)月，目前是版本。 前...
摘要：實(shí)現(xiàn)完整覆蓋字體適配橫豎屏切換偽元素選擇器用法清除浮動(dòng)用法寫對話框使左右的對話框分開使內(nèi)容居中用偽類寫出小三角形分別給左右兩邊的小三角形定位左邊對話框小三角形的邊框樣式右邊對話框小三角形的邊框樣式吃了 vw,vh,vmin,vmax 實(shí)現(xiàn)完整覆蓋 #ma...
摘要：如何對網(wǎng)站的文件和資源進(jìn)行優(yōu)化文件合并文件最小化文件壓縮托管緩存可能有些人不清楚是什么，可以用以前買米車票的經(jīng)歷來形象比喻年前，還沒有火車票代售點(diǎn)一說，更是無從說起。 如何對網(wǎng)站的文件和資源進(jìn)行優(yōu)化 1.文件合并文件最小化/文件壓縮2.CDN...
摘要：前言在做頁面時(shí)，我們往往會(huì)碰到頁面布局相關(guān)的內(nèi)容，面試時(shí)也經(jīng)常會(huì)被問到，那么今天我就來總結(jié)一下關(guān)于頁面布局的內(nèi)容。問題如何實(shí)現(xiàn)三欄布局高度固定，左中右的結(jié)構(gòu)假設(shè)高度已知，請寫出三欄布局，其中左右寬度均為，中間自適應(yīng)。 前言 ??在做頁...
摘要：一偽類偽類包含兩種狀態(tài)偽類偽類和結(jié)構(gòu)性偽類。狀態(tài)偽類是基于元素當(dāng)前狀態(tài)進(jìn)行選擇的。二偽元素偽元素是對元素中的特定內(nèi)容進(jìn)行操作，而不是描述狀態(tài)。 一、偽類 偽類包含兩種：狀態(tài)偽類（UI 偽類）和結(jié)構(gòu)性偽類。 (1)狀態(tài)偽類是基于元素當(dāng)前狀態(tài)進(jìn)行...
摘要：如果你正在尋找編程技巧，或是想了解編程界發(fā)生了哪些新鮮事那么，今天我們帶來的年最佳開發(fā)者博客列表，一定是你的菜。地址它是為數(shù)不多的印度開發(fā)者博客中，能夠提供有價(jià)值信息的博客。地址又一個(gè)專注前端開發(fā)的博客。 如果你正在尋找編程技巧，或是...
摘要：在給一個(gè)目標(biāo)對象為構(gòu)造函數(shù)的代理對象構(gòu)造實(shí)例時(shí)觸發(fā)該操作，比如在執(zhí)行時(shí)。 1、元素上下垂直居中的方式有哪些？ 元素水平垂直居中的方式有哪些？ absolute加margin方案 fixed 加 margin 方案 display:table 方案 行內(nèi)元素line-height方案 flex ...
摘要：創(chuàng)建一個(gè)應(yīng)用話不多說，先上代碼，讓我們感受一下的核心功能模板的輸出方式是實(shí)例的掛在對象字面量當(dāng)修改輸入框內(nèi)容時(shí)，標(biāo)簽內(nèi)容也做相應(yīng)改變，雖然代碼很簡單，還是能體會(huì)到雙向綁定的精髓。 我們學(xué)習(xí)一門新語言或者框架時(shí)，第一件事是什么呢，那必然...
摘要：用戶代理瀏覽器給視障用戶朗讀網(wǎng)頁的屏幕閱讀器，以及搜索引擎放出的爬蟲都是用戶代理，它們需要顯示朗讀和分析網(wǎng)頁。小知識(shí)屬性中的文本會(huì)在圖片因故未能加載時(shí)顯示，或者由屏幕閱讀器朗讀出來。 前言 代碼網(wǎng)址：http://www.stylinwithcss.com/ 第一...
摘要：在前端監(jiān)控系統(tǒng)中，或者其他場景下，如果我們需要監(jiān)控當(dāng)前頁面下所有請求狀態(tài)。在通常的監(jiān)控中，監(jiān)控部分的代碼和業(yè)務(wù)部分的代碼是分離的。本文通過的方法實(shí)現(xiàn)了一個(gè)包可以按需求監(jiān)聽請求。 ??在前端監(jiān)控系統(tǒng)中，或者其他場景下，如果我們需要監(jiān)控當(dāng)...
摘要：最近在自己寫頁面，模仿思否論壇，然后寫登錄注冊的時(shí)候需要一個(gè)驗(yàn)證碼組件去搜一下沒找到什么合適的，而且大多都是基于后端的，于是自己手寫一個(gè)。 最近在自己寫頁面，模仿思否論壇，然后寫登錄注冊UI的時(shí)候需要一個(gè)驗(yàn)證碼組件. 去搜一下沒找到什么合...
摘要：關(guān)于節(jié)日圣誕節(jié)，元旦，看大家情侶在朋友圈里發(fā)各種慶祝的或者祝福的話語，甚是感動(dòng)，然后悄悄拉黑了。預(yù)覽效果本地下打開很卡，火狐正常圣誕樹早先的時(shí)候是圣誕節(jié)的時(shí)候，看到各種用字符組成圣誕樹的形式，于是自己就去試了下，還是比較簡單的。 關(guān)于...
var c = document.querySelector("#drawing"); var ctx = c.getContext("2d"); var image = new Image(); image.onload = function() { ctx.drawImage(image, 0, 0); } image.src = "im...
摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見的效果。想要實(shí)現(xiàn)簡單的動(dòng)畫效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫非常簡單，而且功能更加的強(qiáng)大。注意選擇器返回的是對象。 jQuery基本概念 學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用a...
摘要：中，中的標(biāo)簽元素大體被分為三種不同的類型塊狀元素內(nèi)聯(lián)元素又叫行內(nèi)元素和內(nèi)聯(lián)塊狀元素。注意只有內(nèi)聯(lián)內(nèi)聯(lián)塊與內(nèi)聯(lián)內(nèi)聯(lián)塊之間的空白符才會(huì)形成一個(gè)空格，文本元素除空白符也是屬于內(nèi)聯(lián)元素。 CSS中，html中的標(biāo)簽元素大體被分為三種不同的類型：塊狀...
摘要：學(xué)習(xí)之按鈕篇如我上一篇學(xué)習(xí)之里面，介紹了的目錄結(jié)構(gòu)，說明了在這個(gè)文件里面，定義了主題色，也包括了按鈕的主題色。偽連接，按鈕的樣式顯示為連接的樣式。接下來的安排，自己寫的文章自己也會(huì)去實(shí)現(xiàn)它，另外關(guān)于的學(xué)習(xí)也不會(huì)停止。 less學(xué)習(xí)之Bootst...
摘要：元素的特性全稱為，中文為塊級(jí)格式化上下文。應(yīng)用之利用特性解決塌陷問題塌陷是一般指在標(biāo)準(zhǔn)文檔流中，兩個(gè)垂直排列的元素，一設(shè)置個(gè)，另一個(gè)設(shè)置，此時(shí)兩個(gè)元素的就會(huì)發(fā)生重疊。 1、元素的BFC特性 BFC全稱為Block Formartting Context，中文為...
摘要：此時(shí)我們可以看到有如下目錄路徑下放置我們前端好的代碼如何，相信各位都會(huì)，下有個(gè)非常重要的文件，用來配置服務(wù)器。 第一步: 下載 nginx nginx download官網(wǎng)地址 下載后，將其解壓到 本地的任一目錄下。 此時(shí)我們可以看到有如下目錄:showImg("https:...
摘要：嘻嘻大功告成計(jì)劃完美實(shí)現(xiàn)參考文獻(xiàn)樂柔嘴巴反向代理學(xué)習(xí)及實(shí)例筆記利用的反向代理克隆生成鏡像網(wǎng)站中間人攻擊原作者的原始游戲頁面上國人搬運(yùn)的開源鏡像特別致謝執(zhí)著的少年 先前在某個(gè)Q群里有位網(wǎng)友發(fā)了個(gè)鏈接，一點(diǎn)進(jìn)去，發(fā)現(xiàn)是個(gè)極度讓人耳目一新的...
摘要：對于一些比較長的文本做限制，不顯示，或者顯示省略號(hào)。超出固定長度顯示設(shè)置文字不換行這個(gè)是設(shè)置隱藏的。當(dāng)前是顯示省略號(hào)。直接省略是根據(jù)不同標(biāo)簽值，有的不用加。超出固定行數(shù)顯示超出固定行數(shù)。或者本地生效了，或者打包到服務(wù)器上就不生效了。 ...
摘要：下面這段代碼是用來清除浮動(dòng)帶來的高度塌陷問題上面的代碼的能夠?qū)崿F(xiàn)清除浮動(dòng)的問題嗎因?yàn)閷傩灾荒芸刂圃乇旧砼c前面的浮動(dòng)元素的關(guān)系。是因?yàn)楸举|(zhì)上，浮動(dòng)并沒被清除，我們只是利用屬性解決了浮動(dòng)元素帶來的父級(jí)元素高度塌陷問題。 下面這段代碼是用...
推薦一款非常好用的redis服務(wù)器web端管理利器，SeeRedis showImg("https://segmentfault.com/img/bVbnt7j?w=200&h=200"); redis 是當(dāng)前非常流行的緩存數(shù)據(jù)庫 得益于其簡單的 key-value 模式的數(shù)據(jù)存儲(chǔ)和豐富的數(shù)據(jù)類型與事件機(jī)制使得 redis 成為當(dāng)前后端開...
摘要：本文主要介紹一下兩個(gè)在日常的工作中可能會(huì)出錯(cuò)的地方。注意的百分比取值，總是相對于父元素的高度。例外父代元素中，有元素設(shè)置了，則相對于設(shè)置了的父元素定位。寫在后面本文總結(jié)了平時(shí)開發(fā)中需要稍微注意一下的，可能會(huì)出錯(cuò)的兩個(gè)問題。 本文首發(fā)于...
摘要：點(diǎn)擊看效果合同號(hào)簽約客戶發(fā)布客戶合同狀態(tài)選定條件的發(fā)布周期額度看看其實(shí)關(guān)鍵之處在于使用了標(biāo)簽，來對上下兩個(gè)表格的列寬進(jìn)行了定義，讓他們保持一致。 點(diǎn)擊看效果 合同號(hào) 簽約客戶 ...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
一、活動(dòng)亮點(diǎn)：全球31個(gè)節(jié)點(diǎn)覆蓋 + 線路升級(jí)，跨境業(yè)務(wù)福音！爆款云主機(jī)0.5折起：香港、海外多節(jié)點(diǎn)...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
89542767
社區(qū)管理員
白馬嘯西風(fēng)