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

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

作者: 春木橙云 | 来源:发表于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