终端执行命名： node TypeScript-Http.ts {代码...} 终端现象：报错信息如下： 语法错误：不期望的标识符。 推论：Node执行文件里的代码时，import导入模块语句还不能识别。 那么我自己会问:import这个关键词，是什么时候引入JS语言中的？ 接下来要调查的问题：1.import出现的初衷是什么？ {代码...} 2.import是要解决什...

时间点: 2010年5月提出的概念，他叫Ethan Marcotte刚好在2010年，移动互联网已经走入生活了。为什么要提出？面临了什么问题？要提出一个新技术？面临问题，每一个设备都要写一套前端代码，难道五个手机要写五套吗？具体的技术也是解决当时存在的问题，如果这些问题不存在了，这些技术存在的意义也就少了。解决问题的思维...

此文章，缘起，点击路由标签时，发现在渲染之前的组件，打印日志没有出来，但组件以及渲染了。 {代码...} 我认为应该弹窗的。每次点击路由应该重新刷新一遍，结果不是。我这样的假设是什么？ 观察结果（现象） 点击页面上<Link>的标签承载的数据时，并没有执行alert函数。ParamsExample组件没有刷新。 研究原先假...

JavaScript报错即代码报错 语法报错 比如语法错误 {代码...} 逻辑报错 逻辑错误，是说你脑袋中预想与现实结果不符，这时重新思考自己的逻辑。 界面数据错误 按照代码执行的顺序，去排查错误 查看开发者的network，看看请求接口，这是第一步。 接口错误，那么看目录结构，好的目录结构会有专门一个目录，放置后台接口的。...

了解技术前提：一种技术的出现，定是解决了某个问题，去官网或Github或NPM找答案。 Apollo-client解决了什么问题？ 什么是Apollo-client？ Apollo-client是使用GraphQL构建客户端应用程序最好的方式。 它能干什么？ 这个客户端用来帮你快速构建，用GraphQL获取数据的UI。用在任何的JavaScript前端。 其实，光看这些，完...

虚拟DOM它是真实DOM的内存表示,一种编程概念，一种模式。它会和真实的DOM同步，比如通过ReactDOM这种库，这个同步的过程叫做调和(reconcilation)。

浏览器解析我们在html编辑器所写的代码有html、css、js。关键HTML怎么解析为DOM、CSS解析为CSSOM、又是如何解析JavaScript的。又怎么把它们结合在一起？

本地执行bundle exec jekyll serve命令时，本地启了一个服务器，只要在浏览器上访问localhost:4000就可以显示，博客文章。之后使用git命令，更新到个人github仓库后。使用username.github.io访问发现，跟本地localhost:4000内容不一致。

前端性能优化 话说回来，使用HTML、CSS、JS开发网站，谁会把我们写好的代码拿去运行呢？是浏览器呀。 那么性能优化是怎么回事呢？ 优化谁的性能？如果我们没有开发网站，那么什么也不需要优化，但开发了，就要优化了。现在不考虑后端，只考虑前端性能优化。 难道压缩图片资源、压缩代码量，好让用户快速访问。写的HTML需...

首先它们都是基于React.createElement构建，也就是JSX的组件的路由，至于Router、Route、Switch各自做了什么。去看官方文档，里面描述了每一个组件路由做了什么事。可以去npm、也可以去github、也可以去官网去看。

Redux是Facebook提出一个数据状态管理的库，也可以说框架。它搭配React解决了组件之间通信问题，这个通信问题，是组件和其它组件之间也可以跨层通信，不需要一层一层的把，父组件的数据往下传递。这会增加代码复杂度和维护的复杂度。

传统UI操作关注太多DOM的API细节。React帮助我们不必过多关注DOM的API实现细节，React对DOM进行了更高级别的抽象。使用React元素，描述我们的页面，细节的渲染，交给React去做。我们只需要告诉React,我写了什么组件，什么标签，什么事件就好了。

Node是什么，官网都做出了解释，Node是基于谷歌V8引擎运行的JavaScript运行环境。它能做什么呢，官网首页也给出了答案，Node使用了事件驱动，非租塞I/O的模式。

既然做前端这个职业，那么对于它的来龙去脉，得了解，算称职点吧。查阅了四个人的技术博客，维基百科查找资料，前端技术发展，以前不叫前端，只是页面工程师。

图片有提示，编译失败，告诉问题所在，老兄，语法错误了。把第二行报错翻译一遍其实就定位问题了。但是我经常比较急，总喜欢一眼带过，一眼解决，解决不了就不去看了。

既然没有定义，说明IE10不支持ES6最新语法。谷歌了好多方案。唯一有用的还是去了Babel官网，有关，@babel/polyfill的使用，以及它代表着什么？