[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗？Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…

我们在这边文章里面用的是mycli ，但是我并没有上传项目到npm,但是这篇文章的技术是笔者之前的一个脚手架原型，感兴趣的同学本地下载可以体验效果。 一条命令创建项目，安装依赖，编译项目，运行项目。 我们希望用一条命令行,实现项目创建，依赖下载,项目运行，依赖收集等众多流程。如…

2. 标尺与编辑区域四周覆盖物

由于我们的技术栈采用的是 React, 目前还没有一个成熟库可以同时支持自由拖拽和缩放, 我们不得不用 react-dragable 和 react-resiable两个库来实现拖拽和缩放, 但是这样我们要维护的数据结构就相当复杂了(当然vue生态有成熟的vue-dragabl…

axios的拦截器是一个非常优秀的设计，借助它我们可以实现很多效果，节省重复的代码。 今天重点不是介绍axios，而是带领大家实现一个在网络较慢时弹出友好提示的拦截器。类似与下面的效果。 代码如上所示。 在每次请求时会生成一个id并将其存储到请求配置config中，用来标记这个…

在views文件夹下面新建一个文件夹，用来存放新页面的.vue文件。 需要在routes.js文件里面新添加一个路由。 按照上述操作以后，才可以正常访问新添加的页面，之后才开始对新页面进行正常开发。但是这样的机械化步骤我们完全可以用代码帮我们执行，更进一步，对于一些简单的页面，…

2、从Nest.js或者Spring MVC框架中得到的一些启示。 如果我们前端的数据访问层也能写成如nest.js的这种风格，那么，我们的代码看起来将会是相当的简洁。所以，从这个例子，我们已经确定了我们的设计目标,如果我们能得到一组装饰器，那么，我们的数据访问层将会改写为以下…

每天打开 VSCode 的时间越来越多，有时候甚至并不是因为写代码打开它。因为有各种各样的插件： ... 插件的id，最终会和你的开发者账号做拼接。比如大帅的开发者账号叫ezshine，最终会拼接为 ezshine.插件id 脚手架新建项目完成之后，我们可以cd到项目目录，使用…