1,JavaScript異步隊(duì)列問(wèn)題
https://juejin.im/post/59cce36751882501c14db49c
https://segmentfault.com/a/1190000011198232
2,webpack配置的基礎(chǔ)模塊簡(jiǎn)要介紹
- entry(入口)
這里放入的是webpack的入口文件的路徑,該文件將作為入口被第一個(gè)執(zhí)行,依賴(lài)圖有這里為起點(diǎn)。 - output(出口)
這里告訴webpack打包好的文件放在那里。 - module(loaders或模式)
webpack自身只支持JavaScript,但是相對(duì)于那些非JavaScript的文件,就需要loaders進(jìn)行轉(zhuǎn)化,是他們能夠被打包處理。處理的代碼就放在module中。 - plugins(插件)
放其他更加功能強(qiáng)大的插件,插件的范圍包括:打包優(yōu)化、資源管理和注入環(huán)境變量。而這些,都可以放在這里執(zhí)行,也就是這里,可以取代gulp等前端自動(dòng)化的內(nèi)容,讓webpack流行至今,熱度不減。
示例代碼如下:
module.exports = {
entry: __dirname + '/src/index.js',
output: {
path: path.resolve(__dirname,'public'),
filename: 'bundle.js'
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html'
}),
],
resolve: {
extensions: ['.js','.jsx']
},
module: {
rules: [
{
test: /(\.jsx|\.js)$/,
use: {
loader: 'babel-loader',
},
exclude: /node_modules/
}
]
}
}
3,react的核心有哪些?
4,常見(jiàn)的react封裝的庫(kù)(組件)列舉
Material UI 非常高的 star 數(shù),帥氣的 Material 設(shè)計(jì)規(guī)范實(shí)現(xiàn),巨量 issue 和貢獻(xiàn)者,明星級(jí)的項(xiàng)目。激進(jìn)地全局使用了 inline 樣式,可能會(huì)讓部分人群不適應(yīng)。
React-Bootstrap
bootstrap3 設(shè)計(jì),UI 上看著比較陳舊,最近的提交節(jié)奏有點(diǎn)慢。 而且 bootstrap4 馬上就要出來(lái)了。
React Toolbox
同樣實(shí)現(xiàn)了 Material Design 的后起之秀,使用 css-modules,演示文檔內(nèi)建了一個(gè)實(shí)時(shí)編輯器,非常贊。
網(wǎng)站不錯(cuò),組件太少,設(shè)計(jì)風(fēng)格有點(diǎn)像 Bootstrap。
國(guó)人開(kāi)發(fā),樣式使用了 yahoo 的 Pure,API 和文檔精致。缺點(diǎn)是目前只有一個(gè)人開(kāi)發(fā)維護(hù)。
Belle - Configurable React Components with great UX
風(fēng)格素雅的一套 React 組件,組件數(shù)量較少。
移動(dòng)端 hybrid 的組件庫(kù),iOS 風(fēng)格。
MUI - Material Design React Framework
MUI 同時(shí)提供了 angular、react 、webcomponents 等版本的 MD 實(shí)現(xiàn),組件數(shù)量較少。
jquense/react-widgets · GitHub
API 文檔極其精細(xì),亮點(diǎn)之一是提供了一個(gè)屬性可視化操作的 playground,值得借鑒。例子:React Widgets
reactstrap - React Bootstrap 4 components
基于 bootstrap4 的新起之秀,文檔清新,推薦嘗試。
百分點(diǎn)的 React 套件庫(kù),組件很全,風(fēng)格淡雅,實(shí)現(xiàn)質(zhì)量不錯(cuò),不知道為什么 star 非常少。
Blueprint - A React UI toolkit for the web
剛剛推出的質(zhì)量極好的組件庫(kù),用 TypeScript 和 Scss 開(kāi)發(fā),功能強(qiáng)大,并且有自己的色彩和排版規(guī)范,推薦使用。
5,es6導(dǎo)出(defalt, module,module defalt,export)
6,class繼承是什么,個(gè)人理解?
7,es6的promise知識(shí)點(diǎn)補(bǔ)充
https://www.cnblogs.com/lvdabao/p/es6-promise-1.html
8,兄弟組建傳值方法
http://taobaofed.org/blog/2016/11/17/react-components-communication/
9,列表點(diǎn)擊進(jìn)入新的頁(yè)面,有幾種方法?
哈希值(連接傳值)、第三方庫(kù)(redux、mobx、接口后端返回方法等)
10,DOMContentLoaded
https://developer.mozilla.org/zh-CN/docs/Web/Events/DOMContentLoaded