06 2020 档案
Prometheus（普罗米修斯）——适合k8s和docker的监控系统
摘要：介绍 Prometheus（普罗米修斯）是一套开源的监控&报警&时间序列数据库的组合.由SoundCloud公司开发。 Prometheus基本原理是通过HTTP协议周期性抓取被监控组件的状态，这样做的好处是任意组件只要提供HTTP接口就可以接入监控系统，不需要任何SDK或者其他的集成过程。这样做非
阅读全文
webpack loader的加载顺序（从右向左，从下向上）
摘要：函数组合 先介绍一个概念，函数组合：函数组合是函数式编程中非常重要的思想，它的实现的思路也没有特别复杂。 函数组合的两种形式(JavaScript函数式编程之函数组合函数compose和pipe的实现) 有两种函数组合的方式，一种是pipe，另一种是compose。前者从左向右组合函数，后者方向相反
阅读全文
padStart()方法,padEnd()方法
摘要：ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。 'x'.padStart(5, 'ab') // 'ababx' 'x'.padStart(4, 'ab') // 'abax' 'x'.pad
阅读全文
说说 Vue.js 中的 v-cloak 指令
摘要：可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。 当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。 html： <div id=
阅读全文
用阿里云 DNS SDK 实现动态域名解析
摘要：最近学 Java ，就将 Git 服，和测试服，直接放在家里的树莓派3和旧笔记本上， 为了在外网顺利访问，需要将域名动态的解析到家里的 IP 上， 网上了解了一番，觉得阿里云那套通过 sdk 来更新域名解析比较方面，正好手里也有阿里上购买的域名， 主要做的，就是拿到 ip ， ipHtml = th
阅读全文
使用阿里云 dns sdk 解决电信公网ip自动变化问题；自己动手实现ddns
摘要：首先说下情况，我的树莓派通过电信光猫dmz主机设置全端口映射得到了公网ip，ssh等连接都很迅速，ping值为60ms。上海电信200M宽带，上传25mbps。由于是动态公网ip，电信隔几天就换ip，这个差不多十天，不一定。我写了简单的脚本，用计划任务每分钟访问我的vultr服务器上的nginx服务
阅读全文
MessageChannel是什么，怎么使用？
摘要：我们知道：在浏览器环境中，常见的 macro task 有 setTimeout、MessageChannel、postMessage、setImmediate。而常见的 micro task 有 MutationObsever 和 Promise.then。 Vue中对于 macro task 的
阅读全文
前端模块化，AMD，CMD 面试总结
摘要：commonJS,CMD/AMD对应类似的实现是 noedJs（webpack）/RequireJs/SeaJs AMD/CMD主要针对浏览器端。 模块化一个模块化实现特定功能，组织JS中的业务逻辑，都可以称为模块化。这种模块化类似于 java中的包 直接引入，即插即用，不会产生变量冲突，就是如此便
阅读全文
module.exports 和 export default
摘要：前言 在使用 vue、react、node 的时候，常常会看到 module.exports，export default，require，import等字段，因为我对这些字段的概念非常模糊，所以导致我在写代码的时候，在node项目里混用了 export default，在 vue 的项目里写 mo
阅读全文
jetbrains产品（WebStorm、idea、pycharm） 最新激活码
摘要：支持WebStorm、idea、pycharm等，保证有效！！！！ 需要加微信
阅读全文
ts使用装饰器
摘要：装饰器 装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，访问符，属性或参数上。 装饰器使用@expression这种形式，expression必须是一个函数，它会在运行时被调用，被装饰的声明信息做为参数传入。 Typescript中的装饰器是一项实验性功能，需要在tsconfig.json中
阅读全文
Object.seal()与Object.freeze()
摘要：1、Object.seal() 参考文档（2）中这样描述： The Object.seal() method seals an object, preventing new properties from being added to it and marking all existing prop
阅读全文
zuul网关集成swagger
摘要：swagger2是一个API文档生成工具，在微服务的架构中，一般会使用zuul作为api网关，适合用来集成swagger生成所有微服务的接口文档。（springboot版本1.5.9） zuul服务添加依赖 springfox-swagger2是用于生成接口文档的，必须要依赖 springfox-s
阅读全文
Spring Cloud Gateway整合Swagger聚合微服务系统API文档(非Zuul)
摘要：【源码中的Spring Boot版本为2.1.3，更新了一点小细节，主要是看思路吧】最近在学习SpringBoot2和Spring Cloud.Finchley版，网上资料也是少的可怜，大部分还是通过一些github或者码云上的一些开源框架来学习，途中出现的一些bug也只能自己看看源码尝试解决。最近
阅读全文
node.js中的全局变量——global
摘要：在浏览器中我们有window对象用于挂载全局的变量，而在Node中，全局变量则为global。 定义在 global 上面的变量，不需要在模块中通过 exports 输出，其他模块中也能使用。 注意在使用时要谨慎处理，如果滥用则很可能引起变量污染。 上图：
阅读全文
Element-UI库 源码架构浅析
摘要：我们在系统地学习如何开发前端的SPA项目时，在搭建完脚手架之后，不得不绕开的一个框架那就是UI库。UI库是一套集成的前端页面UI组件，可以帮助开发者更好地搭建美观的网站，缩短开发周期。我最近花了很长时间整理了Element-ui库的源码架构细节，下面通过这篇长文分段分享给大家 系统架构 我们首先从R
阅读全文
仿 vue-cli 搭建属于自己的脚手架
摘要：脚手架是啥 从前我总觉得脚手架是个很高大上的东西，好像得牛叉🐂一点的人才写的出来，可望而不可即。其实并不是因为困难使我们放弃，而是因为放弃才显得困难（这是个好词好句🙈）。只要你肯花个一天半天的时间✊，也能写出属于你自己的脚手架。 早前脚手架这个词是从 vue-cli 这里认识的，我们通过 npm
阅读全文
如何搭建一个自己cli
摘要：为什么要搭建cli 在前端开发中，在搭建好一套自己满意的代码架子后，希望以后可以在别的开发中也一直沿用。之前或许把这份代码的结构再手动码一份，但这样的重复劳动其实搭建好自己的cli后，就可以通过几个命令来完成了 搭建cli准备 首先新建自己cli项目完成初始化配置之后。然后完成以下步骤 npm in
阅读全文
webpack实践之DLLPlugin 和 DLLReferencePlugin
摘要：DLLPlugin 和 DLLReferencePlugin的使用 DLLPlugin 和 DLLReferencePlugin 用某种方法实现了拆分 bundles，同时还大大提升了构建的速度。 1.首先build文件夹添加 webpack.dll.config.js: 1 2 3 4 5 6 7
阅读全文
HappyPack优化
摘要：一：什么是HappyPack? 作用是什么？ Webpack是允许在NodeJS中的，它是单线程模型的，因此webpack在构建文件时，比如js，css，图片及字体时，它需要一个一个去解析和编译，不能同时处理多个任务。特别当文件数量变多后，webpack构建慢的问题会显得更为严重。因此HappyPa
阅读全文
线程和进程
摘要：进程是资源分配的最小单位，线程是CPU调度的最小单位 这个问题，是操作系统里问的最多的问题之一，也是被误解最深的概念之一。Alan Kay说过，好的角度可以提升80分的智商。理解它们的差别，我从资源使用的角度出发。所谓的资源就是计算机里的中央处理器，内存，文件，网络等等。 做个简单的比喻：进程=火车
阅读全文
