learn-mit-webdev

记录寒假学习

https://weblab.mit.edu/

https://developer.mozilla.org/zh-CN/

w0

css文件中用：

• .来定义class
• #来定义id
• :root来定义变量

每个元素从外到内为margin-border-padding

We recommend the guide linked in: weblab.to/flex

And these games:

https://flexboxfroggy.com/ - good for learning 🐸

http://www.flexboxdefense.com/ - good for 💪🏼

w1

用JavaScript实现了一个贪吃蛇的网页 在提供的代码的基础上添加了注释并新增两个小功能：

• 初始食物生成位置随机
• 在游戏结束时输出长度

JS-crashcourse为教程示例代码的clone，未进行改动

https://www.youtube.com/watch?v=1pYtVwIAvhY

基本语法讲解+备忘录app

重新介绍 JavaScript（JS 教程）

w2

react guide

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称 下载安装node.js,以管理员身份运行vscode

搭配vs插件ES7+ React/Redux/React-Native snippets 输入rafce补全基本函数框架

<>内，通过空格来区分参数，例如：