前提Git地址前端常用的正则校验git地址欢迎关注前端公众号【小夭同学】1、是否合法IP地址2、是否手机号码或者固话3、是否固话4、是否手机号码5、是否身份证号码6、是否邮箱7、合法url8、验证内容

下面是我在开发大型 Vue 项目时的最佳实践。这些技巧将帮助你开发更高效、更易于维护和共享的代码。 今年做自由职业的时候，我有机会开发了一些大型 Vue 应用程序。我所说的这些项目，Vuex store 超过十个，包含大量的组件（有时候几百个）和视图页面。对我来说这是个很有益的…

本文志在通过合理的配置，可以增加或减少一行代码，就能轻松增加表单项。 用element-ui的表单组件的时候，还是有点不顺手。跟用表格的感觉差不离，但优雅的使用 element-ui 中的 table 组件很棒的解决了这个问题。模仿这个，自己也简单的抽离了表单的配置。不过这并不…

作为 Vue 面试中的必考题之一，Vue 的响应式原理，想必用过 Vue 的同学都不会陌生，Vue 官方文档 对响应式要注意的问题也都做了详细的说明。 但是对于刚接触或者了解不多的同学来说，可能还会感到困惑：为什么不能检测到对象属性的添加或删除？为什么不支持通过索引设置数组成员…

很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的。 本文假定你对 Vue…

今年OKR定了一条KR是每一个季度进行一次前端相关技术的分享，还有十几天就到2020年了，一直忙于业务开发，没有时间准备和学习高端话题，迫于无奈，那就讲讲平时使用频率较高，却没有真正认真的了解其内部原理的 Vue.js 吧。 由于本文为一次前端技术分享的演讲稿，所以尽力不贴 V…

hodux,react-easy-state，内部有一个基于proxy实现响应式的基础仓库observer-util，它的代码实现和Vue3中的响应式原理非常相似，这篇文章就从这个仓库入手，一步一步带你剖析响应式的实现。 本文的代码是我参考observer-util用ts的重写…

Vue组件可能存在多个实例，如果使用对象形式定义data，则会导致它们共用一个data对象，那么状态变更将会影响所有组件实例，这是不合理的；采用函数形式定义，在initData时会将其作为工厂函数返回全新data对象，有效规避多实例之间状态污染问题。而在Vue根实例创建过程中则…

element-ui 组件库之所以受欢迎，除了组件丰富，文档友好之外，还得益于它的精美的设计。之前在组件库的整体设计文章中提到，element-ui 背后有一只强大的设计团队，他们为组件库了制定了一套设计规范。 当我们去设计一套组件库的时候，首先要考虑颜色、字体、边框、图标这些…