蟹老板爱写代码

没有最好的代码规范，只有最合适的代码规范，但是不妨碍你来看看整理好的拿来即用的前端代码风格指南。看完学会必脱单哦～...

在bundler中创建src文件夹，在src文件夹新建index.js,message.js,word.js。文件内容如下： 如果想直接在浏览器中运行index.js的话，...

原文地址：Webpack and Rollup: the same but different 原文作者：Rich Harris 译文出自：掘金翻译计划 译者：lsvih ...

鉴于浏览器目前尚不能按照“原样”解析 JavaScript 源码，所以打包这一步必不可少。将源代码编译成浏览器可以理解的形式，这是打包工具（例如 Browserify，Ro...

第一章：软件架构 以前我们认为软件架构是应该一开始就设计好的，当你编写第一行代码的时候，就应该遵循架构规则。但是架构是服务于需求的，需求又是不断变化的，这必然导致一开始设计...

最近有个领导想让我们搭组件库，然后我就想知道目前项目中使用的三方组件库哪些组件使用频率最高。本来想去咨询小伙伴，但是小伙伴太忙了，只能自己弄了。我就想能不能通过 webpa...

升级Vue3后，让人最脑壳疼的应该是新的Compostion API语法，他的难点不是语法，而是他提供了全新的组织代码的思维方式。 我刚从Vue2转到Vue3时，代码都严格...

今天，我惊讶的发现，往常积极友好的 VueJS 社区陷入了一场激烈的战争。 两周前，Vue 的创建者尤雨溪发布了一个请求意见稿（RFC），用于在即将发布的 Vue 3.0 ...

Composition API简介你可以通过下面两个api创建响应性对象：reactive()ref() / computed()reactive简介reactive(ob...

最近一段时间, 国内社区基于 React hook 提炼出了一些用于代替 redux 的状态管理库, 基本思路都是利用 hook 来包装 state 和操作 state 的...

随着vue3的出现，vue社区的其他核心包都进行了对于vue3的升级支持，例如vue-router、vuex等。那么vuex有了哪些变化呢？今天我们一起来聊聊vuex。 我...

将 Clean Code 的概念适用到 TypeScript，灵感来自 clean-code-javascript。 这不是一份 TypeScript 设计规范，而是将 R...

Vue3 Beta 版发布了，离正式投入生产使用又更近了一步。此外，React Hook 在社区的发 展也是如火如荼。 这篇文章就从 Vue3 的角度出发，探索一下未来的 ...

在说 SOLID 原则前，还是有必要先了解下程序的编写模式，即，编程范式。如果说设计原则是为了更好得组织代码，那么，编程范式就是为了让我们有选择得使用不同的代码结构。 到目...

在程序设计领域， SOLID（S: 单一功能、O: 开闭原则、L: 里氏替换、I: 接口隔离、D: 依赖反转），指代了面向对象设计的五个基本原则。当这些原则被一起应用时，可...

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试...

2020年前端圈带来具有突破意义的内容或框架不多，也不会再有2013年到2017间日日新的框架大战局面，也不会有Node全栈之争，也不会因为React-Native、Wee...

TypeScript一直是方兴未艾的前端编程工具语言，它极大的提高了代码的可读性、可维护性。 同时在静态编译能提早暴露出很多问题，比如因不小心写错变量名、传递给函数的参数类...