为什么要改变 this 指向？

例子：

1
2
3
4
5
6
7
8
9

var name = 'lucy';
let obj = {
    name : "martin",
    say : function(){
        console.log(this.name);
    }
}
obj.say(); // martin this指向obj对象
setTimeout(obj.say,0); // lucy ，this 指向 window 对象

可以观察到，正常情况下 say 方法中的 this 是指向调用它的 obj 对象的，而定时器 setTimeout 中的 say 方法中 this 是指向 window 对象的（浏览器中），这是因为 say 方法在定时器中是作为回调函数来执行的，因此回到主线执行时是在全局执行上下文的环境中执行的，但我们需要的是 say 方法中 this 指向对象 obj 对象，因此我们需要修改 this 的指向。

看开源项目有助于解决以下问题

问题 1：学完编程语言，但还是感到学习与实践之间的巨大鸿沟？
问题 2：在校生，自学的感觉是玩具，不知实际项目怎么写，实际项目代码没看过？
问题 3：本科毕业时校招找工作，或研究生复试，或外行转 IT 没项目经验怎么办？

java 推荐开源项目

• halo：java、博客系统

• hutool：java、工具集

• piggymetrics：java、微服务、脚手架、落地

• HanLP：机器学习、数据挖掘、自然语言处理

• hansonwang99：对初学者友好

基础

基础的 HTML + CSS
基础的 JavaScript
框架：Bootstrap
框架：Vue

进阶

HTML5 + CSS3
ES6
基于 Vue 的组件化 SPA 开发。

延伸

了解更多资源: iconfont、bootswatch、themeforest
小程序：原生、mpvue
APP：APICloud
Node：AdonisJs
后端云：知晓云

以上是我对下列视频及文章的归纳和总结。
2018前端开发学习路线建议

Python 推荐课程
培训机构
四大坑：T 州、 D 内、 Q 锋、 Q 鸟
比上面机构略好：H 马训练营、S 硅谷
理由：老师存在大量简历造假、很多概念理解错误

推荐课程：极客时间零基础学 Python
理由：在一线大厂工作 5 年以上的技术人员、内容简洁、应用场景、通俗易懂

以上是我对下列视频的归纳和总结
王校长帮你淘课系列

随着微信小程序的火爆，各家厂商纷纷推出自己的小程序，手机厂商也推出轻应用，这意味着开发者要面对不同平台都要开发一套，于是开发一套代码多平台运行成为构想，

• Uniapp
• Apiclound
• Mpvue
• Taro

Uniapp

使用 Vue 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

标签：Vue、大量开源项目

Apiclound

使用可视化工具快速构建应用程序，基于大数据与拖拽式产品工具自动关联项目组件，并帮助项目快速落地

标签：可视化工具、操作简单快捷

Mpvue

使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

标签：Vue、小程序

Taro

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。使用 Taro，只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同终端（微信/百度/支付宝/字节跳动/QQ 小程序、快应用、H5、React-Native 等）运行的代码。

标签：React

以上是我对下列视频及文章的归纳和总结。
4款前端移动端开发框架

• 基础知识

• 工具方面

• 框架方面

• 架构方面

• 关注源码/性能

封面图片出处
Pexels 上的 Nadia Lindsay 拍摄的照片

故事的开头总是这样，适逢其会，猝不及防。故事的结局总是这样，花开两朵，天各一方。 — 张嘉佳《从你的全世界路过》

文学是最徒劳的，且是滑稽的徒劳。写这么多，我不能拯救任何人，甚至不能拯救自己。这么多年，我写这么多，我还不如拿把刀冲进去杀了他。真的。 — 林奕含《房思琪的初恋乐园》

某天，你会无端想起一个人，她曾让你对明天有所期许，却再也没有出现在你的明天里。 — 电影《再见，金华站》

后来我终于知道，它并不是我的花，我只是恰好途经了它的盛放。 — 电影《东邪西毒》

• 前端框架排行榜

  1. React (NPM 下载量、NPM 使用量)
  2. jQuery
  3. Angular
  4. Vue

• WebAssembly 成为第四种 web 语言。

• Typescript 激增

• React hooks 成为开发首选。

• Vue3.0 开放部分代码

• 开发工具 IDE VSCode 成为了绝对的主流

• Webpack 已经迭代到 5.0 即将发行

• 容器和微服务向前端靠拢 （docker）

以上是我对下列视频及文章的归纳和总结。
2019年前端大事回顾