本篇文章主要講述JS中l(wèi)et與const命令使用,通過代碼展示給各位。 let命令 基本使用 在ES6中,let命令是新增的聲明變量,與var的差異在于let無法重復(fù)聲明,且let有效只是在其命令的代碼塊內(nèi),let禁止變量出現(xiàn)變量提升現(xiàn)象,let的特點(diǎn)就是通過暫時...
1、node環(huán)境與開發(fā)工具準(zhǔn)備前端工程化開發(fā),本地啟動開發(fā)環(huán)境都是基于nodejs的,命令行里輸入指令node -v可以幫助確認(rèn)您的電腦上是否安裝了node,如果沒有安裝,則可以去 node官網(wǎng) 下載安裝包,如下圖所示: 不管是在windows還是在mac環(huán)境下,都是一鍵傻瓜式...
使用docker安裝Mariadb過程中出現(xiàn)了很多問題,這里匯總下啟動環(huán)境 centos7一、使用docker-compose啟動1、數(shù)據(jù)庫配置文件新建mysql/my.cnf文件,作為mysql的配置文件skip-name-resolveuser=mysql#user為root,會導(dǎo)致下面的報錯character-set-server=utf8defaul...
一、什么是CICD翻譯過來就是持續(xù)構(gòu)建、持續(xù)部署,在軟件工程中,一個項(xiàng)目的迭代往往是很頻繁的,每次都要重新部署,就成了一件很繁瑣的事情,那么如何保證項(xiàng)目能夠持續(xù)的構(gòu)建和部署呢?我們先來看一個軟件的開發(fā)流水線一般為:需求設(shè)計(jì):軟件需求分析和設(shè)計(jì)開...
一、前言最近在開發(fā)一款一鍵登錄的號碼認(rèn)證js-sdk,所以就做了一些調(diào)研,記錄下開發(fā)過程。前端SDK是什么?前端SDK是為了幫助前端實(shí)現(xiàn)特定需求,而向開發(fā)者暴露的一些JS-API的集合,規(guī)范的SDK包括若干API實(shí)現(xiàn)、說明文檔等前端SDK其實(shí)很常見了,比如:UI組件庫...
一、CLI有啥用,認(rèn)識CLI前端開發(fā)過程中常見的CLI有:create-react-appvue-cliwebpack-cliprettier-cli基本復(fù)雜一點(diǎn)的工具都在集成CLI,為啥都要搞成CLI呢?因?yàn)镃LI可以提供更強(qiáng)大的功能:通過命令搭配實(shí)現(xiàn)不同的功能管理項(xiàng)目模版啟動本地服務(wù)生成模版文件對代...
一、前言大型中后臺項(xiàng)目一般包括10個以上的子項(xiàng)目,如果維護(hù)在一個單頁面應(yīng)用中,項(xiàng)目就會越來越大,而且不利于版本的迭代,微前端就很好的解決了這些問題。這篇文章主要來體驗(yàn)下螞蟻的微前端:qiankun,雖然比較成熟了,但在體驗(yàn)過程中還是有一些問題,記錄...
一、前言由于瀏覽器同源策略,限制了頁面無法引用第三方資源,無法請求不同源下面的資源,影響了web的發(fā)展,所以瀏覽器出讓了一些安全策略來滿足web的發(fā)展。通過CSP安全策略來保證瀏覽器可以安全的加載第三方資源;通過CORS允許瀏覽器跨域請求;通過PostMessa...
小編寫這篇文章的主要目的,主要是想給大家做出一個深入解答,解答一下關(guān)于Python pandas技術(shù),主要是如何找到數(shù)據(jù),然后對其進(jìn)行刪除,下面小編就給大家進(jìn)行詳細(xì)解答下?! ∏把浴 ‘?dāng)我們在使用Python pandas處理各種數(shù)據(jù)的時候,經(jīng)常性的會遇到一些問...
一、前言我們常常見到很多比較棒的開源項(xiàng)目,但在本地安裝運(yùn)行的話就會很復(fù)雜,要配置不同的環(huán)境,安裝不同的依賴,好一點(diǎn)的會用docker直接拉取,或者打包好。這些無疑都會增加初學(xué)者上手的成本,所以這篇文章總結(jié)了下目前比較常用的解決方法之一:使用docker...
一、前言今天開發(fā)的時候,發(fā)現(xiàn)一個頁面的表單其實(shí)是兩個部分,其中一部分還在另一個頁面引用了。這就增加代碼量,所以優(yōu)化下,為了重復(fù)使用這里的表單。如圖,需求就是將下面兩個表單拆開,可以重復(fù)使用,實(shí)際兩部分可能有很多表單,這里方便起見,只寫了三個...
一、前言昨天一個朋友問:我的工作只有vue、react,了解其他的好像沒有太大作用。其實(shí)不然,前端要考慮的內(nèi)容其實(shí)很多,不光是完成業(yè)務(wù)代碼。我司的一個控制臺前端維護(hù)人數(shù)在20+,如果每個人都在一個項(xiàng)目中開發(fā),那么每天就等著構(gòu)建了,不僅容易出錯,而且浪...
一、前言通過CRA腳手架構(gòu)建的項(xiàng)目,一般webpack配置是隱藏的,如果要修改,就要另外處理。想要修改webpack通常有兩種方式通過插件去增加或覆蓋webpack配置(方法一、方法二)或者釋放項(xiàng)目中的webpack配置,使之可見,然后可以修改(方法三)本來CRA腳手架將we...
一、網(wǎng)站加載概述面試過程中,常常遇到這樣一道面試題,輸入URL到頁面加載完畢,瀏覽器做了哪些工作?首先輸入一個URL,你會看到瀏覽器上面的標(biāo)簽頁出現(xiàn)了一個loading圖標(biāo),開始時是逆時針旋轉(zhuǎn),接著順時針旋轉(zhuǎn),當(dāng)前頁面消失,顯示我們常說的空白頁面,接著...
一、前言該過程中用到的技術(shù)棧git gitlab shell需要提前準(zhǔn)備的內(nèi)容一個項(xiàng)目myweb本機(jī)安裝Git一個Gitlab倉庫docker私有倉庫gitlab runner(Gitlab-runner)公司的代碼一般都保存在私有化部署的Gitlab,要使用Gitlab的CI/CD,需要Gitlab版本>8.0.0CI/CD雖然不難,...
前言前端部署服務(wù)器,需要經(jīng)過打包、遷移、部署、回退操作,如果每次都手動處理,那么容易出錯還浪費(fèi)時間,自動化部署又比較復(fù)雜,那么選擇shell腳本做自動化,也是一個不錯的選擇,具體實(shí)現(xiàn)如下:項(xiàng)目環(huán)境執(zhí)行自動化構(gòu)建的前端項(xiàng)目myweb項(xiàng)目通過命令構(gòu)建測試...
一、什么是CI/CDCI 持續(xù)集成CD 持續(xù)交付CI/CD就是在開發(fā)階段,通過自動化發(fā)布,來頻繁部署應(yīng)用的一種方式二、為什么要配置CI/CD想象一下,一個項(xiàng)目的發(fā)布如果手動部署,需要的操作有:單元測試打包文件上傳服務(wù)器等等如果每個過程都需要手動執(zhí)行,每次都要保...
一、前言保持線上項(xiàng)目穩(wěn)定運(yùn)行是很重要的,為了達(dá)到服務(wù)可用性在99.9%,也為了減少開發(fā)人員在項(xiàng)目部署時耗費(fèi)大量精力,可以嘗試自動化發(fā)布自動化部署涉及到的配置比較多,每個環(huán)節(jié)需要掌握的知識也不同,所以分開寫該過程中用到的技術(shù)棧webpack docker nginx ...
背景:在開發(fā)移動端內(nèi)部應(yīng)用的時候,涉及安全問題,我們經(jīng)常在企業(yè)微信或者圖片上看到水印,防止信息被泄露,針對這次開發(fā)做個復(fù)盤,記錄下。效果圖如下: 一、實(shí)現(xiàn)原理1、首先用canvas繪制水印2、創(chuàng)建蒙層div,可以覆蓋在頁面上,并設(shè)置pointer-events:none...
背景:在開發(fā)移動端內(nèi)部應(yīng)用的時候,涉及安全問題,我們經(jīng)常在企業(yè)微信或者圖片上看到水印,防止信息被泄露,針對這次開發(fā)做個復(fù)盤,記錄下。效果圖如下: 一、實(shí)現(xiàn)原理1、首先用canvas繪制水印2、創(chuàng)建蒙層div,可以覆蓋在頁面上,并設(shè)置pointer-events:none...
一、項(xiàng)目背景前端項(xiàng)目開發(fā)一個模塊,上線前需要灰度一部分用戶,實(shí)現(xiàn)一個臨時的灰度方案?,F(xiàn)有項(xiàng)目狀況:一個前端項(xiàng)目1.0.0版本后端服務(wù)1.0.0版本后端灰度服務(wù)2.0.0版本一個域名解析到前端服務(wù)80、443端口前端通過nginx轉(zhuǎn)發(fā)靜態(tài)文件1、實(shí)現(xiàn)原理1、打包一份前...
現(xiàn)象:在前端開發(fā)中,發(fā)現(xiàn)項(xiàng)目中很多路徑引入都是相對路徑,出現(xiàn)很多類似importapifrom"../../../api/test"import*asapifrom"../../../api"復(fù)制代碼這樣會導(dǎo)致文件引用的時候,需要計(jì)算層級,拖慢開發(fā)速度,解決方法如下:對于經(jīng)常使用的目錄,可以采用別名的...
小編寫這篇文章的主要目的,主要是給大家做出一個講解,講解的內(nèi)容就是關(guān)于Python3中,出現(xiàn)了問題該怎么樣去進(jìn)行解答。包括出現(xiàn)SyntaxError:unexpected EOF while parsin這個問題要怎么做,下面給大家詳細(xì)解答一下?! ython錯誤SyntaxError:unexpected...
ChatGPT和Sora等AI大模型應(yīng)用,將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的,但推理(inference/serving)用4090不能說合適,...
圖示為GPU性能排行榜,我們可以看到所有GPU的原始相關(guān)性能圖表。同時根據(jù)訓(xùn)練、推理能力由高到低做了...