問(wèn)題點(diǎn)整理發(fā)布列表(未完待續(xù)...)

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í)編輯器,非常贊。

Elemental UI

網(wǎng)站不錯(cuò),組件太少,設(shè)計(jì)風(fēng)格有點(diǎn)像 Bootstrap。

React ui docs

國(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ù)量較少。

TouchstoneJS

移動(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

Reapp - Hybrid apps, fast

reactstrap - React Bootstrap 4 components

基于 bootstrap4 的新起之秀,文檔清新,推薦嘗試。

BFD UI

百分點(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容