vue 的 computed 属性默认是只读的，你可以提供一个 setter。它可以优化我写组件的逻辑，适用于父组件处理的值和子组件处理的值是同一个的情况 我们常看到一些优秀的组件库，传入的值既可以是一个 String/Number，也可以是一个函数。 比如ElementUI的…

1. 库/框架选型 2. 简单构建优化 3. JS/CSS模块化开发 4. 组件化开发（本文重点） 1. Vue.js采用了JSON的方法描述一个组件 2. React.js发明了JSX，把CSS和HTML都塞进JS文件里 不要把分离容器组件和展示组件当做教条，如果你不确定该组…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

作为一名精致的前端猪猪女孩，也有那么点想让自己的代码同样看起来精致一点。所以在拿到新需求的 UI 设计稿时，经常会面临如下问题：如何拆解页面？如何划分组件才算是合理？好像用于组件拆分的 A 方案和 B 方案在当前业务场景下也都还算合理，那究竟要怎么选择？组件的抽象与粒度貌似是一…

这是我学习整理的关于 Vue.js 系列文章的第一篇，另外还有两篇分别是关于优化和原理的。希望读完这3篇文章，你能对 Vue 有个更深入的认识。 组件通信是 Vue 的核心知识，掌握这几个知识点，面试开发一点问题都没有。 用于实现父子组件间通信。通过 props 可以把父组件的…

如果近期你有关注 Vue 的动态，就能发现 Vue 作者最近一直在捣鼓的新工具 vite。vite 1.0 目前已经进入了 rc 版本，马上就要正式发布 1.0 的版本了。几个月前，尤雨溪就已经在微博介绍过了 vite ，是一个基于浏览器原生 ESM 的开发服务器。 早期 We…

1. 当前环境的一系列判断 2. user Agent常量的一系列操作 3. 字符串操作 解析： 获得该字符串第一个字符的unicode，然后与 0x24 和 0x5F 作比较。 若作为一个想进阶中高级的前端，charCodeAt方法的各种妙用还是需要知道的（面试算法题各种考）…

众所周知当下是MVVM盛行的时代，从早期的Angular到现在的React和Vue，再从最初的三分天下到现在的两虎相争。 无疑不给我们的开发带来了一种前所未有的新体验，告别了操作DOM的思维，换上了数据驱动页面的思想，果然时代的进步，改变了我们许多许多。 啰嗦话多了起来，这样不…

vue-router 是 Vue 官方的路由管理器，用法简单、功能强大。但在移动端场景中，特别是 hybrid 项目，我们在使用中遇到了一些问题。 大部分页面都支持手势返回，比如说左滑返回。 因此在面向移动端的产品中，用户的操作习惯、产品的设计理念也大多趋同于以上几点。但我们从…