自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

黄彪博客

黄彪学习笔记

  • 博客(1321)
  • 资源 (3)
  • 论坛 (2)
  • 收藏
  • 关注

原创 JS 获取盒子模型对应的高宽(window.getComputedStyle、dom.getBoundingClientRect)

文章目录文章参考获取dom节点高宽的通用方法案例说明getBoundingClientRect() 获取DOM 的高度和宽度的办法?文章参考原生js操作dom添加删除替换class你了解getBoundingClientRect()?获取dom节点高宽的通用方法dom.style.width/height(只适用获取内联元素的宽和高)dom.currentStyle.width/height(获取渲染后的宽高,但是仅IE支持)window.getComputedStyle(do

2021-01-28 15:57:37 153 1

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

文章目录问题描述jquery 正常的请求逻辑axios 请求'Content-Type': 'application/json' 请求'Content-Type': 'application/x-www-form-urlencoded' 请求问题描述今天跟后台调试接口,发现一个很奇怪的问题,使用jquery就可以访问后台的服务,但是使用axios就不行,说传递参数有误,并且返回400和跨域错误jquery 正常的请求逻辑下面代码是使用jquery 正常发送的请求$.ajax({ url

2020-05-08 19:05:46 4946

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

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

2019-11-28 19:53:21 1291

原创 Vue 事件委托学习(Dropdown 下拉菜单点击其他地方消失)

事件委托简单案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...

2019-11-01 18:07:27 511

转载 CSS 常用布局总结学习(转载)

文章目录原理说明案例(原理说明)案例二(回字形布局)案例 (计算出中间组件的高度,剩下的百分百)原理说明利用flex布局,很容易实现“左右两边固定,剩余100%”的布局模式利用flex-direction: column;样式,就很容易实现“顶部和底部固定,中间100%”的情况要设置html,body的高度为100%;否则设置的div高度为100%是0px;必须要保证设置的控件高度从h...

2019-07-15 00:01:56 3703 1

原创 springboot2.x springMVC介绍(二)

springboot springMVC介绍(二)文章目录文章参考web项目配置文件(web.xml)springMVC 原理说明流程图文章参考Spring思维导图(MVC篇)web项目配置文件(web.xml)web.xml文件并不是web工程必须的web.xml文件是用来初始化配置信息配置如下内容Welcome页面servletservlet-mappingfilterlistener启动加载级别等当你的web工程没用到这些时,你可以不用web.xml文件来配置你的

2021-04-15 21:10:47 14

原创 springboot2.x 配置文件yml学习(一)

文章目录文章参考加载文件路径顺序默认配置文件名(application.yml 或者 application.properties)配置文件的原则项目打包运行后可通过命令指定配置文件位置配置文件yaml关于配置的注解案例文章参考boot-features-external-config加载文件路径顺序file:./config/ - 优先级最高(项目根路径下的config)file:./ - 优先级第二 -(项目根路径下)classpath:/config/ - 优先级第三(项目res

2021-04-15 11:09:43 14

原创 windows 添加自定义网络盘符

问题描述在工作中,公司提供了一个 P 盘,方便本地磁盘空间不够用提供的一个“私人”网络硬盘,资料共享可以使用公司提供了一个 Y 盘,是整个公司团队大家可以访问的磁盘(有的目录是有权限控制的),这样可以很方便的将本地文件通过这个中间盘符传输给其他人在使用过程中,每次都要从Y盘一个目录一个目录的点击,很麻烦?因此想能否像网络盘一样的直接进入这个目录,分享文件 目标 —— 设置自定义的网络盘符如何查看windows 网络盘符的路径?输入 regedit 进入注册表找到 ** HKEY_CURR

2021-04-13 17:41:07 20

原创 快速执行ES6代码

文章目录文章参考问题描述解决办法 —— babel-cli第一种:本地安装babel-cli第二种:全局安装 babel-cli文章参考如何愉快的运行ES6代码Node如何执行ES6代码问题描述今天想抽个时间分享 Rxjs ,但是很多例子是使用ES6的语法,为了克服环境过于复杂,本打算使用HTML 网页讲解的,但是考虑到工作中可能用ES6会更多,决定还是用E6的语法讲解。那么,怎么样才能快速运行ES6代码呢?解决办法 —— babel-cli第一种:本地安装babel-cli快速搭

2021-04-07 14:28:54 19

原创 React异步加载组件和全局定义变量

react 异步加载组件,并添加到全局方法中文章目录文章参考问题描述解决办法定义引入异步加载的组件将组件定义到全局中使用异步组件加载组件异步组件引入报错`$asyncComponent is not a function`文章参考问题描述在互联网项目中,如果开发SPA,如果将所有的页面打包到一个js中,则会让JS体积变得非常大,第一次加载速度很慢,影响用户体验,因此需要使用异步加载组件的方式在开发中,如果异步组件每次都需要引用,觉得很麻烦,能否放到全局中,提高开发效率,答案是肯定的解决办法

2021-04-06 09:22:45 28

原创 vscode todo-tree插件(方便记录需要做但是暂时没办法立即做的事情)

文章目录文章参考插件介绍安装使用介绍要排除 “打包”的文件,否则vscode 会“卡死”?文章参考vscode 插件推荐 todo-tree官网介绍vscode 插件-Todo-tree插件介绍插件作用在开发的代码中,添加特殊的标记,就能够快速查找到代码位置使用场景每天可以将未完成的代码或者下次需要继续开发的东西,添加注释、标记说明,可以很方便记录需要做但是暂时没办法立即做的事情 可以快速点击就进入到对应的位置安装使用介绍安装插件配置插件// "todo-

2021-03-25 17:54:05 57

原创 批处理修改当前文件夹的所有文件后缀名

文章目录问题描述解决办法——使用批处理问题描述工作中,需要做一个动画效果,过程描述如下:不能提供gif(背景图片不透明);于是决定提供一系列(100张图片)png图片,完成一帧一帧的动画效果由于png图片比较大,于是UCD 就将图片格式转为 "webp"格式,效果达到了预期,但是由于在公司的某个打包环境中,不识别 “webp”格式,改脚本也不现实于是将当前文件夹下所有的“webp”文件后缀名改为"png",只是改后缀名,并不影响文件本身的内容那么,问题就变为如何将100张webp文件改为

2021-03-23 17:17:26 34

原创 react-big-calendar一个比较好的日历(schedule)添加事件标注插件

文章目录文章参考问题描述快速入门文章参考react-big-calendar githubreact-big-calendar 例子和文档问题描述最近想做一个用户根据日历(schedule)选择时间创建会议的功能,千挑万选最终找到 “react-big-calendar” 组件快速入门import React, { Component } from "react";import { Calendar, momentLocalizer } from "react-big-calendar"

2021-03-23 15:29:45 130

原创 moment 日期控件国际化

文章目录文章参考问题描述解决办法第一种:使用moment 自带的国际化资源文件第二种:自定义国际化文章参考antUI Calendar组件react-big-calendar 组件问题描述最近想做一个用户根据日历(schedule)选择时间创建会议的功能,千挑万选最终找到 “react-big-calendar” 组件,结果改组件不支持国际化,而是将国际化交由其他组件了,例如 moment;因此问题就变为了如何将moment 组件国际化了解决办法第一种:使用moment 自带的国际化资源文

2021-03-23 15:18:25 31

原创 chrome浏览器不支持webgl(webgl context must not be null, please enable webgl in your browser settings!)

问题描述在工作中开发一个地图,本地可以正常运行的,发布到客户现场,提示“webgl context must not be null, please enable webgl in your browser settings!” 错误,导致后面的逻辑全部无法正常运行解决办法在浏览器地址栏输入 chrome://flags/ 。将 Override software rendering list 选项设为"Enabled"。、WebGL Draft Extentions 选项改为enbale。

2021-03-22 12:04:19 40

原创 eslint 全局变量检查配置设置

文章目录文章参考问题描述解决办法配置运行环境文章参考ESlint 使用总结问题描述在工作中,想开发一个百度地图,但是使用bmap的时候,vscode 就会一直提示代码异常,原因是不识别bmap这个对象,eslint 验证不通过,让人开发很不舒服解决办法package.json 中配置 eslintConfig.globals"eslintConfig": { "root": true, "env": { "node": true }, "extends": [

2021-02-05 12:25:06 350

转载 页面Http请求自动变成了Https请求[转发]

文章目录问题描述解决办法问题描述最近在工作中,发现打包之后的文件访问的时候,引入的js 和 css等资源文件引入不到,发现默认是使用http的请求全部转为了https,一时不知道如何解决,在网上找了相关资源,搜索备注一下解决办法<meta http-equiv=\"Content-Security-Policy\" content=\"upgrade-insecure-requests\"/>页面上存在这一行meta,等同于在header中添加 Content-Security-Po

2021-02-05 12:10:19 734

原创 Vue2.x将vue文件编写的组件使用API方式动态创建(vue.extend)

文章目录文章参考问题描述解决办法解决思路解决方式 Vue.extend() API文章参考Vue.extend 看完这篇,你就学废了vue2.x挂载$mount、Vue.extend()函数的作用——由elementUI message方法联想Vue2.x 如何将vue文件编写的组件变为注册到全局组件?Vue.extend()问题描述在工作中使用的是Vue 脚手架搭建的,现在需要在地图上弹出一个pop 弹窗,问题是这个弹窗里面的内容全部要自己通过html写出来,因此官方给出的代码是自己写一

2021-02-05 11:56:08 147

原创 Vue2.x父组件影响子组件样式(::v-deep)的办法

文章目录文章参考问题描述vue-loader如何处理 `Scoped CSS` ?父组件的样式渗透到子组件中的办法?>>>使用 /deep/::v-deep结论综合案例文章参考深度作用选择器 v-deep问题描述工作中需要开发一个 个性化的 二级联动表单,而且是需要根据用户输入自动提示的因此,考虑到了公司的组件 组件(根据用户输入异步查询下拉提示)由于 内部封装了 组件,因此需要设置Input组件的样式期望:scoped 样式中的一个选择器能够作用得“更深”,例如

2021-02-01 19:32:26 309

原创 maven intellij 环境搭建

文章目录文章参考安装修改setting.xml 配置设置本地仓库存储的路径引用阿里仓库intellij 集成文章参考idea配置加快maven项目创建 -DarchetypeCatalog=internal安装前提要配置 java环境下载地址http://maven.apache.org/download.cgiwindows 环境变量添加环境变量M2_HOME=E:\apache-maven-3.6.3添加PATH路径%M2_HOME%\bin打开DOS窗

2021-02-01 12:50:56 25

原创 mysql8的Windows安装备注

文章目录文章参考安装步骤文章参考MySQL 8.0.19安装教程(windows 64位)安装步骤下载mysql的压缩包,解压文件到 D:\Program Files (x86)\mysql8.0.14winx64_downcc.com目录(目录根据自己的实际情况随便放,建议不要放到C盘)配置 my.ini[mysqld]# 设置3306端口port=3306# 设置mysql的安装目录basedir=D:\Program Files (x86)\mysql8.0.14w

2021-02-01 12:05:28 37

原创 create-react-app 打包设置homepage,资源引入使用相对目录

文章参考CREATE-REACT-APP 创建项目 HOMEPAGE 配置主机名不生效create-react-app项目打的包如何修改资源根目录问题描述前端打包好之后放到springboot工程static目录中,springboot 用了JWT做权限管理,但是访问到打包的index.html文件之后,页面不显示内容,究其原因是因为引入的静态资源不对,返回404,导致页面没有显示出来分析原因根据404,查看静态资源的路径,发现是因为打包使用了’/’ 根目录,springboot 又带了“工

2021-01-30 16:24:45 295

转载 CSS flex + margin:auto 布局,实现不一定的‘justify-content’

文章目录文章参考问题描述案例说明文章参考Flex 布局教程:语法篇css flex布局中妙用margin: auto问题描述在使用Flex布局时, 使用align-items和justify-content,只能针对所有的子元素“统一按照某一个规则”进行排列但是,如果针对多个子项,希望他们有些“个性化的排列”,则最好使用 “flex + ‘margin:auto’”的组合方式案例说明默认从左到右排列<body> <div id="containe

2021-01-28 18:36:14 51

转载 CSS继承控制:inherit、initial和unset

文章参考转发 CSS继承控制:inherit、initial和unset案例说明<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></

2021-01-28 12:13:32 36

原创 CSS英文字符串换行(word-wrap)

文章参考英文强制换行css 使用css强制英文单词断行代码问题描述在工作中,给表单的某个字段添加描述信息,于是,测试就输入了’dddddd…(500个)’,查看详情的时候,就出现了横向滚动条,这样就不能直观的显示,于是提了bug解决过程遇到不换行的问题,第一反应就是设置div的宽度,‘display: inline-block’,甚至尝试了 ‘float:left’,界面效果依然没有变化请教了同事,说上面的例子是因为浏览器认为’dddddd…(500个)'是一个单词,默认是不会换行的,于

2021-01-28 11:07:08 49 1

转载 CSS Block Formatting Contexts (块级格式化上下文) 学习

参考CSS中的BFC详解常见定位方案普通流默认,从上而下,行内元素水平排列,行满换行,块级元素渲染成一个新行。浮动先按普通流位置出现,然后根据浮动方向偏移。绝对定位元素具体位置由绝对定位坐标组成。一、何为BFCBFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。BFC 即 Block Formatting Contexts (块级格式化上下文),属于普通流。可以 把

2021-01-25 17:12:42 47

原创 iframe跨域消息通信(postMessage和message事件)

文章目录文章参考知识点例子说明能不能使用非message事件?文章参考IFrame消息传递使用 iframe + postMessage 实现跨域通信知识点页面需要监听 message 事件,window.addEventListener(“message”, dealMessage, false);父页面向子iframe页面发送消息:document.getElementById("mapIframe").contentWindow.postMessage("父页面向子页面

2021-01-16 10:49:09 485

原创 react使用fetch-mock模拟fetch请求的数据

文章目录文章参考什么是 fetchfetch 的优势fetch 与 ajax 的差异fetch-mock安装案例文章参考Jquery ajax, Axios, Fetch区别之我见什么是 fetchfetch是一种HTTP数据请求的方式,是XMLHttpRequest的一种替代方案。fetch不是ajax的进一步封装,而是原生js。Fetch函数就是原生js,没有使用XMLHttpRequest对象它的API是基于Promise设计的 在nodejs中使用需要引入 node-fetchfet

2021-01-06 12:02:14 431

原创 js 的解析和执行过程(变量提升)

文章目录文章参考问题描述js解析和执行过程介绍js的执行过程分为两大部分全局预处理阶段命名冲突变量和函数同名冲突 —— 函数优先,函数是一等公民变量和函数同名名冲突 —— 后者会覆盖前者执行阶段函数预处理阶段传入参数值一一对应传入参数没有对应的值没有用var声明的变量,会变成最外部LE的成员,即全局变量关于JS作用域和作用域链javascript并没有块级作用域javascript也没有动态作用域javascript的作用域为静态作用域文章参考JS的解析与执行过程问题描述最近想把js 基础好好复

2020-12-29 16:12:57 204

原创 js的事件循环机制 even loops[转载]

文章目录文章参考1. js的单线程2. 什么是事件循环呢?假定JavaScript同时有两个线程(事件)3.同步任务(代码),异步任务(代码)4.宏任务(代码),微任务(代码)我们只需记住:文章参考vue方法nextTick源码分析1. js的单线程我们知道JavaScript的一大特点就是单线程,而这个线程中拥有唯一的一个事件循环作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题2. 什么是事件循环呢?1.所

2020-12-25 16:13:44 111

原创 javascript 高阶函数和ES6简单实现AOP

问题描述最近在了解什么是埋点,埋点的作用和原理,发现典型的技术实现的最好方式就是通过 aop 面向切面编程最好。什么是AOPAOP , 个人理解就是“定义什么方法(目标对象(Target))在什么时间(before, after, around)在什么位置(目标的哪个方法或者属性)做什么事情(advise 增强)”应用场景日志记录性能监控埋点上报异常处理实现方式使用高阶函数将目标函数 和 切面函数 作为参数传入返回一个类似代理的函数对象// 原函数var takePhot

2020-12-24 09:25:45 147 2

原创 chrome启动崩溃的解决办法

文章目录参考解决办法参考1 Chrome浏览器崩溃“STATUS_INVALID_IMAGE_HASH”解决办法使用Win+R打开运行对话框,输入regedit,点击确定打开注册表;“HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome”若Policies文件夹下没有“Google\Chrome”路径,则自己新建“项”,按照对应路径名称进行命名,注意层级关系;右键单击“Chrome”项,新建“DWORD(32位)值”,将新值名称改为 R

2020-12-23 17:18:02 201 2

原创 ES6链判断运算符(?.)和Null判断运算符(??)

文章目录参考链判断运算符(?.)应用场景短路机制delete 运算符括号的影响Null 判断运算符(??)优先级参考链判断运算符链判断运算符(?.)应用场景// 错误的写法const firstName = message.body.user.firstName;// 正确的写法const firstName = (message && message.body && message.body.user && message

2020-12-19 16:32:09 649 1

原创 js 惰性函数(防止函数重复检测的应用场景)

文章目录参考应用场景上述案例的解决办法什么是惰性函数惰性函数的本质就是函数重写函数重写在函数被调用时,再处理函数。声明函数时就指定适当的函数。参考深入理解javascript函数进阶系列第四篇——惰性函数应用场景使用ajax的时候,不同的浏览器(IE 和 Chrome)创建 底层对象不同,为了代码的健壮性,每次都要做一次检测,这样就会比较麻烦function createXHR() { var xhr; try{ xhr = new XMLHttpRequest

2020-12-19 15:21:03 99 1

原创 Vue2.x生命周期函数hooks

文章目录参考知识点定时器清除案例mounted 和 beforeDestroy 生命周期函数配套使用mounted中处理所有(hook:beforeDestroy)外部监听生命周期函数应用场景说明案例说明参考实战技巧,Vue原来还可以这样写Vue 程序化的事件侦听器知识点组件的所有生命周期钩子都可以通过@hook:钩子函数名 来监听触发定时器清除案例mounted 和 beforeDestroy 生命周期函数配套使用export default { data: function ()

2020-12-19 14:53:25 139 1

原创 Vue2.x eventBus全局管理事件的“订阅/发布”

文章目录参考问题描述解决办法知识点自定义EventBus参考Vue $on问题描述用户信息列表是单独封装的一个组件,不依赖于其他模块和参数业务场景是预约可以创建多个case,每个case 可以选择相关人员,现在人员可以单独添加,并作用到当前选择人员组件中问题:如何修改一个组件的时候,去影响到其他组件呢?解决办法使用“观察者模式” / “订阅/发布”项目启动的时候创建一个EventBus,在整个工程中是唯一(single)人员组件创建的时候添向EventBus中注册一个事件监听,

2020-12-19 14:37:05 216 1

原创 javascript(js) 观察者模式和发布订阅模式

文章目录参考文档问题描述观察者模式观察者模式 democlass 描述观察者模式事件的观察者模式数组塌陷发布/订阅模式发布订阅的demoVue的事件管理函数$on && $emit && $off模拟事件管理器发布-订阅模式与观察者模式的区别参考文档视频参考观察者模式和发布订阅模式(JS)JavaScript 发布-订阅模式问题描述最近想学习一下Vue 源码,在设置$data的值的时候,是如何通知模板变化的,其中就用到了 “订阅-发布”模式,发现对此思路不是很

2020-12-17 11:41:54 110

原创 v-for 与ref配合使用,this.$refs.key 返回的是组件数组

文章目录文章参考问题描述过程分析ref 使用简单说明ref 和 v-for 配合使用案例说明文章参考Vue 官网访问子组件实例或子元素v-for中使用ref属性问题描述工作中的项目需要选择人员和机构,已经封装为组件,可以选择机构和根据机构找人业务中需要动态添加多个个预约记录,一条预约记录中需要选择人员和相关机构,有的是多选,有的是单选添加的时候组件没有数据,可以用户选择编辑修改的时候,后台返回数据,组件要使用v-for循环,组件内部的值使用$refs去寻找,然后赋值给相关组件过程分

2020-12-01 10:02:25 477

原创 axios get请求 传递数组

文章参考get请求如何传递数组参数问题描述当我们需要通过get方式传递一个数组作为参数 tag:[1,2,3,4]预期是解析为:https://www.cnblogs.com/enter?tag=1&tag=2&tag=3&tag=4然而真相是这样的:https://www.cnblogs.com/enter?tag[]=1&tag[]=2&tag[]=3&tag[]=4,后台是不可能解析到传递的参数qs插件qs在axios中自带的有我们无

2020-11-12 14:38:33 848 2

原创 CSS 说明横向进度条 最后显示文字的效

文章参考问题描述在工作中想要实现如下效果:解决思路在 div 标签中添加一个 relative 定位,然后使用绝对定位 absolute 在最右侧<div class="content"> <div class="bar first" style="width:100%"> <span>688</span> </div> <div class="bar second" style="width:50%"&

2020-11-09 15:16:53 230 1

notepad++ markdown插件

notepad++添加markdown插件

2016-10-27

dhtmlx空间 专业版(pro 收费版)

dhtmlx控件专业版,在官网上面是收费的

2013-10-24

dhtmlx.chm

dhtmlx.chm 是dhtmlx帮助文档

2013-10-24

胖鹅68的留言板

发表于 2020-01-02 最后回复 2020-04-24

怎么样学习Java

发表于 2010-02-12 最后回复 2010-02-17

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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