持續(xù)更新
1.對工作的認(rèn)識
2.八股文和知識面
前端(基礎(chǔ)知識 / 開發(fā)能力 / 總結(jié)輸出能力):
前端技術(shù)知識(含八股)總結(jié) - 持續(xù)更新中
Vue基礎(chǔ)學(xué)習(xí)總結(jié)
js基礎(chǔ)學(xué)習(xí)總結(jié)
CSS基礎(chǔ)學(xué)習(xí)總結(jié)
HTML基礎(chǔ)學(xué)習(xí)總結(jié)
后端(基礎(chǔ)知識 / 開發(fā)能力 / 總結(jié)輸出能力):
2022秋招面經(jīng)總結(jié)(補充前面文章中不含的內(nèi)容)
JavaSE基礎(chǔ)補充+JVM學(xué)習(xí)復(fù)習(xí)總結(jié)記錄
數(shù)據(jù)庫MySQL+JDBC學(xué)習(xí)復(fù)習(xí)總結(jié)記錄
Linux課程project----基于c/c++
Linux基礎(chǔ)和Linux下C編程復(fù)習(xí)總結(jié)
基礎(chǔ)(基礎(chǔ)知識 / 總結(jié)輸出能力):
操作系統(tǒng)原理OS復(fù)習(xí)總結(jié)
計算機網(wǎng)絡(luò)基礎(chǔ)復(fù)習(xí)總結(jié)
算法(調(diào)研能力,思維方式,抽象總結(jié)能力):
SCI-2區(qū):LSTM-convolutional-BLSTM encoder-decoder network for minimum mean-square error approach to speech enhancement
EI / 中文核心:基于拋物面焦點麥克風(fēng)預(yù)處理和遷移學(xué)習(xí)的語音增強方法
專利:一種基于混合掩蔽學(xué)習(xí)目標(biāo)的語音增強方法
隨筆記錄見其他博客
3.框架/架構(gòu)角度深扒
3.1 前端
3.1.1 mPaaS(移動領(lǐng)域)
- 云計算(cloud computing)中討論的服務(wù)包括基礎(chǔ)設(shè)施即服務(wù)(IaaS, Infrastructure-As-A-Service),平臺即服務(wù)(PaaS, Platform-As-A-Service)和軟件即服務(wù)(SaaS, Software-As-A-Service)三個層次的服務(wù)。(理解:Iaas如買的阿里云買的服務(wù)器、PaaS如mPaas提供了移動平臺、SaaS如釘釘,三個層次層層遞進(jìn))
- mPaaS(mobile Platform-as-a-Service),起源螞蟻金服。
具體能力見:
mPaaS能力介紹1
mPaaS能力介紹2
實時發(fā)布服務(wù)能力MDS
離線包
小程序
3.1.2 普通前端項目框架
package.json :項目的 package.json 是配置和描述如何與程序交互和運行的中心。 npm CLI(和 yarn)用它來識別你的項目并了解如何處理項目的依賴關(guān)系。package.json 文件使 npm 可以啟動你的項目、運行腳本、安裝依賴項、發(fā)布到 NPM 注冊表以及許多其他有用的任務(wù)。 npm CLI 也是管理 package.json 的最佳方法,因為它有助于在項目的整個生命周期內(nèi)生成和更新 package.json 文件。文章來源:http://www.zghlxwxcb.cn/news/detail-830697.html
移動端頁面適配(vue中實現(xiàn)移動端頁面樣式自適應(yīng)):
lib-flexible插件配合postcss-px2rem插件(阿里解決方案,配合了vant組件庫)
方案流程:文章來源地址http://www.zghlxwxcb.cn/news/detail-830697.html
- npm i lib-flexible --save,在main.js里import ‘lib-flexible’,設(shè)置or注釋掉標(biāo)簽< meta >
flexible會為頁面根據(jù)屏幕尺寸自動添加標(biāo)簽,動態(tài)控制initial-scale,maximum-scale,minimum-scale等屬性的值。同時flexible.js文件中封裝這refreshRem方法,與頁面監(jiān)聽事件綁定,可以動態(tài)設(shè)置根元素的font-size。體現(xiàn)在頁面上就是html根上的style="font-size"會根據(jù)機型屏幕尺寸變。
舉個例子:如iphone6的尺寸是375px,它的頁面上就是html根上的自動被依賴設(shè)置為style=“font-size: 37.5px”
在lib-flexible里的flexible.js源碼里的refreshRam()體現(xiàn)了這一核心操作,他的rem也是 var rem = (width / 10) + ‘px’。
該公式的物理含義為 1rem=1根元素字體大小
在做rem布局方案中,一般推薦是將我們的網(wǎng)頁劃為十等份,我們的HTML標(biāo)簽的字號為視口寬度的1/10(和上面公式也對上了)。
舉個例子:375尺寸的設(shè)計圖,1rem=37.5px,即1rem十等分了設(shè)計圖尺寸。
只用該插件我們可以在樣式文件中直接以 rem 作為單位編寫樣式,而無需手動計算不同屏幕下元素的具體尺寸。 - npm install px2rem-loader,配置px2rem-loader,在build文件中找到util.js,將px2rem-loader添加到cssLoaders中,設(shè)置remUnit: 設(shè)計圖尺寸 / 10
postcss-px2rem會將你寫的px值轉(zhuǎn)換為對應(yīng)的rem,rem單位用于適配不同寬度的屏幕,它是根據(jù)標(biāo)簽的font-size值來計算出結(jié)果的。設(shè)置完remUnit我們就可以直接根據(jù)設(shè)計圖上的px值進(jìn)行正常開發(fā)了。
舉個例子:如果設(shè)計圖尺寸是375的,此時remUnit就要設(shè)置成37.5。此時在該設(shè)計圖尺寸下16px就是16 / 37.5 = 0.426667rem(rem是個比例單位)。當(dāng)機型變成其他尺寸,如414,此時16px字體尺寸肯定要等比例放大。此時lib-flexible已經(jīng)幫我們把根元素的font-size變化更新了出來,postcss-px2rem幫我們轉(zhuǎn)換px尺寸。在設(shè)計圖375px下是根元素fontsize是37.5,此時更新成了41.4,代表的物理含義是1rem = 41.4px,最后該375下的16px字體就變成了414屏幕尺寸 41.4 * 0.426667 = 17.6px。
3.1.3 微前端
- 微前端概念和微服務(wù)一樣,解耦前端頁面框架??梢宰龅絭ue、react、原生混合開發(fā),互相解耦。典型框架是qiankun
3.2 后端
到了這里,關(guān)于個人簡歷補充的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!