Vue 2 实例 Props 选项
props 选项的值可以是数组或对象，用于接收来自父组件的数据。当 props 的值为一个对象时，可以配置高级选项，如：类型检测、自定义验证、设置默认值。当 props 的值为一个简单的数组时，键值是接收的属性名，如果父组件没有传递该属性，属性值为 undefined
辰风沐阳 阅读 2938 2023-04-09
优化代码分支，让代码更优雅
前端开发中经常遇到的一个困扰，就是有的时候代码里边会出现很多的分支，下面举了个例子，这个分支比较少，有些情况下会有几十个分支，导致了代码非常难看，那么有没有什么办法来优化这个结构呢？
辰风沐阳 阅读 2170 2023-04-03
Vue 2.x 混入 mixins
混入 (minxin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被 “混合” 进入该组件本身的选项。当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行合并
辰风沐阳 阅读 2114 2023-04-03
a == 1 && a== 2 && a== 3 返回 true ？
这道题是阿里、百度、腾讯三个大厂都出过的面试题，一个前端同事跳槽面试也被问了这道题。看了大厂的面试题会对面试官的精神状态陷入深深的怀疑，就感觉不太正常，平时谁会这样写代码。但是呢，很多事经不住细想，细想后，好像还是有点道理的。
辰风沐阳 阅读 1886 2023-04-01
null 和 undefined 的区别
null 和 undefined 的区别 ？这是一道基础面试题。很多人都会说 null 是空，undefined 是未定义，这样回答太过于笼统。面试官反问：null 是空代表没有值是吧，undefined 是未定义也是没有值是吧，都是没有值，它们的区别到底是什么 ？应聘者：这下芭比Q了 !
辰风沐阳 阅读 1871 2023-04-01
Element UI 消息提示 Message
Message 常用于主动操作后的反馈提示。比如：用于提交表单后的提示，成功或失败。Element 为 Vue.prototype 添加了全局方法 $message，因此可以通过 Vue 实例直接调用。默认出现在页面顶部，并且在 3000 毫秒后自动关闭。消息提示框出现的位置和显示时长都可以通过传入参数自定义
辰风沐阳 阅读 2827 2023-03-31
Element UI 组件 Dialog 对话框
官方文档：在保留当前页面状态的情况下，告知用户并承载相关操作。dialog 组件用于弹出一个对话框，适合定制性较大的场景。例如：做一个弹出层表单，如果对话框中的表单项较多，建议封装为一个组件，可以更好的修改对话框相关内容，而且这个对话框可能在其他页面也会被使用
辰风沐阳 阅读 3492 2023-03-30
Sass 介绍及快速入门
Sass 是由 Ruby 语言编写的一款 CSS 预处理语言。它是一款强化 CSS 的辅助工具，是对 CSS 的扩展，扩展了嵌套、混合、继承、导入等高级功能，这些拓展令 CSS 更加强大优雅，可以更好的组织管理样式文件，从而更高效的开发项目
辰风沐阳 阅读 2957 2023-03-20
Vue CLI 脚手架的模式和环境变量
"模式" 是 Vue CLI 项目中一个重要的概念。作为一名开发人员，我们可能需要针对每一种环境编写一些不同的代码并且保证这些代码运行在正确的环境中，那么我们应该如何在代码中判断项目所处的环境同时执行不同的代码呢？这就需要我们进行正确的环境配置和管理
辰风沐阳 阅读 2089 2023-03-15
JavaScript 选择器（选取 DOM 元素）
JavaScript 选择器是用于从 HTML 文档中选取特定 DOM 元素的工具，通过这些选择器可以操作元素的样式、内容、绑定事件，从而实现动态交互。本文记录如何JavaScript 中各种选择器的用法，不记录选取 DOM 元素后的更多操作
辰风沐阳 阅读 367 2023-03-14