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