就是说因为jsx语句跨行了，如果写在一行是可以省略小括号的。 另外，对于箭头函数右边的大括号（）=》{ } ...
分类：
其他好文 时间：
2020-01-06 12:32:29
阅读次数：
100
为什么需要构建工具？ 通过caniuse我们了解到 现代浏览器对es6特性的支持程度： 由于现代浏览器对es6特性的支持度并不能说太高，为了兼容所以需要进行 es6语法的转换，除了此，三大框架的语法特征，例如转换JSX，双括号等， 还有其他如CSS前缀补全/预处理器，JS压缩混淆，图片压缩等。 前端 ...
分类：
Web程序 时间：
2020-01-04 10:56:12
阅读次数：
111
[TOC] webpack基本使用 什么是webpack? webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具； webpack可以用来做什么 在网页中会引用哪些常见的静态资源？ JS .js .jsx .coffee .ts（TypeScript 类 C 语 ...
分类：
Web程序 时间：
2019-12-31 01:19:30
阅读次数：
96
ReactJS：支持React开发，提供JSX代码提示，高亮显示，ReactJS官方介绍 1、cdm→ componentDidMount: fn() { ... } cdm 2、cdup→ componentDidUpdate: fn(pp, ps) { ... } cdup 3、cs→ var ...
分类：
其他好文 时间：
2019-12-29 16:36:56
阅读次数：
79
在开始之前，我们先来看以下Webpack官网首页的图片，并思考一下官网图片传达给我们的含义? 一.Webpack基本介绍 1.1 概念的引入 思考：在网页中，我们经常会引入哪些常见的静态资源 JS .js .jsx .coffee .ts（TypeScript 类 C# 语言） CSS .css . ...
分类：
Web程序 时间：
2019-12-26 09:15:21
阅读次数：
83
如题，想必React大家早已不陌生，而React里面的JSX都是玩的得心应手了，但是假如说React里面没有了React那会是一种什么样的情形呢，我们来简单的看一下。 首先我们来实现一个简单的list列表。 好，现在我把他的代码贴出来，大家看一下（可复制的代码在文章最下方） 感觉是不是很清晰明了。那 ...
分类：
Web程序 时间：
2019-12-24 00:02:22
阅读次数：
124
一、从定义文件格式方面说 1、传统的开发模式可以定义js文件或者jsx文件2、利用ts开发定义的文件格式tsx二、定义state的状态来说 1、传统的方式直接在构造函数中使用 constructor(){ this.state = { num1:10 }}2、使用ts开发过程中需要先定义一个接口,规 ...
分类：
Web程序 时间：
2019-12-19 14:38:36
阅读次数：
1623
平台: Node基础语言: NodeJS TypeScript（ES6）包管理器 : npm(速度慢/队列安装包) yarn（速度快/同时安装任务）语言框架：angular (基于typescript) vue（文档更全/国内更主流） react（JSX 支持在 JavaScript 代码中编写 H ...
分类：
其他好文 时间：
2019-12-19 13:06:44
阅读次数：
87
JavaScript 可以说是交互之王，它作为脚本语言加上许多 Web Api 进一步扩展了它的特性集，更加丰富界面交互的可操作性。这类 API 的例子包括WebGL API、Canvas API、DOM API，还有一组不太为人所知的 CSS API。 由于JSX和无数JS框架的出现，使通过JS ...
分类：
Web程序 时间：
2019-12-16 09:53:47
阅读次数：
108
1.eslint 1.1说明 1)ESLint是一个代码规范检查工具 2)它定义了很多特定的规则,一旦你的代码违背了某一规则,eslint会做出非常有用的提示 3)官网:http://eslint.org/ 4)基本已替代以前的JSLint 1.2 ESLint提供一下支持 1) ES 2) JSX ...
分类：
其他好文 时间：
2019-12-13 09:20:17
阅读次数：
82
