![](https://img-blog.csdnimg.cn/direct/11eeb9a7b4c44fe095ac1174682b3480.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
常见问题汇总
常见问题汇总
前端大颖颖
7年前端码农,专注写bug,专注改bug,我会持续分享日常遇到的问题
展开
-
dayjs本周从周一开始而不是从周日开始
dayjs本周从周一开始而不是从周日开始原创 2024-04-30 10:30:31 · 776 阅读 · 0 评论 -
网页自动跳转到其他页面,点击浏览器返回箭头,回不到原来页面的问题
网页自动跳转到其他页面,点击浏览器返回箭头,回不到原来页面的问题原创 2024-04-23 10:21:25 · 465 阅读 · 1 评论 -
弄懂 JavaScript 执行机制event loop
一、EventLoopjavascript是一门单线程语言,既然是单线程的,就是同一时间只能做一件事情。那么问题来了,我们访问一个页面,这个页面的初始化代码运行时间很长,比如有很多图片、视频、外部资源等等,难道我们也要一直在那等着吗?答案当然是 不能所以就出现了两类任务:同步任务和异步任务1.同步和异步任务分别进入不同的 ‘‘场所’’ 执行。所有同步任务都在主线程上执行,形成一个执行栈;而异步任务进入Event Table并注册回调函数。2.当这个异步任务有了运行结果,Event Table会将原创 2021-04-26 20:18:28 · 79 阅读 · 0 评论 -
本地调试,使用charles拦截请求内容
charles调试请求拦截原创 2024-04-08 10:54:31 · 395 阅读 · 0 评论 -
本地调试,使用charles拦截响应内容
localhost:9528/loan_manage/loan_material_export 改成:http://localhost.charlesproxy.com:9528/loan_manage/loan_material_export。第一步:将本地调试地址从localhost改成 http://localhost.charlesproxy.com。打开charles的Windows Proxy。找到需要拦截的请求,点击右键。返回到页面上就是修改后的数据。原创 2024-04-07 16:28:08 · 160 阅读 · 0 评论 -
微前端-无界wujie
无界微前端方案基于 webcomponent 容器 + iframe 沙箱,能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户的核心诉求。1)子应用 js 在和主应用同域的 iframe 内运行,所以 window.parent 可以直接拿到主应用的 window 对象来进行通信。2) 主应用可以向子应用注入 props 对象,里面可以注入数据和方法供子应用调用。beforeUnmount:子应用卸载前触发(生命周期改造专用)原创 2024-01-20 10:30:42 · 1117 阅读 · 0 评论 -
forEach和map循环中如何等待异步加载,在循环中如何正确使用await
forEach和map循环中如何等待异步加载,在循环中如何正确使用await原创 2022-11-18 12:31:28 · 755 阅读 · 0 评论 -
git代码回滚到以前某一版本
工作记录,方便日后查找原创 2022-07-18 16:15:27 · 1611 阅读 · 0 评论 -
clearValidate()和resetFields()
elementUI表单校验如何移除原创 2022-07-15 15:00:21 · 1576 阅读 · 0 评论 -
修改一台设备的全局git账号
背景:修改一台设备的全局git账号。打开git Bash Here,分别输入如下命令来设置全局的用户名和邮箱。git config --global user.name "yourname"git config --global user.email "youremail"输入ssh-keygen -t rsa -C 'xxx@xxx.com' 然后一路回车(xxx@xxx.com是你的邮箱地址),为了为此设备生成SSH秘钥。在指定的目录下找到id-rsa.pub文件,用记事本打开,复制出来原创 2022-01-14 15:37:20 · 47 阅读 · 0 评论 -
webpack打包vue项目之后生成的dist文件该怎么启动运行
项目打包,我的项目分开发,测试和生产环境,以开发环境为例。打包命令之前配置的。所以执行npm run develop打包。打包后的dist文件直接打开index.html文件会报错,因为没有启环境:安装express-generator生成器执行npm install express-generator -g进行安装创建一个express项目执行express expressDemo(expressDemo是项目名)expressDemo项目目录如下图:进入..转载 2021-12-30 16:21:43 · 2418 阅读 · 0 评论 -
axios切换页面时取消当前页面的http请求
一、全局加1、axios封装文件2、拦截器请求头3、错误处理4、在路由守卫处加上取消请求二、也可以在单个组件中加原创 2021-11-11 13:55:21 · 212 阅读 · 0 评论 -
vsCode配置
插件:字体:Fira Codebookmarks:书签 快捷键 ctrl+alt+kChinese (Simplified) Language Pack for Visual Studio Code:vscode 汉化highlight-icemode: 选择代码高亮Bracket Pair Colorizer 2:突出显示成对的括号vscode-icons:文件后缀图标Project Manager:多项目管理格式化css:Beautify css/sass/scss/lessvscod原创 2021-05-14 12:46:44 · 12 阅读 · 0 评论 -
vue中 .env .env.develop .env.production .env.alpha详细说明
1.配置文件有:.env 全局默认配置文件,不论什么环境都会加载合并.env.develop 开发环境下的配置文件.env.production 生产环境下的配置文件.env.alpha 测试环境下的配置文件2.命名规则:属性名必须以VUE_APP_开头,比如VUE_APP_XXX3.关于文件的加载:根据启动命令vue会自动加载对应的环境。比如执行npm run develop命令,会自动加载.env.develop文件。注意:.env文件无论是开发还是生成都会加载。如下图所示,如转载 2021-05-11 17:45:30 · 620 阅读 · 0 评论 -
axios全局配置,请求拦截,响应拦截配置
axios全局配置import axios from 'axios';export const service = axios.create({ baseURL: process.env.VUE_APP_BASE_URL //配置axios请求的地址})//post请求的请求头service.defaults.headers.post['Content-Type'] = 'application/json';拦截器:请求之前拦截,请求后对返回数据拦截。应用场景:1、每个请求都带上原创 2021-05-11 17:43:30 · 2012 阅读 · 1 评论 -
前端实现自动化打包部署如何配置jenkins
一、基础:Jenkins 地址:http://192.168.20.17:32769/前端工程目录:目录名称含义:1、不带run命名的代表构造器部分2、*run 代表触发器部分二、构造器:1、新建:进入新建的工程->配置2、配置工程此处所用环境变量,在全局中已经进行配置指定源码位置为git上对应项目地址,指定分支填写对应git上的分支Node版本Shell脚本:echo $PATHrm -rf dist/**rm -rf node_modulesn原创 2021-04-30 16:45:15 · 558 阅读 · 0 评论 -
elementUi中的popover嵌套导致弹窗不能自动关闭
问题描述:组件A中有个弹窗el-popover,这个弹窗里面引入子组件B,B中又有弹窗el-popover,这样相当于是popover嵌套,导致的问题就是子popover中的弹窗打开第二个的时候第一个不能自动关闭,看效果:这个问题在网上差了好久,什么‘popover嵌套导致的问题’等等啊,竟然没有一篇这个问题的文章,看来也挺冷门的,于是打算自己尝试改一下,中间的复杂过程就不说了,最后的解决方案如下:因为无论是第一级的popover,还是嵌套的,都在body上,平级显示,所以不能区分出来,给嵌套的子原创 2021-04-16 08:27:06 · 3081 阅读 · 4 评论 -
el-form中只有一个表单时,按回车键刷新页面问题
当表单中只有一个input,按回车默认是执行提交表单事件,如果是两个input不会出现这个问题。那如何解决呢?在el-form上加@submit.native.prevent阻止默认事件。如果需要回车查询数据,给el-input加@keyup.enter.native="queryInfo"属性,其中queryInfo是查询数据的函数。<el-form ref="form" :model="form" size="mini" :inline="true" @submit.native.preven原创 2021-04-12 08:20:39 · 436 阅读 · 0 评论 -
vue-cli3.0,vue-cli4.0搭建项目流程,git克隆项目流程
注:本人能力有限,此文章中如有说明不周或者错误的地方,欢迎大家指正,感激不尽。我也会不断更新完善。下面描述在电脑上已经安装了node的前提下。本人使用node版本是14.15.1因为我之前使用的是vue-cli2.0,所以在使用4.0之前需要先卸载之前的vue-cli,卸载命令npm uninstall vue-cli -g安装新版本vue-cli,npm install -g @vue/cli检查版本号 vue -V (大写V)新建项目:vue create firstPro原创 2021-03-09 14:39:09 · 485 阅读 · 0 评论 -
<el-form>的<el-form-item>使用自定义label的写法
如果不需要自定义,直接下面这样写就可以。<el-form ref="ruleForm" label-width="100" class="formStyle"> <el-form-item label="工作说明"> <el-input type="textarea" v-model="editOrder.workDesc" class="textareaRate" resize="none" size="mini"></el-input> <原创 2021-03-08 09:56:50 · 12481 阅读 · 0 评论 -
修改elementUi中的下拉框el-select样式遇到的问题
这几天做项目遇到一个问题,用到了elementUI中的el-select下拉框,框架中样式是这样的。问题背景:在我们的项目中需要改变这个样式,由于多个地方都需要用到这个小组件,所以必然写在公共样式中,但是项目中又不是所有el-select组件都需要改成一样的样式,所以,一定得在组件上加class名,然后把需要改正这种样式的组件加上这个class名,就能对应的改了。于是我看了一下编译完的代码,凉凉了。。。。组件的DOM元素是拆开的,,,,,上半部分的DOM和下半部分的DOM是分开的,如图:如果想给原创 2021-01-20 17:32:13 · 4727 阅读 · 1 评论 -
前端性能优化之回流重绘
首先,我们需要先明白一个问题用户请求的资源到达渲染引擎后如何工作?构建DOM树构建CSSOM树和样式计算构建渲染树下面是网上的一张图片,可以很清晰的说明前三步布局阶段布局阶段会从渲染树的根节点开始遍历,然后确定每个节点对象在页面上的确切的大小和位置,所有相对的测量值也都会被转换为屏幕内的绝对像素值。绘制浏览器主进程将默认的图层(普通文档流的元素)和多个独立图层交给GPU进程,GPU进程再将各个图层合成,最终显示在屏幕上。哪些元素会独立图层? <video>原创 2021-01-17 14:14:35 · 2125 阅读 · 7 评论 -
HBuilderX设置tab键输入为几个空格
选择工具——>设置——>常用设置——>找到制表符长度原创 2021-01-13 15:50:01 · 1698 阅读 · 0 评论 -
vue-cli的安装及版本查看更新
查看vue-cli版本vue -Vvue-cli安装(3.0以下版本安装)npm install vue-cli -gvue-cli的3.0以及3.0+使用的不是vue-cli了,如果安装3.0+的话需要先卸载之前的版本npm uninstall vue-cli -g再安装最新的npm install @vue/cli -g...原创 2021-01-07 10:34:21 · 2802 阅读 · 0 评论 -
keep-alive的使用
keep-alive是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。 当组件在 keep-alive内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。 在 2.2.0 及其更高版本中,activated 和 deactivated 将会在 keep-alive 树内的所有嵌套组件中触发。 主要用于保留组件状态或避免重新渲染。keep-alive的生命周期初次进入时:created > mounted > acti原创 2020-12-23 11:21:28 · 230 阅读 · 0 评论 -
Computed property “visiblePersonnelData“ was assigned to but it has no setter
提示计算属性中没有设置setter,因为我的表格数据是用elementUi表格的data绑定的,如下图:这个visiblePersonnelData变量我写在了computed中,这样是不行的,需要写在data中。原创 2020-11-21 22:03:13 · 168 阅读 · 0 评论 -
vue项目使用i18n国际化
一、 引入安装i18nnpm install vue-i18n --save在全局环境引入i18n,项目中main.js中引入二、 切换中英文更改this.$i18n.locale的值;切换中文: this.$i18n.locale = zh;切换英文: this.$i18n.locale =en;三、 页面使用在项目文件下新建配置文件配置language-zh.json和language-en.json文件language-zh.json文件代码如原创 2020-11-21 21:59:42 · 114 阅读 · 0 评论 -
时间戳差值转为多少年多少月多少天多少小时这种格式
//调用console.log(computeTime(26065029)) //定义,入参是毫秒function computeTime(timestampDiff){ let computeTime = timestampDiff / 1000 let year = Math.floor(computeTime / 86400 / 365); computeTime = computeTime % (86400 * 365); let month = Math.floor(comput原创 2020-11-19 11:46:18 · 965 阅读 · 0 评论 -
状态管理集Vuex的使用及理解 store
我个人比较倾向于先将流程再讲理解,这样有些童鞋不想往下看的时候,也能知道具体怎么使用了。使用流程如下:1、安装 npm install vuex --save2、src目录下新建一个store目录,新建一个index.js文件,代码如下:import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default ne...原创 2020-04-24 10:54:34 · 250 阅读 · 0 评论 -
总线bus的使用
bus其实有很多种使用方法,但是原理都是一样,就是创建一个空的Vue实例,挂载在Vue原型prototype上。以下几种方法都是A组件传值给B组件,不再赘述使用方法11)在main.js中const Bus = new Vue()Vue.prototype.Bus = Bus2)因为在main.js中引入的就相当于在全局引入,所以在各个组件中使用的时候就不用再引一遍了,话不多说,直接...原创 2020-04-24 11:20:19 · 1470 阅读 · 0 评论 -
elementUi的upload上传使用http-request后,如何使用钩子函数
使用http-request会覆盖elementUi默认的上传行为,可以自定义上传文件的方法,这个时候action可以随便写,因为不管用。使用http-request后,组件自带的钩子是不可以用的,on-success,on-progress…如果还想使用这些钩子,可以从http-request的参数中获取。第三张图中查看具体参数。...原创 2020-11-09 16:17:35 · 4723 阅读 · 6 评论 -
vue中路由的param和query的区别
前几天面试中被面试官问到这个问题,当时支支吾吾的说不出来,后来自己实际操作了一下,才明白这两者使用上的区别。1.使用params传参 注意,一定要用name来引入路由跳转地址,否则跳转不过去使用params传递参数的时候,router----index.js中路由的配置一定要在后面加传递过去的参数,有几个加几个在浏览器中地址栏的样子获取参数2.使用query跳转页面传递参数...原创 2020-04-23 17:04:46 · 1803 阅读 · 1 评论 -
watch中使用防抖不生效
今天遇到一个功能,列表查询,本来没什么,直接调后台接口就ok,可是需要有几个查询项,其中一个就是根据‘工单编号’查询,产品要求输入文本发生变化就触发查询事件,这个必然是需要防抖的。于是,我将防抖函数用在了watch中的监听工单编号发生变化的函数中。。。不生效。查了好多资料,最终写法如下:created () { this.debouncednewFormName = this.debounce(()=>{ this.getOrderList(1) }, 500) },//防抖函原创 2020-11-09 14:07:36 · 1591 阅读 · 0 评论