飞鸿的博客

原创 Electron实战

摘要时间过得真快，在忙碌的工作中，2020 年就已经过去了。虽然到了 2021 年，年龄增加了一岁，白头发多了很多，技术学了很多，但是工资却没有见涨。那能如何呢？难道 xxx 不再剥削了，打工人就能自由了？“打工人，打工魂，打工才是人上人”，透露出小人物在平凡生活中的不懈追求，有着更积极的乐观主义色彩。这是一种自嘲，也是一直激励。同为打工人，那就一起来学习一直很火的 electron 吧。阅读本文需要一定的 node 基础知识。知道 electron 是开发桌面应用程序的技术。本文主要介绍

原创 【CSS】滚动条样式的优化

前言优化后的滚动条会提亮我们的网站页面。例如：CSS-TRICKS这个网站如果采用的是浏览器默认的滚动条，不进行优化，页面会显得很不搭。所以该网站的滚动条样式优化如下：html::-webkit-scrollbar { width: 30px; height: 30px;}html::-webkit-scrollbar-thumb { background:...

原创 Python绘制实时疫情词云

★ “词云”这个概念由美国西北大学新闻学副教授里奇·戈登（Rich Gordon）于提出。他一直很关注网络内容发布的最新形式——即那些只有互联网可以采用而报纸、广播、电视等其它媒体都望尘莫及的传播方式。通常，这些最新的、最适合网络的传播方式，也是最好的传播方式。 因此，“词云”就是通过形成“关键词云层”或“关键词渲染”，对网络文本中出现频率较高的“关键词”的视觉上的突出。”★ 词云图过滤...

原创 Navigation网站收藏和导航平台

估计很多人和小编一样，一开始将浏览过的觉得不错的网站收藏到浏览器的收藏夹中。日积月累，网站越来越多，在收藏夹里找所需网站越来越麻烦。后来浏览器从火狐转到Chrome，收藏的网站却不能同步过来。浏览器需要登录才能同步收藏夹的内容，这很痛苦……鉴于种种原因，有这样一个收藏、搜索和分类导航平台真的是棒极了，小编就自己做了一个开源项目——Navigation网站收藏和导航平台。

原创 GitLab从安装到全自动化备份一条龙

需求在新服务器上安装并搭建好gitlab手动+自动将旧服务器上的gitlab备份手动+自动将gitlab备份包scp到新服务器上手动+自动恢复新服务器上的gitlab备份包在新旧服务器上自动删除过期备份包前提版本gitlab-ce是社区版gitlab-ee是企业版方案定时器执行shell脚本工具crontabshellexpect操作...

原创 express项目集成mocha测试框架

mocha诞生于2011年，是一个特征丰富的javascript测试框架,可以运行在node.js和浏览器上,使异步测试更简单和有趣。mocha测试连续运行，允许灵活和准确的报告，同时将未捕获的异常映射到正确的测试用例。背景公司项目中,没有自动化的单元测试,而是通过写if/else判断,多少有点懵逼所在在种种考虑之下,我们就选择mocha测试框架做单元测试测试报告在terminal...

原创 apiDoc生成接口文档,不费吹灰之力

效果背景之前做前端的时候,后端同学仗着自己是老同志,不给我接口文档苦逼如我,需要拿着笔坐在他的旁边,听他口述写下需要的api接口url和参数等等现在自己做后端了,那不能这样子胡作非为了自己吃的苦,怎能给其他同学吃呢?这时候,apiDoc你值得拥有,稳稳的输出一篇优质的接口文档安装apidoc官网上是全局安装,我是喜欢安装到项目中,这样可以在另一个环境下,npm install就...

原创 手把手带你搭建VuePress的技术博客

见我的掘金手把手带你搭建VuePress的技术博客

原创 you may have an infinite update loop in watcher with expression

echarts中option的data传数组,千万不要对数组进行操作.否则会出bugyou may have an infinite update loop in watcher with expression在带有表达式的观察程序中，可能有无限更新循环为什么会出现这个bug呢?分析如下:错误的模式下:首先yKeyData在created生命周期中获取数据时也发生了变化,watch监听...

原创 webstorm根据.eslintrc文件自动修复

当苦于要一个个修复webstorm的eslint报错的问题时,您需要这篇文章.打开webstorm->file->settings->eslint选项解读:eslint package:导入的是eslint的包automatic search:是webstorm自动查找项目中的.eslintrc文件configuration file:是用户特定的.eslintrc文件...

原创 code的外卖配送员-git

我叫git,我每天要和很多代码和很多程序猿打交道,其实我就是一个普普通通的外卖配送员,不像美团和饿了吗,他们是配送各种美食,想想我就饿了,我配送的是代码.我为我的职业感到高兴.一般我就两条主路线和三个市一个区,如图你说巧不巧,有人点单了,程序猿小飞点了从workspace到remote的大订单,我们看看吧.那我得走workspace市->index县->repository市...

原创 Parsing error: x-invalid-end-tag

使用iView时报"Parsing error: x-invalid-end-tag"错误的解决方案问题原因iView将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。解决方案修改配置文件，忽略该项检查：根目录下 - .eslintrc.js - rules添加一行：“vue/no-parsing-error”: [2, { “x-invalid-end...

原创 Koa2基础知识

第3章 Koa2基础知识Node服务是全栈的核心，异步操作是为了提高并发数，koa2最大的特色就是灵活、轻巧，这都要归功于中间件机制。路由、数据库连接都是中间件的一种，通过这个章节的学习让大家掌握服务端开发基本技能。3-1 Koa-generator3-2 Koa异步async3-3 Koa中间件3-4 koa路由和cookie安装脚手架创建项目koa2 -e koa2-lea...

原创 Javascript怎么比较两个数组是否相同？

Javascript怎么比较两个数组是否相同？JS怎么比较两个数组是否有完全相同的元素？Javascript不能直接用或者=来判断两个数组是否相等，无论是相等还是全等都不行，以下两行JS代码都会返回false要判断JS中的两个数组是否相同，需要先将数组转换为字符串，再作比较。以下两行代码将返回trueJS要比较两个数组是否有相同的元素，即两个数组所有元素都相同，但元素的顺序不一定一致。...

原创 ES6的新方法实现数组去重

ES6的新方法实现数组去重ES6里新添加了两个很好用的东西，set和Array.from。set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目。在这我们可以看见，重复的项目已经被去掉了，包括NaN。正常情况下，NaN === NaN 返回的是false，但是在set里，一样能够帮你去重，厉害了。但是这里大家可以看到，set返回的是一个对象，但是我们想要的是数...

原创 call()和apply(）

作为函数方法调用函数在 JavaScript 中, 函数是对象。JavaScript 函数有它的属性和方法。call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。实例function myFunction(a, b) { return a * b; } myObject = myFunction.call(myObject, 1...

原创 解决冲突

git pull之后会出现版本冲突没事，解决冲突嘛右击冲突的文件 在弹出框中双击冲突的vue文件弹出编辑框点击apply all non-conflicting changes只剩下冲突的文件了根据自己的需要要或不要最后apply ...

转载 如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？

如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# ...

原创 Vue 兄弟组件通信（不使用Vuex）

方法一、建立bus中间机制，兄弟组件$emit 和$on进行通信方法二、子传父，然后父传子。其实两种方法原理相似。 我采用了方法二。a组件中触发父组件b的isRepotags事件传递res.data[0].repotags   父组件b中分别为两个子组件中添加通信标识 在a组件中绑定isRepotags事件，向c组件repo传值 ...

原创 改变了文本提取处理词语的方式

 Changed the way text extraction treats words. Now it extracts word by word, so text selection or markup are more properly alligned. Please review the proposal as it is assuming splitSpaces variab...

转载 PDFPageProxy

 PDF.js可以实现在html下直接浏览pdf文档，是一款开源的pdf文档读取解析插件，非常强大，能将PDF文件渲染成Canvas。PDF.js主要包含两个库文件，一个pdf.js和一个pdf.worker.js，一个负责API解析，一个负责核心解析。 首先引入pdf.js文件 PDF.js大部分用法都是基于Promise的，PDFJS.getDocument(url)方法返回的就是...

原创 自动化 - gulp是一个工具包，可帮助您在开发工作流程中自动执行痛苦或耗时的任务

gulp是什么？自动化 - gulp是一个工具包，可帮助您在开发工作流程中自动执行痛苦或耗时的任务。 与平台无关 - 集成内置于所有主要IDE中，人们正在使用gulp与PHP，.NET，Node.js，Java和其他平台。 强大的生态系统 - 使用npm模块做任何你想做的事情+超过2000个用于流文件转换的策划插件 简单 - 通过仅提供最小的API表面，gulp易于学习且易于使用 ...

原创 nodejs之http模块

nodejs服务器端const http = require('http');const server = http.createServer(function (req, res) {res.writeHead(200, {'content-type': 'text/plain'});res.end('hello node.js'); });server.li...

原创 无数据导致循环遍历失败

Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive预期的"v-bind：key'"指令使用"v"指令所定义的变量写成这样 渲染中的错误：“类型错误：不能读取属性'0'null”以防无数据导致渲染空白  ...

原创 计算属性computed

在获取数据的时候常常会遇到异步问题，js有时候不会等到数据出来的时候打印，而是直接打印。console.log往往没有直接渲染页面正确。异步问题就用computed。可以用watch，但是新值和旧值还要进行比较，没有computed优化。...

原创 跨域

 xhr.js?ec6c:178 Cross-Origin Read Blocking (CORB) blocked cross-xhr.js吗?ec6c:178跨源读取阻塞（CORB）阻塞交叉-前端要用代理后端cors解决跨域问题的产生背景早期为了防止CSRF（跨域请求伪造）的攻击，浏览器引入了同源策略(SOP)来提高安全性。CSRF（Cross-site req...

原创 eslint问题

Expected parentheses around arrow function argument having a body with curly braces带花括号body的箭头函数参数周围，需要一个括号 方法尝试很多，按照eslint官网 http://eslint.cn/docs/4.0.0/rules/arrow-parens 在.eslintrc.js中的rules里写...

原创 git爬坑之创建github项目

臭猪猪@DESKTOP-296NPPH MINGW64 /d/myGithub/topology-demo (master)$ git add README.mdwarning: LF will be replaced by CRLF in README.md.The file will have its original line endings in your working di...

原创 git爬坑之gitclone权限问题

输入账号密码后提示 HTTP Basic: Access denied fatal: Authentication failed 解决方案尝试使用这个命令后，用TortoiseGit拉取或推送项目，输入账号密码后，终于正常拉取和推送项目了。git config --system --unset credential.helper...

原创 pdf.js详细解析

pdf.js可以实现在html下直接浏览pdf文档，是一款开源的pdf文档读取解析插件pdf.js主要包含两个库文件，一个pdf.js和一个pdf.worker.js，一个负责API解析，一个负责核心解析。 pdf.js可通过pdf文件的地址或pdf数据流获取pdf，具体实现是调用接口函数 PDFJs.getDocument(url/buffer)将pdf载入html，通过canvas...

翻译 pdfjs_github

PDF.jsPDF。js是一种可移植的文档格式（PDF）查看器，它是用HTML5.PDF构建的。js是由社区驱动的，由Mozilla实验室支持。我们的目标是创建一个通用的、基于web标准的平台来解析和呈现pdf。特约PDF.js是一个开源项目，总是在寻找更多的贡献者。要参与，请访问：问题报告指南 代码贡献指南 经常问的问题 好的初学者错误 项目请随时访问irc.mozil...

原创 pdfjs爬坑之旅——寻找改变dom

查找div找到src——display——text_layer.js中的task文本流task._textDivs单个divtask._textDivs[0].style[1]第一个div的style中的第二个属性task._textDivs[0].style.backgroundColor = 'red'设置第一个div中的style中的背景颜色 改变pdfapp...

原创 DeepFileAi-web之运行unable to load class org.glassfish.jersey.servlet.ServletContainer and 空指针

八月 27, 2018 9:09:50 上午 org.apache.catalina.core.StandardContext loadOnStartupSEVERE: Servlet [Jersey Web Application] in web application [/xfile-wordcmp] threw load() exceptionjava.lang.Unsupporte...

原创 DeepFileAi-web之java环境配置

第三步就是在“用户变量”中新建一个“PATH”变量名，变量值为：%JAVA_HOME%\bin;（就是jdk的bin目录，记得后面有“；”号哦）

原创 DeepFileAi-web之tomcat-logs

1.catalina.日期.log　　这个主要是记录tomcat启动时候的信息，类似于我们在eclipse中启动服务的时候在控制台看到的信息。在里面可以看到启动的JVM参数以及操作系统等日志信息。如果没有使用log4j等日志机制，系统的的错误信息与打印语句也在这个日志文件中记录。(linux下所有的日志都在catalina.out中)3.host-manager.日期.log　　这个估...

翻译 vuejs官网之进入离开列表过渡

翻译 vuejs官网之处理边界情况

这里记录的都是和处理边界情况有关的功能，即一些需要对vue的规则做一些小调整的特殊情况。不过注意这些功能都是有劣势或危险的场景的，我们会在每个案例中注明。所以当你使用每个功能的时候请稍加留意访问元素和组件在绝大多数情况下，我们最好不要触达另一个组件实例内部或手动操作dom元素。不过也确实在一些情况下做这些事情是合适的访问根实例在每个new vue实例的子组件中，其根实例可以通过$r...

翻译 vuejs官网之异步组件

在大型应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块。为了简化，vue允许你以一个工厂函数的方式定义你的组件。这个工厂函数会异步解析你的组件定义。vue只有在这个组件需要被渲染的时候才会触发该工厂函数，且会把结果缓存起来供未来重渲染。Vue.component('async-example', function (resolve, reject) {...

翻译 vuejs官网之动态组件

有的时候，在不同组件之间进行动态切换时非常有用的，比如在一个多标签的界面里。上述内容可以通过vue的<component>元素加一个特殊的is特性来实现，//组件会在currentTabComponent改变时改变<component v-bind:is="currentTabComponent"></component>在上述实例中，cur...

翻译 vuejs官网之插槽

插槽内容vue实现了一套内容分发的api，这套api基于当前的webcomponents规范草案，将<slot>元素作为承载分发内容的出口。它允许你想这样合成组件<navigation-link url="/profile">ddddd</navigation-link>然后你再<navigation-link>的模板中可能会写为...