付出

我们公司有一个自己维护的应用组件库，但是应用组件库的文档不足，同时还不能在线运行栗子，看了看ElementUI的文档还不错，参考(抄袭)ElementUI的实现方案来编写公...

一个好的项目通常都是多人合作的结果，然而每个人有每个人的开发习惯，并不统一。 所以 commit message 就显得格外的重要。有些不规范的 commit 可能过个一个...

1.找到源码的位置这是我们最熟悉的按需引入代码步骤了，那么在引入的过程中，会自动解析到node_modules中的 _vant@2.12.4@vant的es文件夹中，那么重...

相信大家都会平时在调试代码时，都会用上 console.log、debugger或者调试工具。但是一般顺手的情况下，我们大多数都会使用console.log，但是conso...

让kk对之前在业务上使用过的blob对象有了深入的了解。所以有感而发，也想要整理一下在之前的场景下，如何运用blob对象对图片进行转码、上传等操作。 基于此定义的业务思考，...

iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注...

如今前端工程师的要求越来越高了，需要掌握的技术点越来越多了，会一些基本的前端技能完全适应不了快速变化的前端领域了。接下来我将从零实现一个自己的UI组件库并发布到npm上，提...

最近重构项目，找到了eslint自动fix的方法遂想大展身手，结果放开规则校验瞬间出现了上千个error。只能慢慢摸索用了将近一天的时间和各种大招摆平了这个问题，下面步入正...

团队开发的项目，如果没有对代码风格作要求，有多少团队成员，就当然会出现多少种不同的代码风格。因此，我们需要一种能够统一团队代码风格的工具，作为强制性的规范，统一整个项目的代...

按Crtl+S保存当前报错文件，eslint错误消失，但是Git暂存区多了个文件改动记录，对比Working tree没发现任何不同。 缺点：你不可能一一保存所有文件，麻烦...

用 React 全家桶 + TS 写项目快一年了，大大小小的坑踩了很多，在此整理了在项目中遇到的疑惑和问题。 体会：不要畏惧 TS，别看 TS 官方文档内容很多，其实在项目...

在使用nginx进行服务器管理时候，日志对于统计、审查、排错来说非常有利。 nginx日志相关的配置有：access_log(访问日志)、log_format（日志格式）、...

1. Nginx简介 Nginx 是一款轻量级的 Web 服务器。通常用在反向代理、负载均衡和 HTTP 缓存。目前全球很多知名互联网公司在使用 Nginx。 Nginx ...

Nginx作为当下最火的http服务器之一，相信作为前端开发者的你，尽管没有使用过，但你一定有所耳闻。其特点有支持海量高并发，轻量且配置简单。用官方的话来说就是: 好吧我承...

我们用vue-cli生成项目后，vue给我们仅提供了一个启动的命令和一个打包命令（如果你选择了单元测试等其他选项，还会有其他命令，但本篇文章我们不讨论它），这个启动命令是开...

Vue-Test-Utils 是 Vue.js 官方的单元测试实用工具库，它提供了一系列的 API 来使得我们可以很便捷的去写 Vue 应用中的单元测试。 主流的单元测试运...

显然这样的配置我们目前不能修改，因为目前的配置文件只有vue.config.js，所以我们添加如下代码，进行公共环境变量的设置。 vue.config.js 是一个可选的配...

async/await是一种异步解决方案，相对于其他异步解决方案，async/await语法在使用上是比较简单的，使用起来跟同步方法没有太大差异。 await 后面的内容，...

async/await 语法用看起来像写同步代码的方式来优雅地处理异步操作,但是我们也要明白一点,异步操作本来带有复杂性,像写同步代码的方式并不能降低本质上的复杂性,所以在...