美文网首页
问题点整理发布列表(未完待续...)

问题点整理发布列表(未完待续...)

作者: 春木橙云 | 来源:发表于2018-10-10 21:29 被阅读18次

1,JavaScript异步队列问题

https://juejin.im/post/59cce36751882501c14db49c
https://segmentfault.com/a/1190000011198232

2,webpack配置的基础模块简要介绍

  • entry(入口)
    这里放入的是webpack的入口文件的路径,该文件将作为入口被第一个执行,依赖图有这里为起点。
  • output(出口)
    这里告诉webpack打包好的文件放在那里。
  • module(loaders或模式)
    webpack自身只支持JavaScript,但是相对于那些非JavaScript的文件,就需要loaders进行转化,是他们能够被打包处理。处理的代码就放在module中。
  • plugins(插件)
    放其他更加功能强大的插件,插件的范围包括:打包优化、资源管理和注入环境变量。而这些,都可以放在这里执行,也就是这里,可以取代gulp等前端自动化的内容,让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,常见的react封装的库(组件)列举

Material UI 非常高的 star 数,帅气的 Material 设计规范实现,巨量 issue 和贡献者,明星级的项目。激进地全局使用了 inline 样式,可能会让部分人群不适应。

React-Bootstrap
bootstrap3 设计,UI 上看着比较陈旧,最近的提交节奏有点慢。 而且 bootstrap4 马上就要出来了。

React Toolbox
同样实现了 Material Design 的后起之秀,使用 css-modules,演示文档内建了一个实时编辑器,非常赞。

Elemental UI

网站不错,组件太少,设计风格有点像 Bootstrap。

React ui docs

国人开发,样式使用了 yahoo 的 Pure,API 和文档精致。缺点是目前只有一个人开发维护。

Belle - Configurable React Components with great UX
风格素雅的一套 React 组件,组件数量较少。

TouchstoneJS

移动端 hybrid 的组件库,iOS 风格。

MUI - Material Design React Framework

MUI 同时提供了 angular、react 、webcomponents 等版本的 MD 实现,组件数量较少。

jquense/react-widgets · GitHub

API 文档极其精细,亮点之一是提供了一个属性可视化操作的 playground,值得借鉴。例子:React Widgets

Reapp - Hybrid apps, fast

reactstrap - React Bootstrap 4 components

基于 bootstrap4 的新起之秀,文档清新,推荐尝试。

BFD UI

百分点的 React 套件库,组件很全,风格淡雅,实现质量不错,不知道为什么 star 非常少。

Blueprint - A React UI toolkit for the web

刚刚推出的质量极好的组件库,用 TypeScript 和 Scss 开发,功能强大,并且有自己的色彩和排版规范,推荐使用。

5,es6导出(defalt, module,module defalt,export)

6,class继承是什么,个人理解?

7,es6的promise知识点补充

https://www.cnblogs.com/lvdabao/p/es6-promise-1.html

8,兄弟组建传值方法

http://taobaofed.org/blog/2016/11/17/react-components-communication/

9,列表点击进入新的页面,有几种方法?

哈希值(连接传值)、第三方库(redux、mobx、接口后端返回方法等)

10,DOMContentLoaded

https://developer.mozilla.org/zh-CN/docs/Web/Events/DOMContentLoaded

相关文章

网友评论

      本文标题:问题点整理发布列表(未完待续...)

      本文链接:https://www.haomeiwen.com/subject/zrpmaftx.html