首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端
任沫
创建于2021-05-17
订阅专栏
JavaScript、TypeScript、前端工程化等内容
等 1 人订阅
共16篇文章
创建于2021-05-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
任沫
2年前
TypeScript
TypeScript学习笔记-5-tsc指令、TS配置、部分更新功能、通用类型
首先下载TypeScript。 通过npx tsc运行TypeScript编译器。 执行tsc指令会编译tsconfig.json定义的最近的一个项目。也可以传递你想要编译的文件名tsc index.ts。需要全局安装Typescript才能直接使用tsc指令,只在某个项目中安…
4323
2
评论
任沫
2年前
TypeScript
TypeScript学习笔记-4-模块、命名空间
这篇文章中的模块是TypeScript模块,想要了解其他模块可以看看学习ES模块、CommonJS、AMD、UMD、SystemJS。 TypeScript模块和ES模块基本一样,只是它可以导出ES模块中没有的一些东西,比如类型别名(type alias)和接口(interfa…
905
2
评论
任沫
2年前
TypeScript
TypeScript学习笔记-3-枚举、函数、类、装饰器
文章内容主要是官网的概念(枚举、函数、类、装饰器),以及自己进行练习例子。 枚举是TypeScript非类型扩展中的一个。使用枚举可以定义一个命名常数的集合。TypeScript支持数字和字符串枚举。 1.枚举默认从0开始,后续的成员自动递增,上例中A1.M1, A1.M2, …
297
1
评论
任沫
2年前
TypeScript
TypeScript学习笔记-2-联合类型&交叉类型、泛型、类型守卫、类型推断
联合类型和交叉类型用于组合类型;泛型用于定义包含可复用类型的类型,就像函数一样可以传入类型变量;类型守卫是执行运行时类型检查来保证类型在一定范围内的表达式;类型推断指在一些没有明确的类型注释的地方使用推断出类型信息。 刚开始学习联合类型(Union Types)和交叉类型(In…
1025
8
评论
任沫
2年前
TypeScript
TypeScript学习笔记-1-基础类型、字面量类型、类型声明
TypeScript是一个JavaScript类型化的超集。为什么要使用TypeScript,引用官网的一段文字: 其实TypeScript的作用不止类型检查,它还多了一些JavaScript目前没有(或还在草案阶段)的语法,比如枚举对象,抽象类、类的私有域等。 本文通过Typ…
1351
9
评论
任沫
2年前
JavaScript
学习ES模块、CommonJS、AMD、UMD、SystemJS
ES模块。ES模块是ECMAScript2015(ES6)语言规范中的一部分。在模块出现之前,引入多个JavaScript文件,JavaScript文件中定义的顶层的变量都是全局的,开发人员必须使用IIFE(Immediately Invoked Function Expres…
4179
32
7
任沫
3年前
前端
使用Webpack等搭建一个适用于React项目的脚手架(5 - 脚手架)
在《使用Webpack等搭建一个适用于React项目的脚手架(4 - 优化)》中记录Webpack打包的一点优化,到上篇文章为止,模板就已经搭建好了,这篇文章主要记录实现一个简单的脚手架。 准备实现一个特别简单的功能:在执行create-app myProject 时,会将前几…
782
5
评论
任沫
3年前
前端
使用Webpack等搭建一个适用于React项目的脚手架(4 - 优化)
在《使用Webpack等搭建一个适用于React项目的脚手架(3 - Eslint、Jest)》中记录了在项目中使用Eslint检查代码风格以及使用Jest等进行单元测试。这篇文章主要记录了一点简单的优化。 在生产环境,需要代码体积尽量小,这样能减少请求资源的时间。其实配置We…
941
4
评论
任沫
3年前
前端
使用Webpack等搭建一个适用于React项目的脚手架(3 - Eslint、Jest)
在《使用Webpack等搭建一个适用于React项目的脚手架(2 - React Router、Redux、Sass)》中记录了在项目中使用React-Router、Redux和Sass,以及引入图片。这篇文章主要记录在项目中使用Eslint检查代码风格以及使用Jest等进行单…
2675
4
3
任沫
3年前
前端
使用Webpack等搭建一个适用于React项目的脚手架(2 - React Router、Redux、Sass)
在《使用Webpack等搭建一个适用于React项目的脚手架(1 - React、TypeScript)》中记录了React、TypeScritpt相关配置。这篇文章主要记录在项目中使用React-Router、Redux和Sass,以及引入图片。 因为本文中新增的代码略多,所…
719
4
评论
任沫
3年前
前端
使用Webpack等搭建一个适用于React项目的脚手架(1 - React、TypeScript)
使用React作为构建用户界面的库。 使用TypeScript进行类型检查。 使用React Router进行路由管理。 使用Redux进行状态管理。 使用Sass编写样式。 使用Eslint保持代码风格的一致。 使用Jest等进行单元测试。 打包代码的工具使用了Webpack…
1269
17
评论
任沫
3年前
Node.js
使用Node、MySQL、JavaScript实现一个简陋的购物Demo
设计Demo功能、表结构、后端接口、前端页面和交互。 功能。实现简单的购买商品的功能。用户购买商品时直接扣除账户中的金币,不涉及真正的支付,且金币只能为整数;购买成功后也不涉及备货发货收货等流程,直接默认用户购买成功就拿到货物了,订单状态已完成;没有用户登录注册功能,直接使用一…
632
3
评论
任沫
3年前
Redux
学习在React项目中使用Redux
Redux是用来管理JavaScript应用的状态的。官方文档地址:Redux。本文讲述如何在React中使用Redux,重点偏向Redux。如果需要了解React,可以参考React官网或者React入门(前一阵入门React时写的文|ω・))。 Redux是一个用在Java…
4397
18
4
任沫
3年前
JavaScript
用JavaScript和Node.js实现文件分片上传
本文使用node.js实现文件分片上传,没有使用node.js的框架。前端使用javascript实现,也没有使用框架。这里用到了mongoDB数据库。(本文代码练习用,非项目) 安装好node和mongoDB。 使用npm init -y初始化项目。 使用npm instal…
4422
20
3
任沫
3年前
React.js
React入门
React是一个用于构建用户界面的JavaScript库,用它可以让我们更便捷高效地进行前端开发。本文记录如何从零开始学习React,最后会用React进行小练习,实现一个简单的清单功能。 因为是入门,所以是以在html文件中引入js的方式进行练习的。如果想要直接创建并启动一个…
2392
3
2
任沫
3年前
JavaScript
使用原生JavaScript实现一个canvas画板
本文在 canvas实现画板功能的基础上进行了一些完善。 可以通过Canvas_API了解canvas。 代码直接使用了ES6的语法,在谷歌浏览器(版本 76.0.3809.100)上能实现预期的效果。 在HTML中添加上操作按钮以及canvas元素。 创建了一个名为Draw的…
4114
18
评论
温馨提示
当前操作失败,如有疑问,可点击申诉