随笔分类 - 前端
摘要：1. 概述 老话说的好：起点低不要紧，只要坚持不断的去努力就能取得成功。 言归正传，今天我们来聊聊 VUE 中 插件的使用。 2. 插件 2.1 插件的声明 const myPlugin = { install(app, options) { // 增加一个变量 app.provide('name'
阅读全文
摘要：1. 概述 老话说的好：不用想的太多、太远，做好当天的事，知道明天要做什么就可以了。 言归正传，今天我们来聊聊 VUE 中 render 函数的使用。 2. render 函数 2.1 一个简单的例子 <body> <div id="myDiv"></div> </body> <script> co
阅读全文
摘要：1. 概述 老话说的好：宰相肚里能撑船，但凡成功的人，都有一种博大的胸怀。 言归正传，今天我们来聊聊 VUE 中 Teleport 的使用。 2. Teleport 2.1 遮罩效果的实现 <style> .area { position: absolute; left: 50%; top: 50%
阅读全文
摘要：1. 概述 老话说的好：能屈能伸的人生，才是完满而丰富的人生。 言归正传，今天我们来聊聊 VUE 中自定义指令的实现。 2. 自定义指令 2.1 文本框聚焦的实现 <body> <div id="myDiv"></div> </body> <script> const app = Vue.creat
阅读全文
摘要：1. 概述 老话说的好：大处着眼，不贪一时之利。太贪心，只会失去更多，知足才能常乐。 言归正传，今天我们来聊聊 如何解决浏览器跨域的问题。 2. 跨域问题 2.1 什么是跨域 跨域，简单说就是访问的页面域名是 www.a.com，而在此页面中 Ajax 请求接口，请求的是 www.b.com 的接口
阅读全文
摘要：1. 概述 老话说的好：心态决定命运，好心态才能有好的命运。 言归正传，今天我们来聊聊 VUE 中的全局 Mixin 与 自定义属性合并策略。 2. Mixin 的使用 2.1 全局 Mixin 之前咱们介绍的 Mixin 用法，是局部 Mixin，需要在组件和子组件中使用 mixins:[myMi
阅读全文
摘要：1. 概述 老话说的好：舍得舍得，先舍才能后得。 言归正传，今天我们来聊聊 VUE 中使用 Mixin 实现代码的复用。 2. Mixin 的使用 2.1 不使用 Mixin 的写法 <body> <div id="myDiv"></div> </body> <script> const app =
阅读全文
摘要：1. 概述 老话说的好：不用羡慕别人，每个人都有属于自己的人生道路，重要的是在前进道路上遇见阻碍时，如何去积极的面对并解决。 言归正传，今天我们来聊聊 VUE 的状态动画。 2. 状态动画 2.1 数字加10的例子 <body> <div id="myDiv"></div> </body> <scr
阅读全文
摘要：1. 概述 老话说的好：可以为别人解决痛点的产品就是好产品。 言归正传，今天我们来聊聊 VUE 的列表动画。 2. 列表动画 2.1 列表中增加和删除元素 <style> .my-item { display: inline-block; margin-right: 15px; } </style>
阅读全文
摘要：1. 概述 老话说的好：多换位思考，多站在他人的角度考虑问题，多考虑他人的感受，这样才能让我们赢得更多的朋友。 言归正传，之前我们聊了多个元素之间的过渡，今天我们聊聊多个组件之间的过渡。 2. 多个组件之间的过渡 2.1 局部组件之间过渡的实现 <style> /* 入场起始样式 */ .v-ent
阅读全文
摘要：1. 概述 老话说的好：过去不等于未来，过去成功了不代表将来也会成功，过去失败了也不代表将来也会失败。 言归正传，今天我们聊聊多个元素之间的过渡。 2. 多个元素之间的过渡 2.1 两个元素交替显示 <body> <div id="myDiv"></div> </body> <script> con
阅读全文
摘要：1. 概述 毛毛虫效应： 有这样一个实验，将许多毛毛虫放在一个花盆边缘，使它们首尾相接，围成一个圈。然后在离花盆很近的地方撒了一些毛毛虫的食物。 此时，毛毛虫并不会向食物的方向爬去，而是在花盆边缘，一个跟着一个的转圈，直到7天后，因为饥饿和精疲力尽相继死去。 这是毛毛虫的一种特性吧，它们喜欢跟随前者
阅读全文
摘要：1. 概述 巴纳姆效应告诉我们： 人们更容易相信笼统的、常见的人格描述，并觉得特别适合自己，认为该描述真实地反映了自己的人格面貌。 这也是所有算命先生的小把戏，算命先生通常把话说的很笼统，很通用，基本是适合所有人的，再加上一些察言观色、随机应变的技巧，不明状况的人就会盲目的相信，觉得很“神”。 我们
阅读全文
摘要：1. 概述 光环效应告诉我们： 当一个人在某一方面取得了巨大的成功，人们就会给他贴上正面的标签，这个人从此就被“优秀”的光环所笼罩，他做的一切，人们都认为是正确的。 例如：越是名气大的明星代言的商品，买的人就越多。 反之亦然，当一个人在某一方面失败了，往往就会被贴上负面的标签，从此被“失败”的“光环
阅读全文
摘要：1. 概述 首因效应告诉我们： 在日常交往中，第一印象是非常重要的，好的第一印象能让我们在与人相处时事半功倍。 但也从另一面告诉我们，不能仅凭第一印象去判断一个人，有时虚假的第一印象，也有可能蒙蔽我们的双眼，影响我们的判断，正所谓“路遥知马力，日久见人心”。 言归正传，今天我们来聊聊 VUE 中 r
阅读全文
摘要：1. 概述 暗示效应告诉我们： 巧妙的暗示会在不知不觉中剥夺我们的判断力，对我们的思维形成一定的影响，造成我们行为的些许改变或者偏差。 例如你的朋友说你脸色不太好，是不是病了，此时，你可能就会感觉浑身不舒服、头重脚轻，想赶紧去看医生。 而如果你的朋友对你说你脸色不太好，应该是没睡好，属于正常现象，一
阅读全文
摘要：1. 概述 破窗效应告诉我们： 当一个建筑物窗户的玻璃完好无损时，很少有人想去破坏它，当有一个人破坏了一块窗户的玻璃，其他窗户的玻璃也很快会被人破坏。 同理，一个很干净的地方，人们不好意思去丢垃圾，但是一旦地上出现了一点垃圾，人们就会毫不犹豫地丢垃圾，不会觉得惭愧。 因此，我们不要忽略一些小的问题，
阅读全文
摘要：1. 概述 非理性定律告诉我们： 人们总是习惯于以情感去判断眼前的事物，非理性的去做决定。 对于长远的利益，人们更愿意去选择短期的利益。 因此在做决定前要让自己冷静，理性的分析，让自己看的更远。 言归正传，今天我们来聊一个新的概念 —— 插槽。 2. 插槽的使用 2.1 一个简单的例子 我们先来看一
阅读全文
摘要：1. 概述 洛克定律告诉我们： 当我们的目标很远大，远到我们都看不到终点时，放弃几率就会很大，就像跑马拉松比赛，由于时间长、距离长，很多选手都会选择在中途放弃。 其实有个好办法，就是拆分，把大目标拆分成很多的小目标，这些小目标都是能够看到终点的，让自己有一种努力一下就能完成目标的感觉，当把所有的小目
阅读全文
摘要：1. 概述 相关定律告诉我们：这个世界上的任何事物之间都会存在一定联系，“城门失火，殃及池鱼”就是一个很好的例子。因此如果我们能够尽早发现这些看不见的联系，就能很好的解决更多遇见的难题。 言归正传，之前我们聊过如何在子组件中去修改主组件传递的参数的值，当时是在子组件中重新声明一个新数据，初始值为父组
阅读全文
