前端

首先下载TypeScript。 通过npx tsc运行TypeScript编译器。 执行tsc指令会编译tsconfig.json定义的最近的一个项目。也可以传递你想要编译的文件名tsc index.ts。需要全局安装Typescript才能直接使用tsc指令，只在某个项目中安…

这篇文章中的模块是TypeScript模块，想要了解其他模块可以看看学习ES模块、CommonJS、AMD、UMD、SystemJS。 TypeScript模块和ES模块基本一样，只是它可以导出ES模块中没有的一些东西，比如类型别名（type alias）和接口（interfa…

文章内容主要是官网的概念（枚举、函数、类、装饰器），以及自己进行练习例子。 枚举是TypeScript非类型扩展中的一个。使用枚举可以定义一个命名常数的集合。TypeScript支持数字和字符串枚举。 1.枚举默认从0开始，后续的成员自动递增，上例中A1.M1, A1.M2, …

联合类型和交叉类型用于组合类型；泛型用于定义包含可复用类型的类型，就像函数一样可以传入类型变量；类型守卫是执行运行时类型检查来保证类型在一定范围内的表达式；类型推断指在一些没有明确的类型注释的地方使用推断出类型信息。 刚开始学习联合类型（Union Types）和交叉类型（In…

TypeScript是一个JavaScript类型化的超集。为什么要使用TypeScript，引用官网的一段文字： 其实TypeScript的作用不止类型检查，它还多了一些JavaScript目前没有（或还在草案阶段）的语法，比如枚举对象，抽象类、类的私有域等。 本文通过Typ…

ES模块。ES模块是ECMAScript2015（ES6）语言规范中的一部分。在模块出现之前，引入多个JavaScript文件，JavaScript文件中定义的顶层的变量都是全局的，开发人员必须使用IIFE（Immediately Invoked Function Expres…

在《使用Webpack等搭建一个适用于React项目的脚手架（4 - 优化）》中记录Webpack打包的一点优化，到上篇文章为止，模板就已经搭建好了，这篇文章主要记录实现一个简单的脚手架。 准备实现一个特别简单的功能：在执行create-app myProject 时，会将前几…

在《使用Webpack等搭建一个适用于React项目的脚手架（3 - Eslint、Jest）》中记录了在项目中使用Eslint检查代码风格以及使用Jest等进行单元测试。这篇文章主要记录了一点简单的优化。 在生产环境，需要代码体积尽量小，这样能减少请求资源的时间。其实配置We…

在《使用Webpack等搭建一个适用于React项目的脚手架（2 - React Router、Redux、Sass）》中记录了在项目中使用React-Router、Redux和Sass，以及引入图片。这篇文章主要记录在项目中使用Eslint检查代码风格以及使用Jest等进行单…

在《使用Webpack等搭建一个适用于React项目的脚手架（1 - React、TypeScript）》中记录了React、TypeScritpt相关配置。这篇文章主要记录在项目中使用React-Router、Redux和Sass，以及引入图片。 因为本文中新增的代码略多，所…

使用React作为构建用户界面的库。 使用TypeScript进行类型检查。 使用React Router进行路由管理。 使用Redux进行状态管理。 使用Sass编写样式。 使用Eslint保持代码风格的一致。 使用Jest等进行单元测试。 打包代码的工具使用了Webpack…

设计Demo功能、表结构、后端接口、前端页面和交互。 功能。实现简单的购买商品的功能。用户购买商品时直接扣除账户中的金币，不涉及真正的支付，且金币只能为整数；购买成功后也不涉及备货发货收货等流程，直接默认用户购买成功就拿到货物了，订单状态已完成；没有用户登录注册功能，直接使用一…

Redux是用来管理JavaScript应用的状态的。官方文档地址：Redux。本文讲述如何在React中使用Redux，重点偏向Redux。如果需要了解React，可以参考React官网或者React入门（前一阵入门React时写的文|ω・)）。 Redux是一个用在Java…

本文使用node.js实现文件分片上传，没有使用node.js的框架。前端使用javascript实现，也没有使用框架。这里用到了mongoDB数据库。（本文代码练习用，非项目） 安装好node和mongoDB。 使用npm init -y初始化项目。 使用npm instal…

React是一个用于构建用户界面的JavaScript库，用它可以让我们更便捷高效地进行前端开发。本文记录如何从零开始学习React，最后会用React进行小练习，实现一个简单的清单功能。 因为是入门，所以是以在html文件中引入js的方式进行练习的。如果想要直接创建并启动一个…

本文在 canvas实现画板功能的基础上进行了一些完善。 可以通过Canvas_API了解canvas。 代码直接使用了ES6的语法，在谷歌浏览器（版本 76.0.3809.100）上能实现预期的效果。 在HTML中添加上操作按钮以及canvas元素。 创建了一个名为Draw的…