原文 "How Does React Tell a Class from a Function?" 译注: 一分钟概览—— React最后采用了在 上加入 标识作为区分。 1.在这之前,考虑了ES6的区分方法,但是由于Babel的存在,这个方法不可用。 2.总是调用 ,对于一些纯函数组件不适用。而且 ...
分类:
其他好文 时间:
2018-12-30 22:11:25
阅读次数:
932
一 原理 用寄生继承来改造组合继承。 二 优点 具有组合继承的优点,同时只调用一次父类的构造函数,避免了内存和性能的浪费,消除了组合继承的缺点。 《高级程序设计》对寄生组合继承对评价: Babel采用了寄生组合继承来编译class语法糖。 ...
分类:
编程语言 时间:
2018-12-28 18:28:03
阅读次数:
170
总结下webpack简单实用的工作流 1 全局安装webpack 利用 node中的npm安装,如何使用不再赘述. 2初始化当前项目 npm init 3开发环境安装webpack 4执行webpack 报错,原因:没有找到默认入口文件, 解决:1 文件地址设置手动添加文件路径 ./src/inde ...
分类:
Web程序 时间:
2018-12-23 18:36:40
阅读次数:
226
create-react-app(简称cra)已经更新之2.0.3版本, babel也更新至7.x版本, JavaScript装饰器语法虽然还不是标准, 但是借助于babel, 也能在项目里愉快的玩耍. cra2.0时代如何启用装饰器语法呢? 我们依旧采用的是react-app-rewired, 通 ...
分类:
移动开发 时间:
2018-12-23 14:01:15
阅读次数:
334
最近使用antd来做react项目的UI。从antd官网上,在使用create-react-app脚手架搭建项目时步骤如下: (1)添加模块 react-app-rewired, babel-plugin-import, react-app-rewire-less (2)根目录添加config-ov ...
分类:
Web程序 时间:
2018-12-23 11:19:14
阅读次数:
2819
最近在学用nuxt集成koa2做vue后台,发现官方自带脚手架搭建的koa2使用的仍是es5语法,如果想用es6怎么办呢? 这是由于自带脚手架在构建koa2时默认的nodemon是没有使用babel编译的,所以我们首先需要在启动命令后加上 exec babel node 这还不够,因为我们没有去配置 ...
分类:
Web程序 时间:
2018-12-22 20:46:16
阅读次数:
274
开始之前 在书写文章之前,我假设大家已经有了 JavaScript,Node 包管理工具,Linux 终端操作 这些基本技能,接下来,我将一步一步指引大家从头搭建一个 React 项目 最终实现的效果 我们将使用 Webpack 和 Babel 搭建一个 React 应用,我们的目的很清晰,就是 更 ...
分类:
Web程序 时间:
2018-12-22 19:36:50
阅读次数:
236
使用vue2.0 开发的单页面网站, 在华为部分型号(p20也是....),部分安卓手机打开页面是空白; 网上的方法是把把es6 转 为 es5, 当时我使用的 vue-cli , webpack 内置babel,会自动转码, 排查这种可能性; 根据理解可能是这些浏览器的内核版本比较低,所以在ie8 ...
分类:
移动开发 时间:
2018-12-22 17:27:32
阅读次数:
735
假设我们在react中有如下header组件: 我们在写react组件时结合redux要定义mapStateToProps和mapDispatchToProps两个返回对象的纯函数以便交给connect去包裹使用 具体connect使用查看connect 这里我们就可以用装饰器(Decorator) ...
分类:
其他好文 时间:
2018-12-21 22:51:21
阅读次数:
232
安装 babel-preset-stage-0 并在.babelrc中引用 babel-preset-stage-0具体解释见http://www.cnblogs.com/flyingzl/p/5501247.html babel-preset-stage-0具体解释见http://www.cnbl ...
分类:
其他好文 时间:
2018-12-21 16:10:20
阅读次数:
132