文章庫(kù)ARTICLE COLUMN
摘要：下面是我用寫調(diào)色按鈕的整個(gè)過程首先我需要做的是一個(gè)調(diào)色按鈕四個(gè)按鈕依次代表顏色中的四個(gè)參數(shù)。代碼有很大一部分可以復(fù)用的，也沒有做優(yōu)化。暫時(shí)先這樣，有時(shí)間再修改 在學(xué)習(xí)到實(shí)踐的過程中，我想應(yīng)該需要有以下的步驟： 首先要有一個(gè)明確的目標(biāo)，...
摘要：如果一個(gè)盒子的長(zhǎng)寬都為零，那么它的四條就會(huì)碰到一起，變成實(shí)心的，而且每一條都是一個(gè)三角形我們就可以利用三角形來(lái)實(shí)現(xiàn)對(duì)白框的尖下巴?？梢杂煤蛡卧貋?lái)實(shí)現(xiàn)，也可以在大盒子里放置小盒子再絕對(duì)定位。 如果一個(gè)盒子的長(zhǎng)寬都為零，那么它的四條bord...
摘要：局部樣式通過，部分解決的模塊化的問題。全局樣式的特點(diǎn)，導(dǎo)致難以維護(hù)，所以需要一種局部樣式的解決方案。也就是徹底的模塊化，進(jìn)來(lái)的模塊，需要隱藏自己的內(nèi)部作用域。 css 局部樣式 sass、less 通過 @import ，部分解決的 css 模塊化的問題。 ...
MSCI 720 Monday Jan 9 Lec 3/36 Syllabus TREC Agreement Summary-Review Architecture TREC text format Tokenization Tutorials will be used to tutor and help students to complete the assignments Outcome...
摘要：等高列布局兩列結(jié)構(gòu)兩邊都加上跟相等的負(fù)值，可以實(shí)現(xiàn)邊框效果等同兩列流體布局多列值要夠大結(jié)構(gòu)三列固定寬度結(jié)構(gòu)三列自適應(yīng)布局實(shí)用結(jié)構(gòu)多列布局現(xiàn)代瀏覽器結(jié)構(gòu)水平垂直 等高列布局 兩列／marginLeft html結(jié)構(gòu)：.wrap>.container>.sidebar+.mainmargi...
摘要：從升級(jí)至之后的被去除因此直接在子組件修改父組件的值是會(huì)報(bào)錯(cuò)的目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在之后如何在子組件修改父組件傳過來(lái)的值呢思路是通過子組件發(fā)射一個(gè)方法在父組件使用子組件的地方用綁定這個(gè)自定義事件然后在父組件定義這個(gè) ...
摘要：圓盤抽獎(jiǎng)應(yīng)用頁(yè)面圓盤抽獎(jiǎng)應(yīng)用演示抱歉瀏覽器不支持。 HTML5 Canvas圓盤抽獎(jiǎng)應(yīng)用DEMO html頁(yè)面 HTML5 Canvas圓盤抽獎(jiǎng)應(yīng)用DEMO演示 抱歉！瀏覽器不支持。 抱歉！瀏覽器...
摘要：有利于版權(quán)等關(guān)鍵信息的保留。變量后加上則變?yōu)槿肿兞?。字符串運(yùn)算符根據(jù)左邊的字符判斷最終結(jié)構(gòu)是否有引號(hào)。若使用，則兩個(gè)類必須同時(shí)使用，增加維護(hù)負(fù)擔(dān)。一組重用的使用引入，可攜帶參數(shù)。 1. 什么是Sass css預(yù)處理器，幫助你書寫更簡(jiǎn)單、可維持...
摘要：接下來(lái)我會(huì)以行列的圖片列表為列子介紹兩種常用的切圖方案布局布局首先來(lái)講布局的方法布局非常簡(jiǎn)單，一般我會(huì)使用布局然后給每個(gè)元素定一個(gè)寬度并向左浮動(dòng)。是不是很簡(jiǎn)單詳細(xì)代碼可以參考下一篇文章圖片列表布局二關(guān)注作者吧 前端切圖的時(shí)候經(jīng)常會(huì)遇到...
摘要：具體的屬性說明，請(qǐng)查看網(wǎng)上各大教程。推薦飄零霧雨整理的參考手冊(cè)。本文是對(duì)于我在使用過程中的碰到的一些問題的記錄，留下來(lái)的印象。它的表現(xiàn)為所有子元素的寬度都是它自身內(nèi)容即的寬度不使用來(lái)改變盒模型，且不換行。具體的解釋見上的回答。 具體的...
摘要：此時(shí)可能會(huì)對(duì)周圍的布局產(chǎn)生影響，所以清除浮動(dòng)，顯得十分重要。主要的方法一使用屬性添加偽元素通過在父元素后面添加一個(gè)偽元素，設(shè)置為并清除左右浮動(dòng)解決問題。目前這個(gè)方法是最新的?？偨Y(jié)如上所述，清除浮動(dòng)有兩大方法，使用屬性和建立。 背景 當(dāng)...
摘要：相信不少人在做移動(dòng)端動(dòng)畫的時(shí)候遇到了卡頓的問題，這篇文章嘗試從瀏覽器渲染的角度一點(diǎn)一點(diǎn)告訴你動(dòng)畫優(yōu)化的原理及其技巧，作為你工作中優(yōu)化動(dòng)畫的參考。瀏覽器渲染提高動(dòng)畫的優(yōu)化不得不提及瀏覽器是如何渲染一個(gè)頁(yè)面。 相信不少人在做移動(dòng)端動(dòng)畫的時(shí)...
摘要：官方給出的最簡(jiǎn)單的升級(jí)建議是使用集中的事件處理器而且也明確說明了一個(gè)空的實(shí)例就可以做到因?yàn)閷?shí)例實(shí)現(xiàn)了一個(gè)事件分發(fā)接口在中在初始化之前，給添加一個(gè)名字為的空對(duì)象某一個(gè)組件內(nèi)調(diào)用事件觸發(fā)另一個(gè)組件內(nèi)調(diào)用事件接收在組件銷毀時(shí)接除事件綁定使用...
摘要：前言為了前端的美觀和用戶體驗(yàn)的友好，有時(shí)我們會(huì)將某些選項(xiàng)的開關(guān)做成點(diǎn)擊滑動(dòng)顯示的效果，特別是手機(jī)上。那么這里我將為大家講解下如何使用實(shí)現(xiàn)該效果。效果的話，最簡(jiǎn)單的自然就是中的動(dòng)畫了。 前言 為了前端的美觀和用戶體驗(yàn)的友好，有時(shí)我們會(huì)將...
摘要：本文默認(rèn)你已經(jīng)看過了我的上一篇文章圖片列表布局一，接下來(lái)我們來(lái)實(shí)現(xiàn)復(fù)雜一點(diǎn)的圖片列表布局。以下面的樣式為例為了方便，我只列出的布局示例。好了，完美接下來(lái)把標(biāo)題加上圖片標(biāo)題效果如圖詳細(xì)的代碼可以參閱上一篇文章圖片列表布局一 本文默認(rèn)你已...
摘要：整理一下關(guān)于行高的一些基本概念。行框的高度是這一行行內(nèi)框的最高點(diǎn)到最低點(diǎn)的距離。所以在沒有設(shè)置固定高度的元素中，高度是由這個(gè)元素中所有行框高度疊加而成的。提示有種說法是行框的高度等于這一行中行內(nèi)框中最大的，這種說法是錯(cuò)誤的。 整理一下...
摘要：的演示整個(gè)項(xiàng)目的地址的地址起初只是想簡(jiǎn)單開始重新做一遍百度前端技術(shù)學(xué)院的任務(wù)，但是在做的過程中萌生了要記錄下自己在過程中遇到的一系列問題的想法。現(xiàn)在我把自己完成的小項(xiàng)目的源碼在上分享出來(lái)，希望可以幫到廣大前端初學(xué)者們。 Task02的演示D...
摘要：可以給任何元素設(shè)置，但只會(huì)應(yīng)用于生成了非絕對(duì)定位盒的元素。其它內(nèi)容排列在盒的右側(cè)，從開始見屬性與類似，但盒向右浮動(dòng)，并且其它內(nèi)容排列在盒的左側(cè)，從開始盒不浮動(dòng)所以在一個(gè)行內(nèi)元素指定后，該行內(nèi)元素轉(zhuǎn)化為塊元素，所以可以設(shè)置行高了。 由CS...
摘要：現(xiàn)在寫前端代碼有各種各樣的框架和庫(kù)，輕輕松松就實(shí)現(xiàn)我們要的功能，寫久了，原生可能會(huì)模糊，為了鞏固，會(huì)陸續(xù)寫一些原生的代碼，今天就從這個(gè)開始。先上效果手機(jī)端的滑塊效果，做的可能都會(huì)遇到過，下面來(lái)一次實(shí)現(xiàn)。 現(xiàn)在寫前端代碼有各種各樣的框架...
摘要：最近剛好在了解的知識(shí)，恰巧被朋友問及有沒有做過購(gòu)物車的功能，想了一下還真沒有，然后試著寫了這么一個(gè)例子。只是單純的一個(gè)頁(yè)面實(shí)現(xiàn)了購(gòu)物車邏輯上的一些簡(jiǎn)單的功能添加商品，以及購(gòu)物車列表動(dòng)態(tài)添加刪除，并實(shí)現(xiàn)商品總價(jià)格的更新。 最近剛好在了解...
摘要：通用格式規(guī)范縮進(jìn)一次縮進(jìn)個(gè)空格，不要使用或者混合和空格的縮進(jìn)。語(yǔ)義化根據(jù)使用場(chǎng)景選擇正確的元素有時(shí)被錯(cuò)誤的稱為標(biāo)簽。格式規(guī)范引號(hào)屬性值用雙引號(hào)。風(fēng)格規(guī)范和命名使用有含義的和名稱。 背景 這篇文章定義了 HTML 和 CSS 的格式和代碼規(guī)范，旨在...
摘要：分析微信小程序目前沒有提供刷新，所以要自己去記錄當(dāng)前操作，點(diǎn)擊刷新重新執(zhí)行一遍效果點(diǎn)擊重新加載重新加載頁(yè)面實(shí)現(xiàn)由于做項(xiàng)目時(shí)，頁(yè)面渲染離不開接口請(qǐng)求，所以我封裝了一下來(lái)判斷是否斷網(wǎng)，及斷網(wǎng)后記錄本次請(qǐng)求請(qǐng)求參數(shù)請(qǐng)求成功回掉當(dāng)前實(shí)例執(zhí)行時(shí)...
摘要：是真實(shí)的條件渲染，因?yàn)樗鼤?huì)確保條件塊在切換當(dāng)中合適地銷毀與重建條件塊內(nèi)的事件監(jiān)聽器和子組件。有時(shí)侯我們把一個(gè)元素當(dāng)做包裝元素，并在上面使用，最終的渲染結(jié)果根據(jù)條件的真假顯示。適合運(yùn)營(yíng)條件不大可能改變適合頻繁切換。 1、v-show（1）無(wú)論條...
摘要：簡(jiǎn)單記錄下問題官網(wǎng)頁(yè)面移動(dòng)端測(cè)試時(shí)，發(fā)現(xiàn)底部頁(yè)腳的標(biāo)簽無(wú)論如何點(diǎn)不動(dòng)。因?yàn)樵摌?biāo)簽不需要響應(yīng)點(diǎn)擊事件，所以直接加了句，問題解決。 官網(wǎng)改版時(shí)碰到的問題。簡(jiǎn)單記錄下： 【 問題 】 官網(wǎng)index頁(yè)面移動(dòng)端測(cè)試時(shí)，發(fā)現(xiàn)底部頁(yè)腳的a標(biāo)簽無(wú)論如何點(diǎn)不動(dòng)...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
營(yíng)銷賬號(hào)總被封？TK直播頻繁掉線？雙ISP靜態(tài)住宅IP+輕量云主機(jī)打包套餐來(lái)襲，確保開出來(lái)的云主機(jī)不...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
89542767
社區(qū)管理員
白馬嘯西風(fēng)