自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

指南针的博客

书上有路勤为径,学海无涯苦作舟。

  • 博客(81)
  • 资源 (7)
  • 问答 (1)
  • 收藏
  • 关注

原创 如何更好的使用Copilot

Copilot从诞生到现在过去了挺长时间了,大家对Copilot的评价算是褒贬不一吧。有些人觉得Copilot高效且神奇,可以对自己的工作大大提效;有些觉得也就那样,为什么要花那么多钱做这个事情,钱它不香吗?从最开始未收费的时候,我就有使用Copilot,当我开始使用Copilot时,我有些失望和不屑,因为我没有收到预期的结果。就像任何新兴技术一样,总有一条学习曲线。因此,当copilot不能生成我们想要的输出时,我们肯定会产生不信任的感觉。

2023-11-11 11:03:02 1653

原创 僵尸进程问题如何处理

以进程 id 为例,系统中可用的进程 id 是有限的,如果由于系统中大量的僵尸进程占用进程 id,就会导致因为没有可用的进程 id 系统不能产生新的进程,这种问题可就大了,这就是僵尸进程带来的危害。每个进程都有一个唯一的标识,称为 pid,pid 是一个非负的整数值,使用 ps 命令可以查看其中 PID 是表示进程号。系统中每个进程都有对应的父进程,上面 ps 输出中的 PPID 就表示进程的父进程号。操作系统这个大家长是比较人性化的,没有人管的孤儿进程会被进程 ID 为 1 的进程接管。

2023-11-11 10:46:52 190

原创 前端白屏检测方案

白屏时间是指用户输入网站地址到浏览器开始显示内容的时间。当用户打开一个链接或者在浏览器输入一个地址开始访问的时候,就开始等待页面的展示,页面渲染的时间越短,用户等待的时间就越短,用户的感知越好,减少用户的跳出,这样可以极大的提升用户的体验。需要注意的是白屏并不是特指屏幕为白色,“白屏"也有可能是黑色的,重点是用户等待的时间过长,或者页面异常导致没有有效的页面,此类情况,我们都称之为"白屏”。页面的白屏情况有以下几种:(1)首屏加载前的白屏。(2)页面代码崩溃导致的页面无法加载的白屏。

2023-07-12 16:55:59 1393

原创 静态代码检测

静态代码分析是一种在软件开发过程中对源代码进行分析的技术。它通过检查代码的结构、语法、语义等方面,以发现潜在的错误、安全漏洞、性能问题等,并提供相应的建议和警告。与动态测试方法(如单元测试)不同,静态代码分析是在代码执行之前进行的,而不需要实际运行代码。发现潜在问题:静态代码分析可以帮助开发人员在早期发现代码中的潜在问题,包括语法错误、逻辑错误、未初始化的变量、空指针引用等。通过发现和修复这些问题,可以减少后期调试和修复的工作量,提高代码的质量和稳定性。

2023-07-03 09:58:53 1626

原创 代码质量规范测量

圈复杂度(Cyclomatic complexity)是一种代码复杂度的衡量标准,在1976年由Thomas J. McCabe, Sr. 提出。在软件测试的概念里,圈复杂度用来衡量一个模块判定结构的复杂程度,数量上表现为线性无关的路径条数,即合理的预防错误所需测试的最少路径条数。

2023-06-09 10:31:52 1637

原创 Node输出日志的正确姿势

定义了两个传输器,一个将日志消息记录到控制台,另一个将错误日志消息记录到名为 error.log 的文件中。我们也可以自定义格式化器,根据自己的需求来记录日志数据。这样的日志不仅很难知道消息级别或消息记录的日期,而且过滤和排查日志也是一项艰巨的任务。Winston 支持多个日志级别,可以根据日志消息的严重程度选择不同的日志级别来记录。● 可以很容易地取消全部日志记录,或者仅仅取消某个级别以下的日志,而且可以很容易地再次打开日志开关。● 可以很简单的禁止日志记录,因此,将这些日志代码留在程序中的开销很小。

2023-05-18 17:03:17 1712

原创 jmeter压测指南

前言你可能好奇,作为一个前端攻城狮,我为什么需要压测呢,这个和我有什么关系呢?如果你对自己的交付代码要求比较高,那么耐心的学一下,如果你想做个全栈,想写node服务,那么你肯定需要。如果作为一个后端,那么你肯定也是需要的,你需要知道自己提供的接口是否有性能的问题,自己的代码是否健壮。对于测试来说,肯定需要掌握的,原因就无需赘述了。先写在前面,哪里写的不好,欢迎与各位老师沟通交流。今天介绍的工具是jmeter,因为它免费而强大。首先,压力测试是每一个Web应用程序上线之前都需要做的一个测试,

2021-12-31 14:51:52 505

原创 面对kafka频发的rebalance,该如何处理?

Kafka 是我们最常用的消息队列,它那几万、甚至几十万的处理速度让我们为之欣喜若狂。但是随着使用场景的增加,我们遇到的问题也越来越多,其中一个经常遇到的问题就是:rebalance(重平衡)问题。但是要想了解 rebalance,那就得先了解消费组(consumer group)。消费组消费组指的是多个消费者(consumer)组成起来的一个组,它们共同消费 topic 的所有消息。 Kafka 为消费者组定义了 5 种状态,它们分别是:Empty、Dead、PreparingRebalanc

2021-12-31 14:45:07 2365 2

原创 清除数组的方式

清除数组为空有多个方式,本次只讨论通过length 和直接设置的方式。一、通过.length 设置:const a = [1,2,3];a.length = 0;console.log(a);二、直接赋值[]var a = [1,2,3];a = [];console.log(a);这两种方式都可以清空数组,但是是有区别的,通过.length设置修改的是本身的数组,通过a = [],实际是生成的一个新的数组,可能说的有些绕,我们来举个例子。const a = [1,2,

2021-08-19 09:49:26 3367

原创 leet 16最接近的三数之和

给定一个包括n 个整数的数组nums和 一个目标值target。找出nums中的三个整数,使得它们的和与target最接近。返回这三个数的和。假定每组输入只存在唯一答案。示例:输入:nums = [-1,2,1,-4], target = 1输出:2解释:与 target 最接近的和是 2 (-1 + 2 + 1 = 2) 。本题同样的双指针法,和计算三个位相加为0一样的思想。可以参考:https://blog.csdn.net/qq_20473985/articl...

2020-06-30 22:10:40 1755

原创 leetcode 42. 接雨水

给定n 个非负整数表示每个宽度为 1 的柱子的高度图,计算按此排列的柱子,下雨之后能接多少雨水。上面是由数组 [0,1,0,2,1,0,1,3,2,1,2,1] 表示的高度图,在这种情况下,可以接 6 个单位的雨水(蓝色部分表示雨水)。感谢 Marcos 贡献此图。示例:输入: [0,1,0,2,1,0,1,3,2,1,2,1]输出: 6javascript:/** * @param {number[]} height * @return {number} */var..

2020-06-30 21:17:58 3462

原创 leetCode threeSum 15.三数之和

给你一个包含 n 个整数的数组nums,判断nums中是否存在三个元素 a,b,c ,使得a + b + c = 0 ?请你找出所有满足条件且不重复的三元组。注意:答案中不可以包含重复的三元组。示例:给定数组 nums = [-1, 0, 1, 2, -1, -4],满足要求的三元组集合为:[ [-1, 0, 1], [-1, -1, 2]]注意的几个点:1. 不可以包含重复的三元组;2. 本题需要找到所有的数组,不是满足条件的某个。通过代码说一下几点:...

2020-06-30 20:16:58 2364

原创 leetCode11题:Container With Most Water

给你 n 个非负整数 a1,a2,…,an,每个数代表坐标中的一个点 (i, ai) 。在坐标内画 n 条垂直线,垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0)。找出其中的两条线,使得它们与 x 轴共同构成的容器可以容纳最多的水。1.直接处理,所谓的暴力解题法:/** * @param {number[]} height * @return {number} */var maxArea = function(height) { var area = 0; for(

2020-06-12 18:56:37 120

转载 JS函数节流和分时函数

函数节流和分时函数是JS 高阶函数的两种具体应用场景,它们都是将函数作为返回值 return 到函数外部。JS函数节流函数节流就是降低函数被调用的频率,主要是针对 DOM 事件暴露出的问题提出的一种解决方案。例如,使用 resize、mousemove、mouseover、mouseout、keydown、keyup 等事件,都会频繁的触发事件。如果这些事件的处理函数中包含大量耗时操作,如 Ajax 请求、数据库查询、DOM 遍历等,则可能会让浏览器崩溃,严重影响用户体验。例如,在大型网点平台的.

2020-05-17 08:02:22 234

原创 leetCode题库 js实现Longest Substring Without Repeating Characters。

项目闲了些了,继续搞起来。Given a string, find the length of thelongest substringwithout repeating characters.var lengthOfLongestSubstring = function(s) { if (s.length == 0) return 0; var max = 0; var obj = {}; for (var i=0, j=0; i < s.length;..

2020-05-12 22:54:35 145

原创 nw (node-webkit) 应用在win7上黑屏

在本地机器开发时,应用正常,没任何问题,部署的时候,打开应用黑屏。我用的版本是目前最新的v0.45.4。 因为之前就用过,怀疑是版本的问题,用之前的版本试一下,发现v0.37之前的没有问题。 如果你还是选择使用v0.37版本之后的,需要在package.json中增加设置:"chromium-args": "--disable-gpu"。 可能有人质疑为何不...

2020-04-29 11:26:47 1603

原创 pdf.js不显示签名问题

原文件有签名,但是使用pdf.js查看的时候签名不显示:通过F12发现是:Warning: Unimplemented widget field type "Sig", falling back to base field type.解析的问题。修改代码:pdf.worker.js 找到//if(data.fieldType==='Sig'){//_th...

2020-04-22 14:33:52 7067 2

原创 ie8意外地调用了方法或属性访问

在ie其他版本都没问题,在使用ie8报错:意外地调用了方法或属性访问。进行定位发现报错的位置为:jQuery的b.appendChild(a)方法报错。后面查询发现是有ie8不支持的标签导致的,只要让ie8支持那些标签就可以解决。ie8支持html5方案:https://blog.csdn.net/qq_20473985/article/details/105373369...

2020-04-07 20:59:14 974

原创 ie8不支持html5标签属性解决方案

帮别的项目解决ie8不兼容的问题,最后发现是ie8不支持aside标签导致的,找了些方案,发现使用Modernizr可以完美解决。将下面的保存到本地,引入下载的js:<script src="custom.modernizr.js"></script>完美解决。/* Modernizr 2.6.2 (Custom Build) | MIT & BS...

2020-04-07 20:54:46 715 1

原创 在线流程图 思维导图

大家肯定总避免不了要画流程图,除了visio外,分享几个在线的画流程图的网站,在线的好处就是,可以共享编辑,可以实时查看,不受pc的影响。https://www.processon.com/ProcessOn是一个在线作图工具的聚合平台,它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等,无需担心下载和更新的问题,不管Mac还是Windows,一个浏览器就可以随时...

2020-03-18 22:20:41 478

转载 React 项目打包后文件体积过大,网页加载速度慢的问题。(gzip的使用)

react项目中利用dva脚手架,roadhog打包工具打包后只生成了一个index.css 和 index.js 。所有的 js文件 都打包在了一个 index.js 文件中,所以这个文件有1.1M。部署到服务器上,首次访问首页加载的会特别慢,这样会流失很多的用户。解决办法: gzip 压缩。GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来...

2020-02-22 16:00:07 2534

原创 roadhog打包过大

维护之前的项目,使用的antd pro,当时antd依赖roadhog来构建,打包时发现打出的包很大。如下:打完后提示我打包过大,这样的代码部署到服务器之后,浏览器加载首页时,会非常慢,需要分包,下面说一下分包的过程。主要修改的内容就是.webpackrc.js中的配置:const path = require('path');export default { entry: ...

2020-02-22 15:54:07 1573 4

原创 docker的网络配置network_mode的坑

Docker中的host模式指定是容器与主机享受相同的network namespace,在这种情况下,我们访问主机端口就能访问我们的容器。比如说我们运行tomcat容器并且用-- network=host 来指定我们的网络模式为host,这样我们访问本机的8080端口就能访问到我们的tomcat容器。我曾经使用network_mode: host后一直在我的pc上访问不到容器的端口,teln...

2020-02-22 15:35:00 28960 4

转载 通过dockerfile创建镜像

上一篇简单的说了一下,如何打包镜像,这篇介绍一下我们如何通过dockerfile创建镜像。毕竟我们常用的是使用dockerfile打包镜像。Dockerfile 是一个用来构建镜像的文本文件,文本内容包含了一条条构建镜像所需的指令和说明。比如定制一个 nginx 镜像(构建好的镜像内会有一个 /usr/share/nginx/html/index.html 文件)。FROM ngin...

2020-01-28 15:45:29 505

原创 使用docker打包镜像

先介绍一下docker(来自百度百科):Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的Linux或Windows 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。关于安装教程不做介绍,需要的朋友自己搜一下吧。 你可以从docker库中拉取基础镜像,然后创建自己的容器...

2020-01-28 15:36:07 382

转载 TortoiseSVN打分支、合并分支、切换分支

SVN几个重要文件夹说明:       我们一般习惯性在创建repository仓库后,再在刚才创建的仓库里面再创建trunk、branches、tags这三个文件夹,而不是直接将项目提交到仓库的根目录下(虽然直接将项目分享到仓库的root根目录下也是可以的,但是我们...

2019-09-09 20:33:49 223

原创 lecode的Two Sum(java和js)

题目如下:Given an array of integers, returnindicesof the two numbers such that they add up to a specific target.You may assume that each input would haveexactlyone solution, and you may not use...

2019-09-03 19:29:07 196

原创 rgba()如何兼容IE8

每次调试IE都觉得google大法好,言归正传,介绍一下ie8如何使用rgba()。首先,说一下rgba的含义RGBARGBA(R,G,B,A)R:红色值。正整数 | 百分数 G:绿色值。正整数 | 百分数 B:蓝色值。正整数 | 百分数 A:Alpha透明度,取值0~1之间。IE6.0-8.0不支持使用 rgba 模式实现透明度,只能使用 IE 滤镜处理。例如:我要...

2019-09-02 15:01:22 348

原创 react运行时报错Error: spawn EACCES

运行react时报错,Error: spawn EACCES,这个是没有权限导致的。在终端返回到上一层,然后运行获取读写执行权限的命令。[root@localhost ~]# chmod 777 /home/user注:仅把/home/user目录的权限设置为rwxrwxrwx[root@localhost ~]# chmod -R 777 /home/user注:表示将整个/ho...

2019-08-08 18:03:20 1857

原创 项目增加eslint

使用eslint的好处,就不过多的去阐述了,下面介绍一下,先有的工程,如何使用eslint。1.安装eslint使用NPM/Yarn进行安装。# npm$ npm install eslint -g# yarn$ yarn global add eslint安装之后,使用eslint -v检测是否下载成功。如果已经安装,请直接跳转到第二步。2.配置eslint...

2019-08-08 17:25:56 2902 1

原创 nw设置resizable不起作用

resizable控制窗口能否被调整大小,设置resizable为false不起作用时,请参考下面:var gui = require('nw.gui');var win = gui.Window.get();win.setResizable(false);

2019-05-12 10:29:05 994

原创 react调用打印功能

使用jQuery浏览插件可以很方便的进行局部打印,常用的插件有:1)jquery.print.js 下载地址:https://github.com/DoersGuild/jQuery.print2)jquery.print-preview.js 下载地址:https://github.com/etimbo/jquery-print-preview-plugin官网上都有demo可以参考...

2019-03-21 16:43:50 6353 1

转载 使用Mac的浏览器调试ios设备上的cordova app

原文链接:http://blog.csdn.net/lovelyelfpop/article/details/70213326在web开发的过程中,抓包、调试页面样式、查看请求头是很常用的技巧。其实在iOS开发中,这些技巧也能用(无论是模拟器还是真机),不过我们需要用到mac自带的浏览器Safari。...

2019-02-19 11:36:14 1072

原创 pdf.js初始化时显示指定页,显示默认页

在使用pdf.js时,遇到一个问题,预览pdf之后,比如现在在第8页,等再次打开的时候还是在第八页,需要从第一页加载;或者可能有需求直接跳转到某一页,查了些资料发现提供的方案很多,一个好使的都没有,也有可能是我使用不当,反正都是以失败告终。最开始决定直接去读代码,通过源代码来解决这个问题,但是代码量有点大啊,只能另寻他法,后来发现关闭浏览器的时候,重新打开pdf还是从离开的页码加载,所以推测默认的...

2019-01-21 16:29:24 5918 4

原创 java文字换语音

demo地址:https://download.csdn.net/download/qq_20473985/109163571.将jacob-1.17-M2-x64.dll文件或jacob-1.17-M2-x86.dll文件(具体视操作系统而定)复制到Java安装目录中的bin文件夹下;2.引入jacob.jar包;3.运行程序。package txtToSpeak;impo...

2019-01-14 17:00:46 593

原创 http请求,多一次OPTIONS请求(CORS跨域)

做项目时发现,发送http请求时,会多一次OPTIONS请求。查了一下HTTP请求规范:CORS,全称Cross-Origin Resource Sharing,是一种允许当前域(domain)的资源(比如html/js/web service)被其他域(domain)的脚本请求访问的机制,通常由于同域安全策略(the same-origin security policy)浏览器会禁止这...

2019-01-14 16:13:46 4740

原创 js获取距离屏幕的坐标

首先计算js距离浏览器窗口的坐标:let X = $('#test').offset().left + window.screenLeft;let Y = $('#test').offset().top;再计算浏览器距离屏幕的宽和高,通过window.screenLeft和window.screenTop获取浏览器距离屏幕的偏移量;两者相加就可以得到距离屏幕的坐标:let X...

2019-01-07 16:41:18 5142

原创 Mac下C程序编译及执行

使用vi编辑器创建test.c文件vi test.c编写代码helloworld如下:#include &lt;stdio.h&gt;int main(){ printf("hello world!\n test"); return 0;}gcc编译执行gcc test.c文件,会生成a.out文件。执行a.out文件,显示结果如下:重拾大...

2018-12-22 23:01:26 1613 1

原创 chrome使用swfobject.js时无法加载,白屏

输入chrome://components查看flash是否安装正确。点击地址前面的叹号,选择网站设置。flash选项改为允许。重新加载页面即可。

2018-12-20 19:08:10 1416

原创 chrome Flash Player离线安装包下载

Flash的离线安装包下载方式:适用于Chrome的Flash下载方式:https://www.flash.cn/flashplayer/3200101/install_flash_player_ppapi_cn.exe其中3200101代表32.0.0.101版本Chrome的flash插件是ppapi版,所以文件名是install_flash_player_ppapi_cn....

2018-12-20 18:30:50 20453 1

最新flash版本离线包大版本33

最新的flash版本离线包,flash大版本33,chrome插件,离线安装。安全可靠,适合需要的小伙伴。

2020-10-13

将文字转为语音

将文字转为语音,现将dll放到jdk的bin目录下,引入jar包,直接运行即可。

2019-01-14

flash离线包,chrome的flash离线包

flash离线包,chrome的flash离线包,直接下载安装即可,最新版本。

2018-12-20

多文输入法32位

输入法 32位多文输入法。 32位直接安装即可

2018-12-13

AdbeRdr11000_zh_CN_11.0.0.379.exe

adobe安装插件,直接安装即可,通过加载项,查看是否安装完成。

2018-12-12

org.eclipse.swt.win32

org.eclipse.swt.SWT.class org.eclipse.swt.SWTError.class org.eclipse.swt.SWTException.class org.eclipse.swt.accessibility.ACC.class org.eclipse.swt.accessibility.Accessible.class org.eclipse.swt.accessibility.AccessibleActionAdapter.class org.eclipse.swt.accessibility.AccessibleActionEvent.class org.eclipse.swt.accessibility.AccessibleActionListener.class org.eclipse.swt.accessibility.AccessibleAdapter.class org.eclipse.swt.accessibility.AccessibleAttributeAdapter.class org.eclipse.swt.accessibility.AccessibleAttributeEvent.class org.eclipse.swt.accessibility.AccessibleAttributeListener.class org.eclipse.swt.accessibility.AccessibleControlAdapter.class org.eclipse.swt.accessibility.AccessibleControlEvent.class org.eclipse.swt.accessibility.AccessibleControlListener.class org.eclipse.swt.accessibility.AccessibleEditableTextAdapter.class org.eclipse.swt.accessibility.AccessibleEditableTextEvent.class org.eclipse.swt.accessibility.AccessibleEditableTextListener.class org.eclipse.swt.accessibility.AccessibleEvent.class org.eclipse.swt.accessibility.AccessibleHyperlinkAdapter.class org.eclipse.swt.accessibility.AccessibleHyperlinkEvent.class org.eclipse.swt.accessibility.AccessibleHyperlinkListener.class org.eclipse.swt.accessibility.AccessibleListener.class org.eclipse.swt.accessibility.AccessibleTableAdapter.class org.eclipse.swt.accessibility.AccessibleTableCellAdapter.class org.eclipse.swt.accessibility.AccessibleTableCellEvent.class org.eclipse.swt.accessibility.AccessibleTableCellListener.class org.eclipse.swt.accessibility.AccessibleTableEvent.class org.eclipse.swt.accessibility.AccessibleTableListener.class org.eclipse.swt.accessibility.AccessibleTextAdapter.class org.eclipse.swt.accessibility.AccessibleTextAttributeEvent.class org.eclipse.swt.accessibility.AccessibleTextEvent.class org.eclipse.swt.accessibility.AccessibleTextExtendedAdapter.class org.eclipse.swt.accessibility.AccessibleTextExtendedListener.class org.eclipse.swt.accessibility.AccessibleTextListen

2018-11-29

将bat转为exe的神器

可以将你写的bat文件直接转为exe,可以加密,设置图标

2018-11-29

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

TA关注的人

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