- 博客(49)
- 收藏
- 关注
RSS订阅原创 word目录中各级标题的行间距不一致的问题，我必须记下来！
最近在调整论文，其他论文格式的问题都比较顺利，但是发现word目录中各级标题的行间距不一致，为了解决这个问题已经整整折腾了快三个小时，必须要记录一下！
2024-05-02 17:15:17
2388
1
原创 Prometheus收集自定义时间格式的指标值，并在Grafana中展示
需求场景如下：在Prometheus我想通过自己开发的metrics接口，收集达梦数据库最后一次备份成功备份的时间点，并在Grafana中展示。2、时间戳是传过来了，但是在PromQL中，2.26版本的Prometheus不知道怎么转为可读的时间，chatgpt和文心一言上至少问的有30多个问题，最后发现给的答案中的timestamp函数不好用，而且2.26版本中一些函数也没找到。格式的指标值，会报错，因为自定义接口中只能传入float类型的值，所以我就改成UNIX时间戳，即。
2024-01-05 17:28:14
702
原创 RabbitMQ
优势解耦，增加系统的可维护性和可扩展性异步提速，提升用户体验和系统吞吐量（单位时间内处理请求的数目）削峰填谷，提高系统的稳定性劣势系统可用性降低：引用MQ的系统，一旦MQ宕机，引发的影响更大，所以要想办法保证MQ的高可用系统复杂度提高：系统交互过程中，怎样保证消息没有被重复消费？怎样处理小丢失的情况？怎样保证消息传递的顺序？事务一致性问题RabbitMQ和其他几种MQ对比可以参考这个文章RabbitMQ属性开发公司：Rabbit开发语言：Erlang（一个擅长处理高并发的语言
2022-10-17 22:23:21
569
原创 达梦数据库DCA培训课程笔记
说明：本笔记根据达梦培训课程整理，笔记内容仅供交流和参考，如内容有误请指正；如侵权，请联系本人处理，谢谢！一、达梦数据库安装查看cpu：lscpu或者cat /proc/cpuinfo查看操作系统：uname -a或者cat /proc/version查看磁盘信息：df -h查看内存：free -m cat /proc/meminfo创建group：groupadd dinstall创建user：useradd -g dinstall -m -d /home/dmdba -s /bin/
2022-05-03 22:13:44
1623
转载 转载：原生JS封装组件，讲的很详细
学习地址：https://www.cnblogs.com/Longhua-0/p/9271625.html这个网站的配色看着比较伤眼睛，可以打开F12执行下代码，就好很多：document.body.style.backgroundColor = "white";document.getElementById("right_content").style.backgroundColor = "white";...
2020-06-10 22:18:07
3609
转载 转载JavaScript:Object.prototype.toString方法的原理
https://www.cnblogs.com/ziyunfei/archive/2012/11/05/2754156.html
2020-06-08 19:39:01
181
原创 学习笔记：JS作用域和闭包相关知识
先引入问题：说一下对变量提升的理解说明this几种不同的使用场景创建10个a标签，点击时候弹出来对应的序号如何理解作用域实际开发中闭包的应用知识点执行上下文this作用域作用域链闭包1、执行上下文范围：一段script标签或者一个函数全局：会先把变量定义、函数声明（无函数表达式）给择出来，函数：会先把变量定义、函数声明（无函数表达式）、this、arguments给择出来 console.log(a); // undefined，因为执行上下文，先把var a给挑
2020-06-07 14:50:40
143
原创 学习笔记：JS原型和原型链
先引入问题：1、如何准确判断一个变量是数组类型，用typeof，或者instanceof var a = [1,2,3]; a instanceof Array;// true typeof a // object， typeof是无法判断是否为数组的，只能区分object和function 2、写一个原型链继承的例子例子1，比较low： function Animal(){ this.eat = function(){ consol
2020-06-07 14:49:20
196
原创 学习笔记：JS的变量类型相关知识及判断方式
变量类型值类型：变量在内存中分配了地址，值直接存放在内存中，值类型变量变化不会影响赋值的其他变量。引用类型：变量是指针，指向了对象，对象数据结构可能比较复杂，节省了空间，引用类型变量变化会影响到赋值的其他变量。js是根据存储方式来区分变量类型 // 值类型： var a = 10; var b = a; a = 20; log(b); // 10，值类型变量变化不会影响赋值的其他变量 // 引用类型：a可以理解为指针，指向了对象{age:20}，b同为指
2020-06-07 14:47:50
153
转载 js call bind 用法和手工实现
用法：https://www.runoob.com/w3cnote/js-call-apply-bind.html手工实现：https://www.cnblogs.com/Selling-fish-bears/p/10897836.html
2020-06-06 09:32:24
114
1
转载 转载-JS作用域问题的示例
这篇文章根据很多个示例讲解了JS函数作用域、全局作用域、自由变量、基本类型和引用类型传参等常见问题，写的很不错，转载收藏。文章地址：https://www.cnblogs.com/skylar/p/3986087.html#!comments
2020-06-04 12:10:21
107
原创 快速实现圣杯布局
什么是圣杯布局及特点：三栏布局，中间一栏最先加载和渲染（内容一般在中间一栏，优先加载）两侧内容固定，中间内容随着宽度自适应PC端用的多技术要点：使用float布局两侧使用margin负值，以便于和中间内容横向重叠防止中间内容被两侧覆盖，一个用padding一个用margin代码及注释：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&
2020-05-25 22:29:03
198
原创 学习笔记：NODEJS
文章待整理，思路优点乱，胡乱记的node优点最擅长高并发java php 等传统语言、每一个客户端链接创建一个新的线程，每个线程需要消耗2MB内存，理论上一个8GB内存服务器可以同时连接数为4000个理论上一个8G，可以达到40000个并发vscode插件：node snippets可以补全node的代码urlsuperviser修改完代码后，自动重启nodejscommonjs模块化标准，nodejs是commonjs的实现模块node提供的模块分为核心模块和自定
2020-05-18 20:13:00
142
原创 移动端开发必备基础知识：像素、DPR、视口、媒体查询、常用单位、FLEX布局等
基础知识像素相关的：分辨率物理像素（physical pixel）也叫设备像素（dp：device pixel）CSS像素也叫逻辑像素（logical pixel）也叫独立设备像素（dip：device independent pixel）设备像素比（dpr）（device pixel ratio）标清屏和高清屏缩放PPI/DPI1、分辨率 1792 X 828像素：垂直方向1792个点、水平828个点2、物理像素 分辨率的一个点就是一个物理像素，实际开发中不是以物理像素为准
2020-05-18 20:04:36
3605
2
原创 学习笔记：移动端屏幕适配
移动端屏幕适配作用：使页面在各种大小的移动端屏幕上都能够合理显示的移动端适配方案和响应式布局的关系：终端不同：移动端适配仅处理移动端；响应式布局处理PC+移动端常用单位不同：移动端适配宽高为rem / %，字体为px；响应式布局宽为%，高和字体为px。宽和高变化不同：移动端适配都随着屏幕大小变化等比例变化；响应式布局宽度变化，高度不变，非等比例。原理：利用相对布局rem和vw/vh等单位进行不同屏幕大小的适配，同时监听屏幕大小变化，进行动态设置fontsize大小，从而进行适配工具：可
2020-05-18 19:59:02
239
原创 学习笔记：移动端事件
移动端事件学习笔记分类：触摸事件touch事件pointer事件，就是集合touch事件和PC点击事件手势事件，多个手指头触点事件传感器事件，设备硬件传感touch事件touchstart：手指触摸开始时候回调touchmove：手指触摸移动时候回调touchend：手指触摸结束时候回调IE8以上可以使用addEventListener监听： addEventListener('touchstart', callback, false);// 冒泡监听touch e
2020-05-18 19:57:57
160
原创 学习笔记：WEB页面浏览器兼容性-方法论
对于标签、js等的兼容处理can i use网站可以查询js、标签、css等是否兼容html5shiv.min.js可以做IE对于H5的兼容增加js的判断： // 错误写法，这样如果不存在是认为这是个变量，会报变量未声明的 if(requestAnimationFrame){ ... } // 正确写法 if(window.requestAnimationFrame){ ... } // 各厂商浏览器写法，默认使用标准的request
2020-05-18 19:55:30
282
原创 前端如果不懂性能优化，那和咸鱼有什么区别
前端性能优化优化的分类：网页初始过程中的优化。即用户输入域名/ip按下请求按钮，到最终网页可以使用的过程。用户交互过程的优化。即用户完全加载后，用户进行操作交互的过程。优化着手点：网络资源请求和加载类，js、css、图片资源等请求过程的优化。网页渲染js脚本网络资源请求的优化css和js资源的优化内联优点：减少http请求缺点：没办法复用似的HTML文件变大，加载时间边长都写在HTML中，不利于后期维护（目前是有手段可以在开发阶段进行外部引入，然后在代码上线时候解
2020-05-17 21:18:46
284
原创 水平居中和垂直居中方法总结，总有一款姿势适合你
本文将总结容器内文字以及容器本身在不同场景下要如何水平垂直居中本文以span标签为例，总结所有场景的居中布局方式，父容器为body根据视频课程纯手敲和实验，亲测有效，感谢老师1 容器宽高自适应 没有指定宽高 内容撑开1-1 内联元素，不能设置宽高，内容撑开1-1-1 文字水平（容器内容）垂直居中 多行文本默认的内联元素是没有宽高的，根据内容自适应，所以不存在水平垂直居中问题内联元素的padding-top/padding-bottom属性不生效但是为什么input元素和textare类.
2020-05-17 11:29:09
377
原创 利用phpStudy、vorlon、BrowserSync进行移动端真机调试
真机调试phpStudy 本地服务器作用：快速提供静态服务器、也可以用nodejs安装：官网下载exe安装运行：双击运行部署：静态资源放在安装目录/www/下访问：访问路径为IP/静态资源目录缺点：无控制台vorlon.js作用：真机调试无控制台进行输出信息，vorlon.js提供控制台，结合信息：微软出品安装：npm 安装运行：cmd->vorlon执行访问：http://IP:1337/dashboard/default利用phpStudy和vorlon进行手机
2020-05-16 21:44:52
551
原创 HTML5实现移动端元素拖拽功能 详细注释
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
2020-05-14 22:05:10
1537
1
原创 响应式布局概念及bootstrap栅格系统简单的简单实现
响应式布局概念：对不同屏幕尺寸做出响应，并进行相应布局原理：使用媒体查询设置不同的断点，进行不同css布局响应优点：一个网站可以兼容多种终端，不需要重复开发缺点：工作量大、代码累赘、加载时间长、效率低、冗余代码较多适用场景：结构比较简单，展示型网站不适用场景：交互较多，功能性的网站不适用常用断点设置：xs(超小屏): < 576pxsm(小屏幕): 576px(含) - 768pxmd(中屏幕): 768px(含) - 992pxlg(大屏幕): 992px(含) - 12
2020-05-12 21:16:10
2616
原创 flex布局(弹性布局)系统性学习笔记
FLEX布局(弹性布局)flixible Boxflex容器：使用display： flex就是flex容器项目：flex容器中的子元素就是项目，不包括孙子元素默认主轴方向排列，即横向Flex-容器的属性1、display属性作用：指定flex属性取值：flex | inline-flexflex：将对象作为弹性伸缩盒展示，相当于块级属性，有默认宽度100%inline-flex：将对象作为内联块级弹性伸缩盒展示，即行级元素，没有默认宽度2、flex-direction作用
2020-05-10 23:06:22
4339
4
原创 HTML5音视频标签介绍和使用
HTML5音视频内容未整合完成，持续更新中…文章介绍内容：audio/video音视频标签及常用属性音视频标签API事件自定义播放器第三方框架的使用（jquery等封装的）使用场景：网站的多媒体播放器背景：较早的多媒体网站使用的是flash，是第三方的插件，不仅不安全而且成本较高关于HTML5和flash播放器的优缺点，这篇文章写得还可以：HTML5和flash播放器的优缺点对比video支持的三种常见格式：mp4、webm、ogv各个浏览器差异safa
2020-05-10 15:38:40
479
原创 HTML5学习随手记
html51999 年发布HTML4.012008年发布HTML5 2014年HTML5定稿一、标签变化doctype标签作用：用来告诉浏览器关于页面使用哪个HTML版本进行编写。常用DOCTYPE声明：HTML 4.01 strict // 严格模式HTML 4.01 Transitional // 过度模式，向下兼容HTML 4.01 Frameset // 框架结构HTML 5:DTD文档类型定义HTML的DTD中，使用xml定义HTML标签规范，比如a标签是什么意思什么作
2020-05-08 20:34:23
174
JSON API plugin for Grafana V1.3.9
2024-01-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人