- 博客(42)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 axios请求失败，获取状态码及错误信息，如何封装处理公共错误码的函数
如果axios请求失败，如何获取接口返回的状态码及错误信息？如何封装处理公共错误码的函数？方法如下1.使用对象，把状态码映射成对应的提示语const codeMessage = { 200: '服务器成功返回请求的数据。', 201: '新建或修改数据成功。', 202: '一个请求已经进入后台排队（异步任务）。', 204: '删除数据成功。', 400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。', 401: '用户没有权限（令牌、用
2021-03-16 15:18:44
4492
原创 js中数组常用方法总结push、pop、shift、unshift、sort、concat、join、splice、slice、reverse、indexOf、lastIndexOf、includes
数组相关方法 push、pop、shift、unshift、sort、concat、join、splice、slice、reverse、
2020-04-09 21:20:52
714
原创 js数组遍历方法总结forEach、map、some、every、filter、reduce、reduceRight、while、for..in、for..of12种方法
数组遍历方法，本文涉及到的方法大概有 do…while、while、for、map、some、every、filter、reduce、reduceRight、forEach、for…in、for…of 12种方法。一、do…whilevar arr = [1, 2, 3];for (var i in arr) { console.log('for..i--i下标', i); ...
2020-04-08 21:25:22
341
原创 JS数组去重-JavaScript数组去重方法介绍
JS数组去重，相信大多数前端朋友在面试过程中，遇到过。一般是要求手写或者大致讲一下思路。一旦被面试官问道，讲一下数组去重的方法？此时，我们如果可以回答10种或者7、8种，很有可能给我们的面试加分。但是在项目中，基本上没有遇见过此类问题。日常项目组遇见的概率比较低，但为了每年的金三银四跳槽季，还是有必要掌握以下，以防面试的时候遇到此问题。下面是整理的数组去重方法，大致有10多种，希望看完能对屏幕...
2020-03-31 22:03:42
314
原创 js判断对象为空对象的五种方法总结整理
将对象转换为json字符串，判断字符串是否为 “{}”; var obj = {}; if(JSON.stringify(obj) == '{}'){ console.log('obj 是一个空对象''); }for in 或者 for of var obj = {}; function check_obj_is_empty_fun1(obj) { for(va...
2020-02-29 16:20:33
704
原创 vue+typescript,三种组件传值方式
Vue 2.0 typescript 写法传值方式：随着 typescript 越来越受到前端框架的关注，最近使用 vue + typescript 做了一个项目。发现写法与 vue + js 完全不一样。但是原理相同。接下来给大家介绍 Vue 开发中常用的传值方式。Vue 常用的三种传值方式有：父传子子传父非父子传值引用官网的一句话：父子组件的关系可以总结为 prop 向下传递...
2019-01-30 18:56:01
10549
6
原创 npx storybook@latest init TypeError: Invalid version. Must be a string. Got type “object“.
最近安装 storybook，提示错误 TypeError: Invalid version. Must be a string. Got type “object”
2023-07-07 09:21:39
297
原创 eslint prettier husky代码规范配置
本文内容为前端代码规范配置，主要涉及eslint、prettier、husky、vscode编辑器插件配置说明，希望可以帮到遇到同样问题的朋友。
2022-08-01 11:23:16
778
1
原创 js对象中in和hasOwnProperty区别
Object.prototype.hasOwnProperty()hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键，不包含继承属性）var target = { name: 'jim', age: 32}target.hasOwnProperty('name') // truetarget.hasOwnProperty('toString') // falsein如果指定的属性在指定的对象或其原型链中，则in 运算符返回
2022-02-18 15:46:11
473
转载 你会用 JSON.stringify()? JSON.stringify一些坑
前言JSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值。JSON.stringify MDN官方文档本文着重介绍JSON.stringify()的使用方法和注意事项。一、使用方法1、基本用法JSON.stringify()可以把一个JavaScript对象序列化为一个JSON字符串。let json1
2021-07-27 15:05:46
7114
原创 windows自定义git指令
（1）cmd 命令行执行type nul>.bashrc（2）再C盘，C:\Users 目录下会有当前用户名称的一个目录
2021-07-13 09:17:08
321
原创 TC39 将提案分为以下几个阶段
TC39 将提案分为以下几个阶段：Stage 0 - 设想（Strawman）：只是一个想法，可能有 Babel插件。Stage 1 - 建议（Proposal）：这是值得跟进的。Stage 2 - 草案（Draft）：初始规范。Stage 3 - 候选（Candidate）：完成规范并在浏览器上初步实现。Stage 4 - 完成（Finished）：将添加到下一个年度版本发布中。...
2021-06-30 15:30:12
358
原创 格言、励志
贪图安逸，迟早要付出巨大的代价，希望你不要成为这样的人！！！每天做两件不喜欢的事情。2分钟原则：凡是两分钟内就可以解决的事，立刻去做，不要犹豫。两耳不闻窗外事 一心只读圣贤书...
2021-06-11 11:30:38
90
1
原创 配置谷歌浏览器跨域
配置谷歌浏览器跨域C:\Users\libing\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security --user-data-dir=C:\MyChromeDevUserData
2021-05-07 10:44:15
131
转载 html页面重绘和回流以及优化
什么是回流与重绘？当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘。当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘。注意：
2020-06-25 15:45:47
857
原创 react项目配置mockjs、跨域配置，模拟后台接口
修改 config/ webpackDevServer.config.js 大约113行 proxy: { '/api/': { target: 'http://172.16.136.249:8080', // 目标服务器 host secure: false, changeOrigin: true, // 默认false，是否需要改变原始主机头为目标URL ws: false, // 是否代理websockets
2020-06-20 18:53:45
1135
转载 css 适配手机深色模式
背景iOS和安卓分别从 iOS 13 和 Android 10（不同厂商不尽相同，部分 Android 9 也支持） 开始加入深色模式的支持，各大浏览器纷纷开始支持深色模式，微信 iOS 客户端 7.0.12、Android 客户端 7.0.13 也支持了深色模式，网页端适配深色模式后将更进一步提高用户体验的一致性。如何切换深色模式iOS：“设置”–“显示与亮度”–“外观”，选择“深色”Android（不同厂商可能略有差别，名字也不尽相同）：“系统设置”–“显示”–“深色模式”。适配指南微信内置
2020-06-12 10:35:35
2060
原创 激励斗志的句子
只有在泥泞的道路上才能留下脚印越努力越幸运海阔凭鱼跃 天高任鸟飞你要怎样度过这一生？有人二十岁已经死了，有人七十岁还在发现生命的可能！有人终其一生，不知道自己要的是什么？有人为一件事着迷，简单执拗，一直到老！忠于自我未必有结果，坚持努力也不一定换来成功！但有天，回往过往，是胸怀壮阔，还是满心懊悔，取决于每一个当下，愿你能不负此生！...
2020-05-19 08:43:46
212
原创 js获取data-xx自定义属性值，data-xx自定义属性
在当前div上定义一个点击事件当然这里的data-xx名字时可以自己 定义的但是我们一般定义为与元素的值由对应意义的名字<div onClick={this.handleClick}> <div data-index='1'>小强</div> <div data-index='2'>小红</div> <div data-index='3'>小明</div>
2020-05-14 09:11:06
2417
原创 React 配置全局 scss 变量
1、安装 sass-resources-loadernpm i sass-resources-loader --save-dev2、找到 webpack.config.js，两种选择（1）暴露配置文件执行 npm run eject，此时会在根目录生成 config 文件夹，里面包含webpack.config.js 配置文件。 （多人项目建议选择执行此命令）（2）直接修改 node_m...
2020-05-07 09:18:23
1117
原创 React生命周期
React 16之后有三个生命周期被废弃(但并未删除)componentWillMountcomponentWillReceivePropscomponentWillUpdate目前React 16.8 +的生命周期分为三个阶段,分别是挂载阶段、更新阶段、卸载阶段MountingUpdataingUnmounting旧版本componentWillMount 渲染前调用comp...
2020-04-29 17:02:19
133
原创 promise的reject出现断点报错，resolved，Paused on promise rejection
最近在项目中遇见一个 promise 使用方式的问题，大概需求是，页面多个表单，必须同时通过之后，才能发起网络请求; 验证过程，报了一个reject()错，谷歌浏览器报错进入断点调试模式。错误如下：问题原因：如果在 Promise 处理异常之前就执行了 reject() ，就会认为这个promise没有处理异常的过程，然后就报错了。大概意思是（1）只要没有在 Promise 的后面紧跟...
2020-04-21 11:00:21
5467
4
原创 vue computed、watch、methods方法的区别
computed VS methodscomputed: 在重新渲染的时候，函数总会重新调用执行。可以说使用computed性能会更好。methods: 在重新渲染的时候，函数总会重新调用执行。可以说使用computed性能会更好。computed VS watchwatch: 没有返回值，可以异步操作，使用定时器定义修改数据更新频率，添加中间状态等等，这些操作都是无法用计算属性实现的c...
2020-04-19 11:56:09
141
原创 js中的foreach详细用法详解
forEach 数组循环方法之一, 包含两个参数， 参数 描述 function(currentValue, index, arr) 必需。 数组中每个元素需要调用的函数。函数参数。 参数 必需。初始值, 或者计算结束后的返回值 currentValue ...
2020-04-09 13:36:35
13014
3
原创 js浮点数计算精度不准确问题的解决办法
如果我问你 0.3 - 0.2 等于几？你可能会送我一个白眼，0.3 - 0.2 = 0.1 啊，那还用问吗？连幼儿园的小朋友都会回答这么小儿科的问题了。但是你知道吗，同样的问题放在编程语言中，或许就不是想象中那么简单的事儿了。不信？我们可以做个试验。问题原因分析问题原因是Javascript采用了IEEE-745浮点数表示法（几乎所有的编程语言都采用），这是一种二进制表示法，可以精确地表...
2020-04-06 21:02:50
1614
原创 js中的apply、call、bind的区别以及使用
apply、call、bind三者都是改变函数this对象指向的；apply、call、bind三者第一个参数都是this要指向的对象，也就是指定的上下文对象；apply、call、bind三者都可以利用后续参数传参，apply 后续参数传入的数组call、bind 后续参数传入的是单个参数bind返回的是函数，方便后续调用；apply、call则是立即调用...
2020-04-04 21:28:04
139
原创 js深拷贝和浅拷贝学习
初级前端面试，应该经常被问到JS深拷贝和浅拷贝。在开发过程中也会经常遇到S深拷贝和浅拷贝问题。下面我们简单剖析一下，深拷贝和浅拷贝的区别。这里涉及到栈堆，基本数据类型与引用数据类型，不在过多赘述了，这链接里面有关数据类型的简单讲述。浅拷贝：例如 有一个对象 A，此时 对象 B 等于 A， A 对象新增属性或者修改属性值，此时B也会被响应的修改，B被A对象影响，反之B修改，A也会被修改，相互影响。...
2020-04-03 09:53:30
155
原创 js判断各种数据类型
谈到Javascript 数据判断，首先我们要思考一下，Javascript到底有多少种数据类型呢？JavaScript的数据类型分为2大类：原始数据类型和引用数据类型原始数据类型ES5：Number、String、Boolean、null、undefined、NaNES6：Symbol引用数据类型ES5: Object的 Array、Date、FunctionES6: Se...
2020-04-01 21:46:14
289
input 标签添加上disabled属性在移动端字体颜色不兼容的解决办法。 input颜色。。。。。
发现给input disabled 输入框设置以下样式：input:disabled, input[disabled]{ color: red; opacity: 1;}·发现没有效果；input:disabled, input[disabled]{ color: red; opacity: 1; -webkit-text-fill-color:red; // ios 和 安卓...
2020-03-07 07:50:24
547
转载 js前端常见跨域解决方案JSONP
大家好，希望看到这篇文章的您，可以帮助到你，进一步了解前端跨域方面的知识。究竟什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：（1）资源跳转： A标签、重定向、表单提交。（2）资源嵌入： link、script、img、iframe等dom标签，还有样式background:url()、@font-face()等文件外链（3）脚本请求：...
2019-11-07 22:09:56
317
原创 react在index.html中引入js库，错误提示第一行 Uncaught SyntaxError: Unexpected token <
Reactjs 在index.html 中引入 JS 库，提示错误在第一行。解决办法：在script标签上面，增加 type="text/babel"
2019-02-21 15:58:56
9819
2
原创 vuejs+typescrpt this[key] 使用变量获取this属性报错解决办法Element implicitly has an 'any' type because
1.在使用vue+typescript 构建项目的时候，使用变量动态获取属性值的时候，ts解析器会报一个错误。** var key = 'name'; this[key] = 123; // 这里会提示一个语法错误 **Element implicitly has an 'any' type because type 'About' has no index signatu...
2019-01-30 20:21:40
34159
2
原创 Vue使用ts typescript，使用Jquery报错 , $ 不认识的解决办法
vue-cli 3.0 脚手架搭建的 vue项目，使用 typescript编写。期间遇见了不少坑。由于项目需要用到第三方密码键盘插件和加密插件，须在index.html 页面顶部 引入jquery JS.&lt;script src="./jquery-2.1.4.js"&gt;&lt;/script&gt;当组件使用 $('#div').click() 方法的时，ts 编译器提示 一个错...
2019-01-30 16:31:16
6207
原创 关于Vue cli 3的 vue.config.js 配置实时打包问题，启动npm run build命令，webpack的watch实时打包文件
vue-cli 3.0项目 vue.config.js 配置，npm run build之后，webpack的watch实时打包（dist）文件vue-cli 3.0 官方配置文档链接 点击进入，vue-cli 3.0 官方配置文档链接，更加深入了解详细配置vue-cli 3.0 不建议直接修改webpack，提供两个配置参数，以供修改webpack里面配置项1. chainWebpa...
2019-01-30 15:42:36
7550
1
原创 JS判断H5/Html页面，是在手机APP内或者是在手机浏览器打开
1.在前端开发过程中，遇见过一个需求，需要 H5页面 判断是在手机APP内打开，还是在手机浏览器里面打开的。2js 获取 window.navigator.userAgent 浏览器信息，唯一的区别是在最后面会有一个当前APP里面的协议头。使用APP的协议头来加以判断。例如下面获取的信息后面会有一个 xxxpay的标识3.然后我们可以使用JS方法来判断，建议使用三种方式以或者的条件进行判断...
2019-01-30 14:34:49
22413
22
原创 angular4 如何让IE浏览器正常工作，提示_for-of.js错误
进行angulajs4踩坑阶段，遇到ie浏览器打开页面什么也没有显示。ie11 都没有显示，控制台报_for-of.js错误。。第一步找到项目 src 目录下 polyfill.ts 文件，将注释部分，取消注释 .第二步打开注释后的代码...
2018-12-28 10:42:40
660
转载 深入研究-webkit-overflow-scrolling:touch及ios滚动
1. -webkit-overflow-scrolling:touch是什么？-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。...
2018-12-03 13:54:34
181
原创 Vue 配置 Gzip 压缩 开启压缩后踩过的坑
vue配置compression-webpack-plugin插件需要后台配合才可以实现ci方法(1)vue-cli搭建的项目在config/index.js(2)打开CMD，执行>npm install --save-dev compression-webpack-plugn(3)然后 cnpm run build(4)(5)注意事项上面会提示当前安装版本与当前项目下的w...
2018-11-30 19:18:51
7290
4
原创 移动端-浏览器设置全屏方法
移动端-浏览器设置全屏方法，解决移动端浏览器底部盖住页面移动端浏览器，在做移动端页面的时候，移动端浏览器底部工具栏会遮盖住页面底部弹出框，很是头疼。最终在移动端设置全屏之后，达到想要的效果。以下是设置全屏的方法，以供大家解决遇到的问题。 ...
2018-11-27 18:47:57
12445
3
PC六位密码键盘.zip
2020-05-21
bootstrap-table-fixed-columns-master.zip
2020-05-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人