whosmeya

react项目低配版，可作为react相关测试的基础环境，方便快速进行测试。 html-webpack-plugin用于打包html文件。 babel将react语法编译为浏览器识别的语法。 ps: Babel7将所有包放在了@babel/ 下。 打包成功，根目录会生成 dis…

接下来给项目添加 打包，忽视文件，ts声明文件，单元测试，eslint，README.md添加徽标。 参考 ramda 打包思路，我们将要编译成三种包，以及它们的压缩版。 发布到npm上的@types organization。 下面我们来使用第一种方式。 修改 package…

注册完成后记得去邮箱验证（如果验证失败，就把验证地址复制到注册账号的浏览器打开），如果不验证，发布时候会403。 这样将递增包版本号，提交变更，然后创建一个本地 tag 标签，并推送到 github 和发布到 npm package。 之后就可以到 github 的发布页面上为…

本文将要介绍 webpack，Babel，babel-loader 的关系。理清楚他们各自做了什么事情。 通常我们新建一个项目，会先配置webpack，然后配置babel；babel是一个编译工具，实际上，babel也是可以单独使用的。 下面我们从Babel出发，简单配置一个r…

个人项目越来越多，部署需要频繁操作服务器，所以手动搭建一套简单的部署系统。 其中包含 原生html+css+js项目，单页面react, vue, angular项目，实现了一键打包发版。 只需要拉取远端代码，移动到服务器指定目录。 拉取完代码，需要执行项目内打包命令，然后移动…

循环发射弹幕的实现。

本文要讲的是，浏览器读一个script代码的流程是什么，遇到异步代码会如何处理，宏观任务和微观任务如何处理。 开始前先来看几个概念。 首先要说一个栈模型，函数的调用形成了栈帧。 例如这段代码，调用 f1 时，创建第一帧；f1 调用 f2 时，创建第二帧。第二帧压在第一帧之上，当…

图片处理 在前端业务中并不陌生。例如手机自带相机拍出的照片通常好几兆，但如果只是用作头像就显然太大，需要 图片压缩 后再上传服务器；再例如前段时间比较火的迎国庆换头像，就用到了 图片与图片的合成。本文将介绍前端常见的 Canvas 图片处理方法。 图片插入文字 主要用了 fil…

模仿ios浏览器底部弹框效果。 遮罩层淡入淡出，弹框高度根据内容自适应。