- 博客(38)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 docker/云托管/serverless部署Node项目总结
前端进阶之旅：https://interview2.poetries.top博客：https://blog.poetries.top公众号/小程序：「前端进阶之旅」 每天分享技术干货，学前端不迷路作者：程序员poetry一、云服务器docker-compose部署安装docker环境安装工具包yum install yum-utils device-mapper-persistent-data lvm2 -y设置阿里镜像源yum-conf..
2022-07-29 10:42:19
724
1
原创 一次node文件操作过多排查过程总结
前端进阶之旅：https://interview2.poetries.top博客：https://blog.poetries.top公众号/小程序：「前端进阶之旅」 每天分享技术干货，学前端不迷路作者：程序员poetry大家好，我是poetry。最近在优化公司内部的脚手架，遇到一个问题，Error: EMFILE, too many open files也就是nodejs打开文件过多会导致错误，一次次排查，最后找到了一个有效的方法，总结记录一下当我尝试去操作大量文件的时候for(var ..
2022-07-29 10:22:40
940
原创 GraphQL+Koa2实现服务端API结合Apollo+Vue
前端进阶之旅：https://interview2.poetries.top公众号：「前端进阶之旅」 每天分享技术干货一、GraphQL介绍1.1 简介GraphQL 是一种新的 API 的查询语言，它提供了一种更高效、强大和灵活 API 查询。它 是由 Facebook 开发和开源，目前由来自世界各地的大公司和个人维护。GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且 没有任何冗余。它弥补了 RESTful API（字段冗余，扩..
2022-07-29 09:47:19
749
1
原创 前端异常监控平台之Sentry落地
Sentry是一套开源的实时的异常收集、追踪、监控系统。这套解决方案由对应各种语言的SDK和一套庞大的数据后台服务组成，通过SentrySDK的配置，还可以上报错误关联的版本信息、发布环境。同时SentrySDK会自动捕捉异常发生前的相关操作，便于后续异常追踪。异常数据上报到数据服务之后，会通过过滤、关键信息提取、归纳展示在数据后台的Web界面中Githubhttps文档https支持如下语言sentry功能架构sentry核心架构。...
2022-07-28 16:27:08
1335
原创 NestJs学习总结篇
原文地址 http://blog.poetries.top/2022/05/25/nest-summaryNest (NestJS) 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的开发框架。它利用 JavaScript 的渐进增强的能力，使用并完全支持 TypeScript （仍然允许开发者使用纯 JavaScript 进行开发），并结合了 OOP （面向对象编程）、FP （函数式编程）和 FRP （函数响应式编程）。在底层，Nest 构建在强大的 HTTP 服务器框架上，例.
2022-05-27 11:53:21
1687
1
原创 肝了两周，我做了一个面试刷题小程序
大家好，我是poetry。过年放假那段时间没有回去过年，终于有了自己一整块时间做点自己喜欢的事情，大概花了两周时间开发完一个面试刷题小程序的全部功能，今天终于将它上线跟大家见面了。市面上很多刷题小程序，为什么还要做？其他小程序都有自己的风格特色，调研其他小程序参考了一些功能，做一个属于自己的小程序风格方便和公众号一起关联运营，方便小伙伴上下班路上刷题学习。小程序界面首页专项练习文章动态我的选择题答题卡，可以自由切换题目我的错题选择题错题记录将会记录在这里我的任务
2022-03-04 14:00:00
576
2
原创 2022年你还不会serverless？看看这篇保姆级教程（下）
本篇主要演示腾讯云serverless部署Web 函数管理Web 函数运行原理如下图所示：用户发送的 HTTP 请求经过 API 网关后，网关侧将原生请求直接透传的同时，在请求头部添加了网关触发函数时需要的函数名、函数地域等内容，并一起传递到函数环境，触发后端函数执行。函数环境内，通过内置的 Proxy 实现 Nginx 转发，并去除头部非产品规范的请求信息，将原生 HTTP 请求通过指定端口发送给用户的 Web Server 服务。用户的 Web Server 配置好指定的监听端口9000.
2022-01-09 20:00:00
861
原创 2022年你还不会serverless？看看这篇保姆级教程（中）
本篇主要介绍serverless在小程序云开发的实践小程序传统开发模式前后台联调时间有时候更多，等项目上线需要考虑更多运维的问题，买域名买服务器等云开发正在改变小程序的开发模式云开发是什么让开发者更专注于业务的开发，在云开发云函数中，我们可以很方便获取小程序用户openId、unionId一些鉴权信息，减轻后台开发量云开发是一套综合类服务的技术产品，通常开发一个完整的应用（小程序也好，Web、移动应用也好）都需要数据库、存储、CDN、后端函数、静态托管、用户登录等等，但是云开发.
2022-01-08 10:00:00
327
原创 2022年你还不会serverless？看看这篇保姆级教程（上）
什么是ServerlessServerless又名无服务器,所谓无服务器并非是说不需要依赖和依靠服务器等资源,而是开发者再也不用过多考虑服务器的问题,可以更专注在产品代码上。Serverless是一种软件系统架构的思想和方法，它不是软件框架、类库或者工具。它与传统架构的不同之处在于，完全由第三方管理，由事件触发，存在于无状态(Stateless)、 暂存(可能只存在于一次调用的过程中)计算容器内。构建无服务器应用程序意味着开发者可以专注在产品代码上，而无须管理和操作云端或本地的服务器或运行时(运行
2022-01-07 15:54:29
1066
原创 2022年了你必须要学会搭建微前端项目及部署方式
一、微前端简介微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。微前端的好处应用自治。只需要遵循统一的接口规范或者框架，以便于系统集成到一起，相互之间是不存在依赖关系的。单一职责。每个前端应用可以只关注于自己所需要完成的功能。技术栈无关。你可以使用 Angular 的同时，又可以使用 React 和 Vue。微前端的缺点应用的拆分基础依赖于基础设施的构建
2022-01-06 14:23:23
2459
原创 教你如何使用vercel服务免费部署前端项目和serverless api
一、介绍一下vercelvercel 是一个站点托管平台，提供CDN加速，同类的平台有Netlify 和 Github Pages，相比之下，vercel 国内的访问速度更快，并且提供Production环境和development环境，对于项目开发非常的有用的，并且支持持续集成，一次push或者一次PR会自动化构建发布，发布在development环境，都会生成不一样的链接可供预览。但是vercel只是针对个人用户免费，teams是收费的首先vercel零配置部署，第二访问速度比github-
2022-01-04 18:31:39
16653
4
原创 Git多人协作开发流程分支管理方案
一、主分支Master代码库应该有一个、且仅有一个主分支：master。所有提供给用户使用的正式版本，都在这个主分支上发布。每次发布 打一个tag，例如tag v1.0.0、tag v2.0.0二、开发分支Develop主分支只用来分布重大版本，日常开发应该在另一条分支上完成。我们把开发用的分支，叫做develop。这个分支可以用来生成代码的最新隔夜版本（nightly）。如果想正式对外发布，就在master分支上，对develop分支进行"合并"（merge）。Git创建Develop分支
2022-01-04 09:25:37
1525
原创 肝了一周，我做了一个前端导航网站
最近上班之余，花了一周，投入全部业余时间做了一个前端导航网站，今天终于将它上线了！访问地址： http://nav.poetries.top为什么要做导航网站做导航之前，特意调研了一下，市面上挺多导航类的网站，都有自己的特色。有些年久失修的静态站点，资源长期不更新等等问题。思来想去，决定做一个自己的导航网站，把浏览器日常收藏夹的资源、平时看到好的网站资源都分门别类整理，方便自己查看，也方便他人查找资料。项目介绍本导航项目包含多个导航项目，目前已上线开放主站导航、我的书签。本项目专为前端开发、设计、
2021-12-18 18:34:09
517
原创 使用Jenkins部署微前端方案实践总结
持续集成集成工具 jenkins 的基本介绍和自动化部署微前端项目的几个简单方案一、Jenkins 基础介绍Jenkins 是国际上流行的免费开源软件项目,是基于 Java 开发持续集成工具,用于监控持续重复的工作,旨在提供一个开放的易用的软件平台,使软件的持续集成自动化,大大节约人力和时效。Jenkins 功能包括：持续的软件版本发布/测试项目。监控外部调用执行的工作。1. 系统管理安装好的 jenkins 可以在系统管理进行配置系统信息等系统设置执行者数量：系统可同时并发执
2021-11-18 08:00:00
500
原创 vue3之Composition API详解
Composition API也叫组合式API，是Vue3.x的新特性。通过创建 Vue 组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走得更远。然而，我们的经验已经证明，光靠这一点可能是不够的，尤其是当你的应用程序变得非常大的时候——想想几百个组件。在处理如此大的应用程序时，共享和重用代码变得尤为重要通俗的讲：没有Composition API之前vue相关业务的代码需要配置到option的特定的区域，中小型项目是没有问题的，
2021-10-17 20:19:43
7072
1
转载 梳理Vue常考面试题
完整版推荐在线阅读 https://poetries1.gitee.io/fe-interview1 对于MVVM的理解MVVM是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁，数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据。MVVM 是 Model-View-ViewMod.
2020-08-12 13:43:37
361
转载 梳理React常考面试题
完整版推荐在线阅读 https://poetries1.gitee.io/fe-interview1、React 中 keys 的作用是什么？Keys是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染。此外，React 还需要借助 Key 值来判断元素与本地状态.
2020-08-12 13:42:41
1840
转载 前端面试题整理
推荐在线阅读 http://interview.poetries.top面试经验谈--来自知乎芋头Live$HTML， HTTP，web综合问题1、前端需要注意哪些SEO 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列.
2020-08-01 17:19:03
875
原创 pm2用法之ecosystem部署nodejs
一、node项目部署流程 二、配置部署脚本文件 在项目根目录添加pm2的部署脚本文件 ecosystem.json{ "apps": [ "name": "movie", //对应Nginx上的配置 "script": "app.js", //入口文件 "env": { &q
2018-06-28 14:29:33
5304
原创 JavaScript运动框架之速度时间版本
原文链接 http://blog.poetries.top/2017/01/12/js-animate一、JavaScript运动框架之速度版1.1 运动框架的实现思路运动，其实就是在一段时间内改变 left 、 right 、 width 、 height 、 opactiy 的值，到达目的地之后停止位移 top,left折叠 width,height淡入淡出 opacity时间有关
2017-01-12 18:12:03
1446
转载 HTML5中的视频音频使用详解
一、video1.1 video支持视频格式常见的视频格式视频的组成部分：画面、音频、编码格式视频编码：H.264、Theora、VP8(google开源)HTML5支持的视频格式：Ogg 带有Theora视频编码+Vorbis音频编码的Ogg文件支持的浏览器:F、C、OMEPG4 带有H.264视频编码+AAC音频编码的MPEG4文件支持的浏览器: S、CWebM 带有VP8视
2016-12-30 17:55:45
3738
原创 JavaScript常用的代码片段
原文链接 http://blog.poetries.top/2016/10/27/JavaScript-code-snippets转义特殊字符为html实体 HtmlEncode: function(str){ return str.replace(/&/g, '&').replace(/\"/g, '"').replace(/</g, '<').replace(/>/g,
2016-12-30 08:37:55
507
原创 DIV+CSS学习笔记总结篇
转载请声明 原文链接地址第一部分 HTML第一章 职业规划和前景职业方向规划定位：web前端开发工程师web网站架构师自己创业转岗管理或其他web前端开发的前景展望：未来IT行业企业需求最多的人才结合最新的html5抢占移动端的市场自己创业做老板随着互联网的普及web开发成为企业的宠儿和核心web职业发展目标：第一、梳理知识架构负责内容的HTML负责外观的css（层叠样式
2016-12-30 08:36:05
1780
转载 实用的60个CSS代码片段
欢迎来到我的博客阅读1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: transla
2016-12-23 09:05:30
717
原创 Javascript基础篇小结
转载请声明出处 博客原文随手翻阅以前的学习笔记，顺便整理一下放在这里，方便自己复习，也希望你有也有帮助吧第一课时 入门基础知识点：操作系统就是个应用程序只要是应用程序都要占用物理内存浏览器本身也是一个应用程序浏览器本身只懂得解析HTML调用浏览器这个应用程序的一个功能绘制1、javascript介绍JavaScript操作DOM的本质是=获取+触发+改变目的：就是用来操作内存中的D
2016-12-23 09:04:32
1073
原创 DOM编程之API总结篇
原文 链接一、基本类型介绍1.1 Node类型DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现的。在IE9以下版本无法访问到这个类型，JS中所有节点都继承自Node类型，都共享着相同的基本属性和方法Node有一个属性nodeType表示Node的类型，它是一个整数，其数值分别表示相应的Node类型假设我们要判断一个Node是不是
2016-12-23 09:03:54
737
原创 HTML5+CSS3整体回顾
转载请声明 原文链接这篇文章主要总结H5的一些新增的功能以及一些基础归纳，这里只是一个提纲，并不是很详细，后面会一直完善补充新的内容，本文是一些笔记记录，放在这里供自己参考也供他人学习！第一课 HTML5结构HTML5 是新一代的 HTMLDTD声明改变 <!DOCTYPE html> 新的结构标签 注意的地方 ie8 不兼容常用的一些新的结构标签补充说明 h
2016-12-23 09:03:26
3652
原创 jQuery笔记总结篇
原文链接 http://blog.poetries.top/2016/10/20/review-jQuery首先，来了解一下jQuery学习的整体思路XMind源文件提供参考下载[Jquery笔记–复制图片地址到浏览器打开放大查看]第一节 jQuery初步认知jQuery概述JQuery概念javascript概念 基于Js语言的API和语法组织逻辑，通过内置window和document
2016-12-23 09:02:54
2804
4
原创 Ajax总结篇
原文出处 http://blog.poetries.top/2016/11/26/Ajax-summary本文主要总结整理Ajax的一些常用的基础知识，适合初学者。一、Ajax简介、优劣势、应用场景以及技术Ajax简介 :Asynchronous Javascript And XML （异步的 JavaScript和XML）它并不是一种单一的技术，而是有机利用一系列交互式网页应用相关的技术所
2016-12-23 09:02:24
641
2
原创 JavaScript及jQuery中的各种宽高属性图解
原文链接 http://blog.poetries.top/2016/12/13/js-props 声明：本文根据慕课网学习视频整理强烈建议打开控制台自己动手练习一遍，这样印象才会深刻第一部分 JavaScript中的宽高属性一、与window相关的宽高属性1.1 window.location和document.locationwindow对象的location属性引用的是locatio
2016-12-23 09:01:28
2847
原创 Sublime Text3常用快捷键
选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。Ctrl+Shi
2016-04-25 19:16:11
423
原创 数组的用法
1、为什么需要数组为了解决保存大量同类型的数据 存储和使用；为了模拟现实世界2、数组的分类一维数组怎样定义一维数组为n个变量连续分配存储空间所有的变量的数据类型必须相同所有变量所占的字节大小必须相等一维数组名不代表数组中所有的元素一维数组名代表数组中第一个元素的地址有关数组的操作：初始化完全初始化 int[5] = {
2015-09-25 12:45:53
510
原创 枚举的用法
什么是枚举：把一个事物所有可能取值一一列举出来枚举的优缺点：代码更安全书写麻烦//枚举#include//只定义了一个数据类型 并没有定义变量 该数据类型的名字是enum WeekDayenum WeekDay{ Monday,TuesDay,WednesDay,ThursDay,FriDay,SaturDay,Sunday };void main(){
2015-09-25 12:36:44
398
原创 流程控制（学习C语言的转折点）
1、什么是流程控制程序代码的执行顺序2、流程控制的分类顺序执行：选择执行：定义：某些代码可能执行 也可能不执行 有选择的执行某些代码分类：if 1、if最简单的用法 格式：if（表达式）语句· 功能：如果表达式为真执行语句，为假语句不执行2、if的范围问题if(表达式){语句A;语句B;}if只能控
2015-09-23 22:25:35
588
原创 C语言-结构体学习
为什么需要结构体：为了表示一些复杂的事物，而普通的基本类型无法满足实际要求什么叫结构体：把一些基本类型数据组合在一起形成的一个新的复合数据类型如何定义一个结构体：
2015-09-23 22:17:33
448
原创 C语言函数学习整理
1、为什么需要函数：避免了重复性操作有利于程序的模块化 2、什么叫做函数逻辑上：能够完成特定功能的独立代码块物理上：能够接收数据 也可以不接收数据 能够对接收的数据处理 能够将数据处理的结果返回【也可以不返回任何值】总结：函数是个工具，他是为了解决大量类似问题设计的，函数可以当做黑匣子3、如何定义函数函数的返回值 函数的名字（函数
2015-09-23 22:12:57
800
原创 如何看懂C语言程序
第一步：看懂程序的流程（顺序 选择 循环）第二步：看懂每个语句的功能第三步：试数（随便找几个数来尝试写分析过程，把自己当计算机一步步执行）对一些小算法的程序尝试自己编写解决它，如果解决不了，就看答案，关键把答案看懂，尝试修改程序，并且知道修改之后程序的不同输出结果的含义，照着答案去敲，调试错误，自己不看答案，自己独立敲出来如果程序无法理解，就把它背会
2015-09-23 22:02:58
5733
原创 scanf函数的用法
scanf（）：通过键盘将数据输入到变量中两种用法：用法一：scanf（“输入控制符”，输入参数）功能： 将键盘输入的字符转化为输入控制符所规定格式的数据，然后存入以输入参数的值为地质的变量 用法二：scanf（“非法输入控制符 输入控制符”，输入参数）功能： 将从键盘输入的字符转化为输入控制符所规定格式的数据，然后存入以输入参数的值为地址的变量中，非法输入控制符必
2015-09-23 21:46:21
1476
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人