bug收集
码龄17年
关注
提问 私信
  • 博客：150,966
    社区：1
    150,967
    总访问量
  • 47
    原创
  • 44,385
    排名
  • 59
    粉丝
  • 0
    铁粉

个人简介：doubleyong , NET开发出身，现在从事前端工作.

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：四川省
  • 加入CSDN时间： 2008-01-18
博客简介：

bug收集

博客描述：
微信公众号 ( bug收集 ) | 博客：bugshouji.com
查看详细资料
个人成就
  • 获得101次点赞
  • 内容获得41次评论
  • 获得299次收藏
  • 代码片获得1,037次分享
创作历程
  • 27篇
    2021年
  • 31篇
    2020年
成就勋章
TA的专栏
  • react
    8篇
  • 其他
    5篇
  • css
    5篇
  • javascript
    16篇
  • vue.js
    24篇
  • axios
    2篇
  • 移动端
    6篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6前端框架
  • 后端
    node.js
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

前端React项目，Dva框架与Umi框架的结构参考案例

发布资源 2024.12.04 ·
rar

react 结合 redux/toolkit 实现权限管理

发布资源 2022.08.10 ·
rar

快速Get Mobx6 的新语法

目前 MobX 已经更新到 6.X 了，相比于之前有了极大的简化，去掉了之前版本的装饰器风格写法，主要原因是装饰器在现在的 ES 规范中并不成熟，而且引入装饰器语法也会增加打包后的代码体积。1 、Mobx6 的新语法老版本：import {observable, action,makeObservable} from'mobx'class count{constructor() {makeObservable(this)}@observa...
原创
发布博客 2021.09.26 ·
763 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

Emmet插件: 提高效率的必备“神器“

工欲善其事，必先利其器本文推荐Emmet插件，HTML/CSS代码快速编写"神器"~~，快来和我一起学习吧一、快速编写HTML代码1. 初始化HTML文档需要包含一些固定的标签，比如<html>、<head>、<body>等，现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”，然后按Tab键：<!doctype html><html lang="en"><head...
转载
发布博客 2021.06.15 ·
270 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

TypeScript中，抽象类和接口的区别

现在，对于TypeScript的使用越来越多，而要用TypeScript进行开发，不仅是语法上的不同，更是思想上的不同。今天，就来分享下TypeScript中，抽象类与接口的特性及其区别；这是JavaScript中没有提及的概念。所以，更要对其了解，才能更好的在项目中应用它们。目录：1.什么是抽象类？1.1 抽象类的特性！2.什么是接口？2.1 接口的特性！3.抽象类和接口的区别？1. 什么是抽象类？抽象类，顾名思义，即类的抽象,从面向对象的角度来...
转载
发布博客 2021.06.03 ·
1632 阅读 ·
2 点赞 ·
0 评论 ·
10 收藏

Vue中的renderless 非渲染组件

面试中遇到的一个问题，什么是 renderless ？renderless即非渲染组件开发的思想，请看下文01什么是 render 函数众所周知，在工程中，我们会在.vue文件中定义<template>、<script>和<style>三种tag，分别盛放组件html、javascript和css。<template><button class="mood"> {{ state ? ...
转载
发布博客 2021.06.02 ·
1028 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

你不知道的undefined？

面试时，经常会被问到 对undefined的理解？本文, 针对undefined做了超详细的总结 ，请仔细看哦~~1、undefined 即是一个原始数据类型，也是一个原始值。2、undefined 是全局对象上的一个属性 window.undefined。console.log( window.undefined );​// undefined3、不可写 writable: falsewindow.undefi...
原创
发布博客 2021.06.02 ·
1296 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

你真的知道『立即执行函数』吗？

立即执行函数，经常使用，但是你确定了解它嘛？下面，就来看看吧！1、定义立即执行函数，又称IIFE.ImmediatelyInvokedFuncationExpression 立即地 调用 （函数 表达式） 注：是函数表达式2、定义函数的两种方式1、函数声明// 函数声明 !== 函数表达式function test(){ console.log('Function de...
原创
发布博客 2021.06.02 ·
228 阅读 ·
0 点赞 ·
2 评论 ·
0 收藏

0.1+0.2为什么不等于0.3

面试时，经常会被问到 0.1+0.2 结果是多少呢？知道结果，肯定不是0.3请看下图：可原因就不太清楚了，本文就来讨论下原因：在于在JS中采用的IEEE 754的双精度标准，计算机内部存储数据的编码的时候，0.1在计算机内部根本就不是精确的0.1，而是一个有舍入误差的0.1。当代码被编译或解释后，0.1已经被四舍五入成一个与之很接近的计算机内部数字，以至于计算还没开始，一个很小的舍入错误就已经产生了。这也...
转载
发布博客 2021.06.02 ·
682 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

JS中文档碎片的理解和使用

本文将要探讨： js中对于文档碎片的理解与使用1、我们要明白当js操作dom时发生了什么？每次对dom的操作都会触发"重排"（重新渲染界面，发生重绘或回流），这严重影响到能耗，一般通常采取的做法是尽可能的减少dom操作来减少"重排"2、什么是文档碎片？document.createDocumentFragment()一个容器，用于暂时存放创建的dom元素3、文档碎片有什么用？将需要添加的大量元素时...
转载
发布博客 2021.06.02 ·
229 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

flex 布局中，所有子项高度变成一致了，如何保持子项自身高度

在做移动端项目时，使用了flex布局后，所有的子项高度变成了一致 问题：在flex布局中，如何保持子项自身高度 原因： Flex 布局会默认：把所有子项变成水平排列。 默认不自动换行。 让子项与其内容等宽，并把所有子项的高度变为最高子项的高度。解决方案：直接在flex容器上，将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。作者：doubleyong博客：bugshouji.c...
原创
发布博客 2021.04.16 ·
14501 阅读 ·
9 点赞 ·
1 评论 ·
6 收藏

vue项目中使用axios 请求，报431错误（Request Header Fields Too Large）错误

背景：在vue项目过程中，后台将权限数据一起放在token 中，导致token 过大，后台将请求头部的最大值设置为40M , 在axios请求过程中，报：431（Request Header Fields Too Large）错误原因：虽然，后台已经设置了请求头部的最大值。但是，我们在用vue-cli 脚手架开发过程中，是使用脚手架自带的服务，去启动的项目，所以，需要给脚手架启的服务，设置请求头部的最大值。注：打包后，页面为静态页面，需要在运行此页面的服务器上，重新设置请求头部的最大值。解决方案：参考：ht
原创
发布博客 2021.04.01 ·
10299 阅读 ·
7 点赞 ·
4 评论 ·
16 收藏

axios 传数组参数及对象的方法

在vue项目中，使用axios 传参，参数为数组的传递方式问题一： 传递数组解决方案：使用qs.stringify() 方法，进行转换，根据你想到的形式，设置arrayFormat的值 .1、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })// 输出结果：'a[0]=b&a[1]=c'2、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brack...
原创
发布博客 2021.03.30 ·
2486 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

Axios post 传参报400错误，error ：Required Integer[] parameter ‘copyIDs‘ is not present spring boot

在vue 项目中，使用axios 调用后端接口，报类似下面的错误：Required Integer[] parameter 'copyIDs' is not present spring boot 请求中包含数组参数解决方案：将下面链接的内容，给后端看看，让他修改一下，即可；前端看不懂，直接给后端看下面的文章。大概意思就是把传的参数写到实体类中链接：https://blog.csdn.net/leisure_life/article/details/82590912内容如.
转载
发布博客 2021.03.30 ·
471 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

将vue的dist文件夹打成app 的方法及注意事项

目标： vue的dist文件夹打成app安装包(android)方法： 1、下载软件 ：hbuildx 2、hbuildx 将dist文件夹打包成app安装包的图解步骤 参考：https://my.oschina.net/u/3692129/blog/4471258 3、下载，测试 (如遇问题，欢迎留言)注意事项： 1、 dist文件夹中的index.html页面打开显示空白 需要在vue.config.js 中，设置 pu...
原创
发布博客 2021.03.18 ·
1009 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Promise顺序输出面试题，给你答案求原因？快来围观

最近遇到一道面试题，运行出来的答案和想象的有点不一样。大家一起来看看答案，想想原因呢？面试题： Promise.resolve() .then(() =>{ console.log(0) return Promise.resolve(4) }) .then(res =>{ console.log(res)}) Promise.resolve() .then(() ...
原创
发布博客 2021.03.16 ·
1459 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

vue中{{}} 如何解析出textarea换行符

问题：vue中,将textarea进行v-model绑定后，在使用pw_ 显示时，换行不生效，直接显示成空格 代码：<div> {{summary}}</div><textarea v-model="summary" cols="30" rows="10"></textarea>  解决方案：在展示的div添加样式.pre-line {white-space: pre-line;}&
原创
发布博客 2021.03.15 ·
1717 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

React中使用fetch请求mock接口的坑，快避雷

问题：在React 项目中，使用fetch 请求mock 接口时，报如下错误：you need to enable javascript to run this app访问，其它接口，都是正常的  原因：查阅了相关文档才发现：fetch不支持mock接口  解决方案：要支持请使用fetch-mock，来请求mock接口  具体方法：安装 npm install fetch-mock导入 import fetchMoc
原创
发布博客 2021.03.12 ·
1418 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

快速理解宏任务与微任务

​前端高频面试题：宏任务(macro-task)与微任务(micro-task)  概念理解 宏任务和微任务都是我们在开发工作中经常用到的。macrotask 和 microtask 表示异步任务的两种分类。  宏任务一般是：包括整体代码script，setTimeout，setInterval、I/O、UI render。微任务主要是：Promise、Object.observe、MutationObserver。 &n
原创
发布博客 2021.02.23 ·
358 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

ES6 之reduce的基本介绍与使用

现在ES6语法应用的特别广泛，今天我们就来介绍下ES6中的reduce方法，它的用法非常强大，下面就跟着我一起来学习它吧  01 基本介绍  定义：对数组中的每个元素执行一个自定义的累计器，将其结果汇总为单个返回值 形式：array.reduce((t, v, i, a) => {}, initValue) 参数callback：回调函数(必选)initValue：初始值(可选)callback回调函数的参数
原创
发布博客 2021.02.05 ·
546 阅读 ·
2 点赞 ·
1 评论 ·
0 收藏
加载更多