掘金忠实用户

当然实现这个效果，前端的角度来说，有很多，这里介绍最简单的，达到这个效果纯粹是元素圆性布局，如果仅仅是这样肯定没有达到各位老铁心理需求，所以既然，做了肯定是要做一个麻雀虽小五脏俱全的小demo,于是就把vue全家桶用上带设置的小项目。接下来就一步一步带各位从0到1构建这个小东西…

用来判断当前宿主环境是否支持原生 Symbol 和 Reflect.ownKeys。首先判断 Symbol 和 Reflect 是否存在，并使用 isNative 函数保证 Symbol 与 Reflect.ownKeys 全部是原生定义

由此我们可以知道，vue-cli 是有针对 VUE_APP_ 这个变量进行配置。接下来让我们查看源码，看下vue-cli是怎么实现的。 查看根路径的 package.json 文件我们可以知道，当执行 npm run serve 时会执行 vue-cli-service；所以我…

在前一篇文章揭秘了keep-alive的实现原理：彻底揭秘keep-alive原理，本文将模拟keep-alive原理实现Vue的防抖和节流组件。 防抖/节流组件代码实现。 网上有很多关于防抖与节流定义、应用及实现的介绍，但同时也有很多不同的解释版本，特别在概念的定义理解上，就…

在上一篇文章 《手摸手教你封装跨项目复用的 Vue 组件》 中，介绍了一例用 rollup.js 封装 Vue.js 组件库的实践；限于篇幅和复杂度，其中组件的即时调试预览部分，也同样采用了 rollup 一并配置出来，虽然完全够用，但运行起来稍嫌麻烦，bigger 上感觉也差…

在默认主题下，导航栏需要在themeConfig属性上进行配置nav，导航栏的两个重要属性为text和link，其中text指明了导航的文字内容，link指明了导航的链接。 第二种： 单个禁用导航栏，在每一个页面(.md文件)最顶部，配置navbar属性为false，此种方式禁…

前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的webp…

npminstall 是 cnpm 的核心逻辑库之一，它通过 link 的方式来安装 Node.js 依赖，可以极大的提升安装速度。 回顾 npminstall 第一版的代码，默认支持 Node.js 4，那个时候 async/await 还没成为 Node.js 的默认功能，…