文章庫ARTICLE COLUMN
摘要：按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 內(nèi)容切換的交互效果https://codepen.io/jcoulterde... 報(bào)價(jià)卡片的交互效果https://codepen.io/jco...
摘要：面試題總結(jié)現(xiàn)將我整理的一些前端筆試題分享一下，希望對(duì)大家有所幫助。中常見行內(nèi)元素和塊級(jí)元素有哪些行內(nèi)元素塊級(jí)元素行內(nèi)塊元素常見的有的和有什么區(qū)別和的值為時(shí)，都會(huì)使顯示出來的文本框不能輸入文字，不能更改更改表單域中的內(nèi)容。 2018面試題總...
摘要：按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 跟隨鼠標(biāo)軌跡的琉璃珠https://codepen.io/enxaneta/f... 隨機(jī)生成城市 3d 地圖https://codepen.io...
摘要：基本原理在中，我們可以利用四個(gè)屬性來繪制三角形。繪制三角形等邊三角形等邊三角形又稱正三邊形，為三邊相等的三角形，其三個(gè)內(nèi)角相等，均為，它是銳角三角形的一種。 簡言 本文簡要闡述了用CSS邊框的方法在頁面上繪制三角形，包括幾種典型的三角形繪...
摘要：但是部分瀏覽器存在兼容性的問題。核心代碼寬高不固定水平垂直居中演示使用布局垂直水平居中核心代碼使用布局垂直水平居中演示使用布局垂直水平居中核心代碼使用布局垂直水平居中演示 CSS居中完全指南——構(gòu)建CSS居中決策樹 showImg("https://segmentf...
摘要：用到百分比的屬性為什么要知道所以百分比都是相對(duì)于其來計(jì)算的的定義翻譯自的定義和元素的屬性有關(guān)或時(shí)最近的比如或者創(chuàng)建了比如或的祖先元素的最近的屬性不是的祖先元素的窗口特殊情況或時(shí)當(dāng)其父元素有以下情況出現(xiàn)時(shí)為其父元素的或?qū)傩缘闹挡皇? 1. ...
摘要：瀏覽器渲染引擎通過盒模型的方式來布局元素。應(yīng)用后元素的外邊框增加了寬度。應(yīng)用后元素內(nèi)的內(nèi)容和邊框之間產(chǎn)生了相應(yīng)的空間。上面的代碼在中的計(jì)算結(jié)果如下上栗中，我們將盒子四個(gè)方向的都設(shè)置成了。關(guān)于盒模型的高度，可以通過屬性來設(shè)置。 瀏覽器渲...
摘要：部分立即獲取部分部分注意此處要自行引入發(fā)送驗(yàn)證碼倒計(jì)時(shí)立即獲取還剩發(fā)布于閱讀原博之后補(bǔ)充了部分代碼方便下次己用供小白參考侵刪 html部分 css部分 .gainCodeBtn{ background-color: #ff4646; color: #ffffff; border: none; fo...
摘要：詳情中文版網(wǎng)頁調(diào)色板工具是一個(gè)簡單易用的免費(fèi)瀏覽器擴(kuò)展程序，可提取出網(wǎng)頁的基本顏色生成調(diào)色板，可作為設(shè)計(jì)師和前端開發(fā)人員的有用工具。 01. 2018 前端開發(fā)者手冊(cè) 這是一份 2018 前端開發(fā)手冊(cè)，內(nèi)容包括三個(gè)部分：前端工程實(shí)踐、前端開發(fā)學(xué)習(xí)和前...
介紹 Miment 是一個(gè)輕量級(jí)的時(shí)間庫（打包壓縮后只有1K）,沒有太多的方法，Miment的設(shè)計(jì)理念就是讓你以幾乎為零的成本快速上手，無需一遍一遍的擼文檔 由來 首先 致敬一下Moment，非常好用的一個(gè)時(shí)間庫，我本身也是Moment重度使用者，用習(xí)慣了Moment,一碰到...
摘要：一和方法好好學(xué)習(xí)方法天天向上方法好好學(xué)習(xí)方法天天向上和比較用法相同在被選元素的結(jié)尾仍然在內(nèi)部插入指定內(nèi)容。二方法返回元素內(nèi)容當(dāng)使用該方法返回一個(gè)值時(shí)，它會(huì)返回第一個(gè)匹配元素的內(nèi)容。方法是覆蓋所有內(nèi)容，是原有的內(nèi)容被替換。 一、append()...
摘要：為了以后可以更爽的復(fù)制粘貼，筆者把自己的收獲和工作中常用的一些小樣式總結(jié)成這份文檔，一共包含個(gè)的小樣式持續(xù)更新。 showImg("https://segmentfault.com/img/bV8leu?w=2700&h=1500"); 作為一名Web開發(fā)者，CSS是必備技能之一，我一直以為自己對(duì)CSS...
摘要：按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 音樂可視化https://codepen.io/zadvorsky/... 純 css 畫的激光劍https://codepen.io/YusukeNaka.....
1.xss的攻擊原理 需要了解 Http cookie ajax,Xss(cross-site scripting)攻擊指的是攻擊者往Web頁面里插入惡意html標(biāo)簽或者javascript代碼。比如：攻擊者在論壇中放一個(gè)看似安全的鏈接，騙取用戶點(diǎn)擊后，竊取cookie中的用戶私密信息；或者攻擊者在論壇中加一...
摘要：文章項(xiàng)目效果預(yù)覽地址項(xiàng)目開源代碼基于模塊化開發(fā)后臺(tái)系統(tǒng)準(zhǔn)備工作基于模塊化開發(fā)后臺(tái)系統(tǒng)構(gòu)建項(xiàng)目基于模塊化開發(fā)后臺(tái)系統(tǒng)權(quán)限控制 文章目錄如下：項(xiàng)目效果預(yù)覽地址項(xiàng)目開源代碼基于vue模塊化開發(fā)后臺(tái)系統(tǒng)——準(zhǔn)備工作基于vue模塊化開發(fā)后臺(tái)系統(tǒng)——構(gòu)...
摘要：最近在看張?chǎng)涡竦氖澜缈戳诉@個(gè)書感覺打開了世界的大門建議前端工程師人手一本針對(duì)字符內(nèi)容生成這一技術(shù)用的最多的應(yīng)該就是配合實(shí)現(xiàn)字體圖標(biāo)了吧因?yàn)榫瓦\(yùn)用了這一技術(shù)進(jìn)入之后默認(rèn)是點(diǎn)擊紅線里面就是連接了可以直接打開看到源碼與上面所寫無二在 最近在...
摘要：一和都可以為頁面引入，區(qū)別方式方式祖先的差別，屬于標(biāo)簽，而完全是提供的一種方式。繼承父元素屬性的值十有哪些性特征。給超出高度的標(biāo)簽設(shè)置或者設(shè)置行高小于你設(shè)置的高度 一. link和import都可以為頁面引入css，區(qū)別？link方式：@import 方式 ...
摘要：這相當(dāng)于設(shè)置屬性為定義子項(xiàng)多帶帶在側(cè)軸縱軸方向上的對(duì)齊方式屬性可重寫靈活容器的屬性語法格式紅色藍(lán)色帶有更多內(nèi)容的綠色參考 Flex布局 1.什么是Flex布局 Flex是Flexible Box的縮寫,意為彈性布局,任何容器都可以設(shè)為彈性布局. .box{ display:fl...
摘要：半年之前，我是一個(gè)前端小小小白。好多啊廢話不多說，我們開始吧吭哧吭哧吭哧經(jīng)過半年的準(zhǔn)備，我成功面試進(jìn)了所以相信自己，從現(xiàn)在開始你應(yīng)該比我厲害吧我看到很多像我之前一樣迷茫的人，我覺得我的經(jīng)歷是可以復(fù)制的。 先介紹下背景 非211，985本科畢...
摘要：規(guī)范目的為提高團(tuán)隊(duì)協(xié)作效率便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù)輸出高質(zhì)量的文檔特制訂此文檔。 規(guī)范目的 為提高團(tuán)隊(duì)協(xié)作效率, 便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù), 輸出高質(zhì)量的文檔, 特制訂此文檔。 文件規(guī)范 文件命名規(guī)則 文件名稱統(tǒng)一...
摘要：使用具有回彈效果的滾動(dòng)當(dāng)手指從觸摸屏上移開，內(nèi)容會(huì)繼續(xù)保持一段時(shí)間的滾動(dòng)效果。繼續(xù)滾動(dòng)的速度和持續(xù)的時(shí)間和滾動(dòng)手勢(shì)的強(qiáng)烈程度成正比。 最近做了一個(gè)語音直播聊天的項(xiàng)目，有一個(gè)功能是當(dāng)沒有直播時(shí)，進(jìn)入房間可以查看歷史消息，滑動(dòng)到頂部加載之...
摘要：一水平居中直接父集設(shè)置優(yōu)點(diǎn)兼容性好，甚至可以兼容缺點(diǎn)里的文字也會(huì)水平居中，可以在添加還原使用定位優(yōu)點(diǎn)居中元素不會(huì)對(duì)其他的產(chǎn)生影響缺點(diǎn)屬于內(nèi)容，兼容性存在一定問題，高版本瀏覽器需要添加一些前綴彈性布局另一種寫法缺點(diǎn)低版本瀏覽器不支持 一...
摘要：情況三作為構(gòu)造函數(shù)調(diào)用所謂構(gòu)造函數(shù)，就是通過這個(gè)函數(shù)生成一個(gè)新對(duì)象。讓我們用一張圖表示構(gòu)造函數(shù)和實(shí)例原型之間的關(guān)系在這張圖中我們用表示實(shí)例原型。 瀏覽器的內(nèi)核分別是什么？ IE: trident內(nèi)核 Firefox：gecko內(nèi)核 Safari：webkit內(nèi)核 Opera：以...
摘要：按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以打開原始頁面。 跟隨鼠標(biāo)的氣泡https://codepen.io/supah/full... 純 css 畫的鹿圖案https://codepen.io/FabioG/f...
摘要：緩存服務(wù)器是代理服務(wù)器的一種，并歸類在緩存代理類型中。若判斷緩存失效，緩存服務(wù)器將會(huì)再次從源服務(wù)器上獲取新資源。另外，和緩存服務(wù)器相同的一點(diǎn)是，當(dāng)判定緩存過期后，會(huì)向源服務(wù)器確認(rèn)資源的有效性。 與 HTTP 協(xié)作的 Web 服務(wù)器 一臺(tái) Web 服務(wù)...
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)