前两天在浏览 苹果 16寸 营销页面 的时候，发现了几个比较有意思的交互，心里想着自己虽然是一个穷逼，但是知识是无界限的呀，于是便研究了一波。 一个是屏幕慢慢打开的效果，在屏幕打开的过程中，电脑图片 是在屏幕中固定不动的，直到打开完毕或者关闭完毕的时候再让 电脑图片 随着滚动条…

1. 需要实现codemirror编辑器功能，主要是json数据的编辑 2. 写功能前需要安装的一些组件及用法简单说明，vue的就不说了，就光说这个编辑器需要的 这个跟codemirror还是有区别的，codemirror我们需要初始化编辑器，然后拿着初始化对象就可以调用方法了…

Message的调用方式都是通过this.$message进行调用，通过传递不同的options进行组件样式和内容的控制，展示的html是动态的插入到document中并在duration之后移除，组件的展示通过vue实例访问并控制。

熟悉我的朋友可能会知道，我一向是不写热点的。为什么不写呢？是因为我不关注热点吗？其实也不是。有些事件我还是很关注的，也确实有不少想法和观点。 但我一直奉行一个原则，就是：要做有生命力的内容。 这篇文章是一篇应用性极强的文章，我们通过一个实际的应用场景，去解决某一类的问题，提供一…

配合着源码，用心看完这遍文章，你便领悟了封装的精髓，麻雀虽小，五脏俱全。 业务代码之外的代码，我想称之为增值代码。 作为一个程序员，你应该除了完成领导安排的任务，你还应该有一些自己的时间，用来“玩”一些比较有意思的事情。 当现有框架、库满足不了我们需求的时候，我们应该尝试去自己…

人生苦短，没有人喜欢填写表单。要口语化、有趣，逐渐吸引用户，让人感觉出乎意料。本文会探讨表单设计的注意事项。 原文链接：https://uxdesign.cc/design-better-forms-96fadca0f49c#.pq9x0zsdm

因为主项目和子项目都是用的 vue 开发，所以使用 vue-cli4 创建项目，创建 2 个项目，一个主项目，一个子项目。 下面正常开始编写项目，我之前也在网上看了好多 demo 和实际项目，大家主项目都是直接把乾坤的代码放在 main 里面。然后在 app.vue 中用 v-…

Vue 数据双向绑定主要是指：数据变化更新视图，视图变化更新数据。其中，View变化更新Data，可以通过事件监听的方式来实现，所以 Vue数据双向绑定的工作主要是如何根据Data变化更新View。 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data …

高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。 先和大家说好，本篇文章的核心是学会这样的思想，也就是 智能组件 和 木偶组件 的解耦合，没听过这个概念没关系，下面会详细说明。 这可以有很多方式，比如…