开发工具

使用webpack-dev-server可以在本地启动一个服务 , 用来访问和调试构建出的页面
首先执行全局安装

1

$ npm install -g webpack-dev-server

现在越来越多的JS代码被用在页面上 , 如何去很好地组织这些代码 , 成为了一个必须要解决的问题
不止有JS需要被模块化管理 , 前端当中很多的图片 css样式 , 都是需要被统一管理 , 方便进行扩展和维护的

对于前端的文件上传 , 有很多时候不能直接通过表单提交来完成
包括但不限于下列情况

1. 需要对文件(图片)进行压缩, 或者进行修改(比如裁剪)
2. 多文件上传 (当然也有办法间接借助表单做到, 但是不够优雅)
3. 画布(比如canvas)的快照图片上传

题目1

有100瓶水, 其中一瓶有毒, 老鼠喝了有毒的水一周后就会死亡
问至少用多少只老鼠才能在一周内试出哪瓶水是有毒的

模块存在的价值是为了能够更方便地复用代码 , 更加有利于功能的封装
但是如果要实现的话 , 就必须要求每个人都按照同样的方式去编写模块
目前通行的JavaScript模块规范有两种 , 分别是CommonJS和AMD

准备知识

网页中<script>标签

• 如果是src引入一个文件的形式 , 加载这个文件的过程默认是同步的 , 如果引入了多个文件 , 则按照声明的顺序进行加载运行 , 前面的文件尚未加载运行完毕 , 不会加载后面的文件

在ES6标准当中 , 新引入了一种基本数据类型 , 就是Symbol

假设说现在要构造若干个”士兵”对象 , 每个士兵都有类型 攻击力 生命值 这些属性
同时有奔跑 攻击 防御 这些可以执行的动作 , 在代码中表现为方法

function *声明可以用于定义一个生成器函数 , 它返回一个Generator对象

ES6标准新加入的扩展运算符(Spread Operator) , 可以使JS代码变得更加简洁 , 编写起来更加灵活