weixin_46982606的博客

最近在学习微前端的知识，突然报(0 , marketing_MarketingApp__WEBPACK_IMPORTED_MODULE_1__.mount) is not a function 这个错误。原来是 mount 这个方法没有导出。所以以后报 xxx is is not a function 看看是否导出。

一、JSX转换为ReactElement 的过程export function createElement(type, config, children) { /** * propName -> 属性名称 * 用于后面的 for 循环 */ let propName; /** * 存储 React Element 中的普通元素属性 即不包含 key ref self source */ const props = {}; /** * 待提取

一、什么叫做的JSXJSX实际是一个javascript 语法扩展，在react 代码执行之前，babel先将JSX编译为React API，即Virtual Dom，再将Virtual Dom 转换为真实Dom对象，最后将真实Dom对象显示到页面上。所以他实际是javascript，目的是为了开发者编写页面更加轻松。<div className = 'box'> <h1>你好</h1> <p>世界</p></div&g

react是一个用于构建用户界面的javascript 库，没有把构建用户界面和用户逻辑进行区分 ，可以构建强交互式的应用程序。一、JSX 语法是 react.creatElement 的语法糖，是javascript 的以一种语法扩展，会被babel转换为标准的javascript Api，本身就是一个表达式，赋值给变量，作为参数传入和返回值都可以。...

前言：前端项目日益庞大，划分的模块也越来越多，如何更好的管理和打包这些模块也变得日益的重要。当然也包括其他文件比如html，css,png的文件也需要进行打包和管理。基于这个需求，市场诞生了许多打包工具。接下来就介绍当今最为流行的打包工具webpack ,一起来走进他的世界吧！！...

前言：随着前端项目的不断发展，代码越来越多，继续对代码进行分类管理。这里就衍生出当前前端重要的开发范式—模块化。那接下来我们一起携手走进前端模块化的世界。一、模块化的演变（1）基于文件划分的方式即每个功能单独为一个js 文件，然后在html直接用script引入。弊端：污染全局作用域，引起命名冲突，外部直接能访问和修改，更加无法管理模块之间的依赖关系（2）命名空间的方式即约定所有模块都只暴露一个全局的变量，其他内部的变量全都挂载在当前的对象上，然后再引入相关js文件。弊端：仍然没有私有空间，

前言：在上一篇章，已经介绍过了gulp的基本使用和gulp 核心的工作思想，和一些基本的文件API，那么我们就以实际为例，开启一个真正的构建打包项目吧！ let’s go !!!一、gulp案例 -----样式编译

一、gulp 的基础使用默认是异步任务，需要添加个done 参数，并标记任务结束yarn add gulp --devcode gulpfile.js//gulpfile.js 文件写入exports.foo = done =>{ console.log('foo task workong'); done() //标记任务完成}运行命令 yarn gulp foo 即可二、gulp 组合任务和异步任务串连任务：series 并行任务 parallelcons

前言：常见的自动化构建工具有Grunt , Gulp, FIS。Grunt 是最早的前端构建系统，但是会生成临时文件，有大量的磁盘读写的过程，构建速度比较慢。Gulp是目前最受欢迎的构建工具，对文件的处理都是在内存中完成，还能默认执行多个任务，相对来说构建速度比较快，效率比较高。FIS是把常见的需求直接集成，操作简单，方便，但不够灵活。接下来就谈谈grunt 的基本使用一、基本同步的任务的执行yarn init --yesyarn add grunt 在文件根目录新建 gruntfile.js

前言：自动化构建的基本含义指的是将开发环境写的源代码自动编译到机器可运行的生产代码，其中包括源代码中支持es6的最新语法，sass，模版引擎等这些。可提高开发代码的效率，又不影响生产环境的运行。...

前言：plop 作为前端工程化的一个小型工具，其作用更加类似于yeoman 的sub Generator 的模块，即在原来的项目的基础上，动态批量的生成类似的项目文件。相比来说plop使用更加的方便简洁，在入口文件的配置上，和yeoman 也比较类似。以下就是简单的使用方法。在原有的react 项目基础文件上生成基础项目代码。一、准备原有基础的一个react 基础项目，安装plop 依赖yarn add plop --dev二、在项目的根目录下面创建plopfile.js 入口文件，并写入以下内容。