摘要：
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第25天，点击查看活动详情 先来看看实现效果： 如上所示，此次实现的功能是输入网址后生成全屏截图，可用于生成图片版文章，也可以用做图片二维码海报的生成器，可以支持各种尺寸定义，下面讲解实现的一些技术细节。 实现截图 主要使用的是 p 阅读全文
摘要：
在构建较复杂的系统时，通常将其拆解为功能独立的若干部分。这些部分的接口遵循一定的规范，通过某种方式相连，以共同完成较复杂的任务。譬如，shell通过管道|连接各部分，其输入输出的规范是文本流。 在Node.js中，内置的Stream模块也实现了类似功能，各部分通过.pipe()连接。 Stream提 阅读全文
摘要：
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第14天，点击查看活动详情 node.js 初探 Node.js 是一个 JS 的服务端运行环境，简单的来说，它是在 JS 语言规范的基础上，封装了一些服务端的运行时对象，让我们能够简单实现非常多的业务功能。 如果我们只使用 JS 阅读全文
摘要：
1. 前端路由 router 原理及表现 核心都是改变url，但不刷新页面，不向服务器发送请求 1.1 hash路由 url 的 hash 是以 # 开头，当 hash 改变时，页面不会因此刷新，浏览器也不会向服务器发送请求。 特点：兼容性好、丑陋、对于后端路由来说不区分#号后面的内容 a.com/ 阅读全文
摘要：
cli 是一种通过命令行来交互的工具应用，全称是 Command Line Interface。比较常⻅的就是 create-react-app，vue-cli 等，他们都能够将一段 js 脚本，通过封装为可执行代码的形式，进行一些操作。 使用 cli 之后呢，能快速的创建一些我们业务中的样板文件， 阅读全文
摘要：
什么是工程化?什么是前端工程化? 随着发展的逐步发展，作为工程师除了需要关注需要写的⻚面，样式和逻辑之外，还需要面对日益复杂 的系统性问题，比如模块化文件的组织、ES6 JS 文件的编译、打包压缩所有的 JS 代码、优化和合并图片静态资源等等事情。 我们的项目需要以一种合理的方式进行组合，以应对在团 阅读全文
摘要：
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第2天，点击查看活动详情 域名升级https 首先在阿里云控制台申请一个免费SSL证书，我这里域名托管在阿里云的所以为了方便就在这里申请，其实七牛云也可以申请证书。 原先的博客域名为blog.xxx.com，但是我这里申请的证书是b 阅读全文
摘要：
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情 在以前，我们已经习惯了基于纯打包的开发方式，但是这种方式在实现过程中会有很多问题。首先，打包就意味着整个应用需要先打包好，浏览器和服务器才能启动，然后才能看到效果；其次，当应用中有很多的依赖时，初始化打包过 阅读全文
摘要：
本文记录我对微前端原理的探索与思考，以及微前端框架qiankun项目实践。 当下前端所存在的一些问题 在技术浪潮的推动下，由vue、react所主导的单页面应用已成为主流，但在开发中，随着业务的深入和项目的复杂，带来了逻辑定位问题、打包速度问题、部署上线等等问题，往往我们可能只是更改了一行JS代码， 阅读全文
摘要：
事情的起因还要从某天突然发现服务有明显异常的访问记录说起，虽然我这1核2鸡的小机器没什么攻击的价值，但也有了部署一套监控系统的想法。 ↓ 这仅是免费CDN静态加速的记录。 一番简单的调研之后，我发现主流的日志监控系统为ELK组合(Elasticsearch, Logstash, Kibana)，还有 阅读全文