自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

黄彪博客

黄彪学习笔记

原创 axios使用application/x-www-form-urlencoded和application/json传递参数的两种方式表现形式

文章目录问题描述jquery 正常的请求逻辑axios 请求'Content-Type': 'application/json' 请求'Content-Type': 'application/x-www-form-urlenco...

2020-05-08 19:05:46 102 0

原创 Vue事件 —— 同时传递第三方组件默认参数和自定义参数

文章目录问题描述解决思路案例表述 问题描述 利用 Element-ui Upload 组件实现文件上传 Upload 是嵌套在表格中的 上传文件成功之后,需要更改表格的数据,界面发生变化 但是上传文件成功之后,只返回了文件的唯一标志ID,为了用户体验,页面不能刷新 解决思路 将表格的rowD...

2019-11-28 19:53:21 278 0

原创 create-react-app 定义路径别名

文章参考 react-app-rewired github 问题描述 create-react-app 脚手架将配置文件全部都屏蔽了,让用户使用默认配置就能满足大部分需求,有点类似于“乔布斯”的设计理念; 在实际开发中,文件夹的目录嵌套比较深,文件夹也比较多,为了方便管理,就需要设置“绝对路径...

2020-05-28 17:40:42 37 0

原创 Vue 的provide 和 inject使用(组件是嵌套关系,但是并不是父子关系)

文章目录文章参考问题描述官方案例问题描述说明?解决思路如何理解 provide 和 inject使用场景使用方式例子 文章参考 vue中provide和inject使用 Vue官网-依赖注入 Vue 依赖注入 - Provide/Inject 问题描述 在工作中,发现 一个组件中添加一个添加...

2020-05-28 13:39:35 34 0

原创 create-react-app proxy代理配置

文章参考 react中代理异常proxy is not a function 官方给出poxy配置文档 http-proxy-middleware npm 问题描述 昨天给同学讲解ajax的时候,使用自己的服务器模拟了一个json数据,但是出现了跨域的问题,然后快速的找到了一些方法,但是最终没...

2020-05-26 17:52:28 34 0

原创 Angular6的ngFor遍历JSON对象

文章目录文章参考案例 文章参考 Angular6的ngFor遍历对象数组 案例 定义一个JSON对象,利用Object.keys方法 import { Component, OnInit } from '@angular/core'; @Component({ s...

2020-05-22 12:23:33 35 0

原创 nodejs自带http模块学习

文章目录文章参考技术点描述案例 文章参考 从Angular6开始入门RxJS6 Rxjs 6学习 技术点描述 默认启动端口是3000 根据文件类型,浏览器正确处理数据 如果获取不到文件,则返回400错误,并跳转到404.html 如果是进入 / 根目录,则进入 public/index.ht...

2020-05-19 15:29:55 48 0

原创 angular6 在service中封装http请求,返回Observable 对象

文章目录文章参考问题描述案例 文章参考 从Angular6开始入门RxJS6 Rxjs 6学习 问题描述 想利用后台的MVC的思想,将向后台请求数据的方法全部放到service中,便于代码的管理 发现自己不了解http.post()返回的数据类型,根据Vscode工具提示是Observabl...

2020-05-19 15:07:28 45 0

原创 typescript setInterval()函数数据类型NodeJS.Timeout

文章目录文章参考问题描述解决办法 文章参考 在Ionic 2中使用NodeJS.Timer时找不到命名空间NodeJS 问题描述 在typescript中想使用一个定时器,记录考试的时间,在离开页面的时候需要把定时器关闭掉,防止内存溢出 但是不知道setInterval()返回函数的类型,使...

2020-05-19 13:47:05 138 0

原创 javascript实现图片的预加载,提高响应速度

文章参考 Javascript实现图片的预加载的完整实现 问题描述 今天要做一个大屏,需要加载一个SVG地图,当点击地图区域的某个部分,就需要显示一个背景图片,表示地区被选中的状态 由于地图的区块很多,因此就有很多图片需要加载,为了提高响应速度,就想到了图片的预加载能力 js预加载图片(监...

2020-05-13 23:53:50 56 0

原创 yarn包管理器,常用命令

安装yarn cnpm install -g yarn 使用阿里镜像yarn yarn config set registry https://registry.npm.taobao.org 常用命令

2020-05-09 22:14:27 37 0

原创 angular6 监听属性变化

文章目录文章参考问题描述解决办法——ngOnChanges官方例子自己写的简单例子 文章参考 官方文档解释监听数据变化 angular4,angular6 父组件异步获取数据传值子组件 undefined 问题 问题描述 异步获取数据,然后将数据传递给子组件,此时子组件已经初始化完成,但是子...

2020-05-09 12:45:11 263 0

原创 angular6 设置路径别名

文章目录文章参考问题描述修改 tsconfig.json 文件使用案例 文章参考 Angular设置别名alias的方法 问题描述 由于angular一个组件就是一个文件夹,导致文件目录层级很深,追寻文件的相对路径不是很方便 想把定义文件类型,专门放到一个文件夹下,方便统一管理,因此引用的路...

2020-05-09 12:42:44 73 0

原创 angular6 开发环境允许局域网IP访问

文章目录问题描述原因解决办法——修改package.json 问题描述 为了使用手机查看开发界面的效果,发现根据IP无法访问 原因 这个是因为 webpack-dev-middleware 默认不允许IP远程访问 解决办法——修改package.json "scripts": ...

2020-05-08 12:55:16 43 0

原创 angular6 环境变量

文章目录参考问题描述angular.json 配置添加不同环境变量配置文件package.json中修改启动命令开发环境发布环境在ts文件中使用不能debugger调试了 参考 Angular 8 environments 配置 问题描述 由于Vue有根据环境变量.env文件配置,来区分pro...

2020-05-08 12:50:53 40 0

原创 angular6 使用mockjs模拟后台数据

文章目录问题描述环境安装定义mock数据文件main.ts 中引入 mockjs模拟的数据测试 问题描述 由于后台没有开发完成,因此需要前端根据模拟数据先做界面开发,为了方便http请求异步联调,想使用mockjs的请求功能,方便开发 环境安装 cnpm install -S mockjs 定义...

2020-05-08 12:29:52 137 0

原创 angular6 解析HTML字符串

文章目录文章参考问题描述解决办法 —— 管道(DomSanitizer)创建管道使用 文章参考 Angular—显示html文本 问题描述 使用插值表达式{{}}直接显示html内容,则html的标签不会被解析 <div class="content" [inner...

2020-05-08 11:56:57 56 0

原创 angular6工程有多个module, ng g component创建组件出错

文章目录文章参考问题描述原因分析解决办法 文章参考 ng c g新建组件出现More than one module matches. Use skip-import option to skip importing the component int 问题描述 在引入 Angular Mat...

2020-05-08 11:46:09 46 0

原创 angular6 material9.X安装

文章目录文章参考安装将Material的模块全部引用问题描述解决办法使用Material组件 文章参考 https://pdf-lib.org/Home/Details/11816 https://www.jianshu.com/p/9e81ad972371 安装 cnpm install -...

2020-05-08 10:03:11 195 0

原创 angular6.x 字符串解析为HTML代码

参考 Angular—显示html文本 问题描述 使用插值表达式{{}}直接显示html内容,则html的标签不会被解析 解决办法 innerHTML <div class="content" [innerHTML]="article.content&quo...

2020-05-03 23:15:15 66 0

原创 chrome调试鼠标悬浮事件(不是CSS:hover)

文章目录文章参考问题描述解决办法鼠标右键弹出菜单ctrl+shift+c 文章参考 chrome浏览器如何审查鼠标移入事件? Chrome调试鼠标悬停后出现的元素 chrome模拟鼠标悬停调试:hover CSS 问题描述 想查看鼠标悬浮事件出来的元素的样式,但是每次鼠标移开,元素消失;导致无...

2020-04-17 17:01:15 232 1

原创 chrome模拟鼠标悬停调试:hover CSS

文章目录文章参考问题描述chrome调试firefox调试 文章参考 浏览器模拟鼠标悬停 方便开发调试 问题描述 在调试前段页面的时候,鼠标悬浮在指定的控件上,显示出一种样式,当鼠标移开的时候显示另一种样式,无法查看悬停时候的CSS代码,解决办法如下: chrome调试 firefox调试 ...

2020-04-17 16:56:16 76 0

转载 转载:nginx中如何设置gzip(总结)

dasfdsaf

2020-04-17 16:05:57 40 0

原创 window.print网页打印——打印htmlbody的实际高度,而不是看到的内容

文章目录问题描述使用chrome保存图片功能——验证问题3测试代码测试结果测试结论使用浏览器打印功能为pdf打印的API通用JS代码——将网页总具体的某段保存为pdf天坑——为什么我打印的时候只显示当前页 问题描述 工作中,想把网页中某段内容保存图片 想保存的这部分内容在网页中的某个div中,并...

2020-04-17 14:54:34 124 0

原创 Mock.mock(url,rtype, template)劫持ajax的原理(个人理解)

文章目录Mock.mock(url, template)的原理api相对路径请求,mockjs查询不到数据错误演示解决办法 Mock.mock(url, template)的原理 查看了mockjs的源码,实际上是内部是采用ajax劫持 —— 将本地的 if (XHR) window.XMLHt...

2020-04-16 16:32:48 140 0

原创 vue 不封闭圆形进度条设计说明学习

文章目录文章参考设计思想代码实现参考别人代码实现改成Vue的实现 文章参考 [CSS/JS]圆形不封闭进度条实现 设计思想 代码实现 <!DOCTYPE html> <html lang="en"> <head> <t...

2020-04-14 10:25:40 28 0

原创 axios 上传和下载文件

文章目录文章参考前台 axios 上传下载FormData 介绍axios 上传文件步骤构造formData请求头的配置`multipart/form-data`axios发送请求axios 下载文件综合案例后台定义上传和下载前端axios上传下载 文章参考 FormData API 参考 前...

2020-04-13 11:35:42 68 0

原创 批处理跳转到指定目录,启动webpack工程

文章目录文章参考问题描述解决思路代码实现案例——启动nginx案例——启动vue 文章参考 如何利用批处理启动cmd并进入指定目录 dos批处理学习10集视频 轻松学会批处理命令的使用 问题描述 每次在做前端开发的时候,就需要打开DOS窗口,跳转到指定的目录,然后执行webpack的启动命令,...

2020-04-10 23:12:46 36 0

原创 nginx反向代理和负载均衡配置

文章目录文章参考反向代理负载均衡负载均衡的策略轮询(默认)weight 权重ip_hashfair(第三方)url_hash(第三方)配置文件单独抽出负载均衡的单独配置文件反向代理的单独配置文件nginx.conf 使用include引入配置文件 文章参考 Nginx视频教程(共17集)-尚硅谷...

2020-04-10 16:15:23 17 0

原创 Chrome默认非安全端口(6666端口)

文章目录文章参考问题描述什么是默认非安全端口?出错现象Google Chrome 默认非安全端口列表,搭建网站要建议尽量避免以下端口:如果一定要使用上述端口的解决办法 文章参考 Chrome,你这坑人的默认非安全端口 问题描述 今天在配置nginx的负载均衡,端口设置成了9999,配置成功了...

2020-04-10 15:46:53 52 0

原创 img 标签src调用API返回base64字符串的解决办法

文章目录问题描述验证过程解决办法 问题描述 公司系统的图片是存储到一个专门的文件服务器上的,为了安全起见,提供了一个API接口,返回的是图片的base64格式的字符串,后台直接调用文件服务器的API,拿到字符串返回给前端 考虑到以前验证码也是使用src的地址是一个API图片接口,就能显示相关的图...

2020-04-09 21:56:12 169 0

原创 css3 clip:rect(top, right, bottom, left)学习

文章目录文章参考定义和用法说明API使用案例 文章参考 CSS clip:rect矩形剪裁功能及一些应用介绍 css :clip rect 正确的使用方法 定义和用法 clip 属性剪裁绝对定位元素。 当一幅图像的尺寸大于包含它的元素时会发生什么呢?“clip” 属性允许您规定一个元素的可见尺...

2020-04-09 11:50:11 27 0

原创 chrome 浏览器截屏

文章目录文章参考使用步骤 文章参考 chrome浏览器怎么截图 chrome截屏快捷键 使用步骤 打开开发者工具 “F12” 打开控制台命令 —— ctrl + shift + p 输入“capture”截屏 选择截屏的方式, 如图: ...

2020-04-09 11:28:56 23 0

原创 CSS3 圆形进度条逻辑(两个半圆)

问题描述 最近再写大屏的项目,很多关于圆形进度条的效果,找出了一种思路,在这里做个记录,方便自己学习 逻辑思想 上图代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=...

2020-04-09 11:01:05 60 0

原创 npm init 创建工程

文章目录文章参考问题描述npm init -y飞冰创建工程`npm init ice project_nam`npm ice模块npm init 官方解释 文章参考 问题描述 学习飞冰创建工程出现 “npm init ice project_name” 了解 npm init -y 快速创建一个...

2020-04-03 22:11:57 64 0

原创 nodejs dotenv插件添加env环境变量参数

文章目录文章参考问题描述dotenv 的作用案例 文章参考 npm dotenv 问题描述 今天看一个大神的写的代码,发现他的配置文件是在.env文件中,有点类似于vue-cli3的环境变量参数,误以为是nodejs环境自带的,结果查做了测试,发现nodejs没有这个配置,结果是使用了“dot...

2020-03-30 18:08:17 297 0

原创 css before,after伪类学习

文章目录文章参考问题描述content的值可以是文字和字符串啦content还可以是图片设置图片的大小插入元素的属性值att() 文章参考 伪元素中content的用法详解 问题描述 想利用 ::before 伪类添加一个图片,发现不能改变图片的大小,写一个学习笔记,方便自己学习 conten...

2020-03-28 10:51:27 42 0

原创 win10 删除文件夹异常 和 删除数万文件慢的问题

文章目录问题描述解决办法 —— 提供批处理脚本 问题描述 由于现在前端开发使用webpack打包,大量的依赖第三方文件,node_module文件夹的文件有35万之间,文件夹删除非常的缓慢(平均是每秒中3050个文件) 由于操作异常,某个文件夹无法直接删除,系统提示找不到文件 解决办法 —— ...

2020-03-27 09:40:00 229 0

原创 vue2.x防重指令

文章目录文章参考问题描述解决办法原理说明Vue 指令实现 文章参考 vue防重复点击(指令实现) 问题描述 在web页面跟后台交互时候,当页面响应不及时,用户会频繁点击,导致请求重复提交 想找一个通用解决办法解决这种防重的问题 按钮千差万别,有和有各种实现 解决办法 原理说明 利用水印的原...

2020-03-26 15:50:21 72 0

原创 react hooks 学习笔记

文章目录使用useState定义和触发state变量useEffect替代生命周期函数useReducer定义mapReduce 转换 使用useState定义和触发state变量 // useState 是 react 定义的方法 import React, { useState } from...

2020-03-23 12:34:43 288 0

提示
确定要删除当前文章?
取消 删除