对前端开发人员来说，窗口切换、编辑器输入比较频繁，掌握一些快捷键操作，虽然一开始可能要记一记，但熟悉了之后，能大大提高我们的开发效率。前端开发用mac的比较多，这里以mac为例，结合自身开发罗列了一些快捷键操作。我个人对快捷键的态度是，记住最有效和最常用的，其他很冷门很难记的就算了，效率为上。以下从几个方面来罗列一下最常用的mac开发快捷键一、电脑文件窗口前端开发人员常常需要切换窗口，创建文件，打

在做一个客户端基建项目的时候，多处需要用到JS调取命令行执行shell脚本，这里对shell命令、JS执行shell命令做一个简单的介绍和总结。前言一般在纯前端静态页面的项目中，是不需要JS调命令行操作的，通常在Node项目，或者在Electron客户端项目中，可能会有这样的需求。（electron这个客户端框架本身就内置了node的很多方法）。因此下文针对的是有node层的项目如何执行shell

前言获取元素高度，通常一、基础：理清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop区别图文可见：https://blog.csdn.net/qq_35430000/article/details/80277587说的非常详细,这边列表总结如下：名称范围clientHeightcontent高度...

Vue大型表单数据导致el-input输入卡顿解决方案说明在我们的日常开发中，可能会遇到一个大型的表单页面包含非常多个el-select及el-input组件的情况。如：对于这样大型的表单数据，尤其一些下拉选项非常多甚至还要从接口获取时，会容易出现两个问题：1、el-select组件操作卡顿2、el-input组件输入延迟卡顿，即在输入框里输入、删除一些字符，会有明显的延迟对于第一个问题，网上有很

前言获取元素高度，通常一、基础：理清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop区别图文可见：https://blog.csdn.net/qq_35430000/article/details/80277587说的非常详细,这边列表总结如下：名称范围clientHeightcontent高度...

问题描述在显示弹窗时，如果底部页面可滚动，可能在弹窗显示时，滚动鼠标，会发生滚动穿透，让底部页面也一起滚动了。这种用户体验是不太好的，怎么能阻止滚动穿透呢？解决思路让弹窗显示时，阻止背景的滚动事件，弹窗关闭时，重新恢复背景的滚动示例（vue）<div>原背景页面</div>// 假设如下是一个简略的弹窗元素<div v-if="showDialog"...

在vue项目中我们发现，给input标签设置了type=number之后，输入框还是可以输入±以及e的情况，这是由于这些符号都属于数字范围，e指的是指数。如果项目有特殊需求，禁止输入这些符号，我们可以怎么做呢第一个想到的方法：普通正则处理在v-model中绑定元素，通过正则判断，在输入失焦时替换调这些元素。这种方法网上随便找找就行，但是这样很不直观，对用户来说是多了一步。那么怎么在根源上...

vue项目中使用了vuex的getter方法获取数据，数据更新后页面没有渲染问题描述在vue的一个项目中遇到这样一个问题：项目使用vuex进行状态管理，在一个页面中，包含两个组件AB.在A组件中，通过接口请求拿到数据A，并存储在store中，供调用。在B组件中，我们通过getter的方式，从store中获取数组A中的部分数据，用做组件页面的一些数据展示。问题：当数组A变化时，B组件中,打印数...

基于el-upload组件实现上传下载excel文件在vue项目中，使用了element组件，要基于其中的下载组件el-upload实现上传和下载excel的功能，发现element官网上的说明说的很不清楚，找了很多资料和实践后，总结了以下的用法。element官网中el-upload: el-upload说明主要实现两部分，一是上传文件，基于el-upload;二是下载文件，这个根据具体...

Vue中子组件的弹框滚动条不影响父元素滚动问题描述解决方法基于Jquery的方式原生JS：给body加上position:fixed==原生JS==：给body加上overflow:hidden问题描述在vue的某个页面的子组件中设置了弹框，主页面和弹窗都有滚动条，当弹窗滚动条滑到底部时，会触发主页面的滑动。怎么禁止主页面的滑动？关闭弹窗后，再恢复主页面的滑动。解决方法基于Jquery的方...