不才的博客

Hello World!

这已经是博客的第三个版本了，哈哈哈哈。是我太闲了吗嘤嘤嘤。👾技术栈博客有点为了堆技术栈而堆技术栈的感觉。本人表示已经实锤了！！！原本是打算直接3n框架直接撸的，还是太懒了。。大体: nest/nuxt/vueUI: Element/Vuetify数据储存: mongo/redis

Quill富文本编辑器入坑指北

公司项目需要支持简单表格、图片上传、样式不丑的富文本编辑器。当时选择Quill这个富文本编辑器了也是看了一些附带的插件的Demo（quill-better-table、quill-image-resize-module），还有自定义的toolbar。中间碰到很多坑查了很多资料，也做了很多妥协。

create-react-app 在不暴露配置情况下配置 scss/sass 全局变量

create-react-app 在不暴露配置情况下配置 scss/sass 全局变量由于项目中需要定义全局主题的样式变量，也就是利用sass-resources-loader这个loader将scss变量打包到每个文件中，但是由于 create-react-app(以下简称cra)暴露配置会破

每日一题

只是单纯的想长期的坚持做一件事。博客每天上午12点之前更新题目、qq群(656726969)每天十点之前发布，每天一个题目。ps: 如有问题，麻烦指出谢谢6月25、26两天🐦了，最近身体不好感觉目前只有上班时间才有时间写这个6月28、29两天也鸽了，返校办理毕业手续没带电脑7

使用Commitizen-规范你的commit message

使用Commitizen-规范你的commit message先简单了解一下 commit message format(信息域)commit message一般分为三个部分Header，Body 和 Footer<type>(<scope>): <subject>// 空一行<bod

通过vhvw单位替代rem

解决响应式布局问题先介绍下 rem吧规范中写道：Equal to the computed value of ‘font-size’ on the root element.「rem」是指根元素（root element，html）的字体大小，好开心的是，从遥远的 IE6 到版本帝 Chrome 他

VUEJS 文件扩展名esm.js和common.js是什么意思

转载：https://segmentfault.com/q/1010000011452736vue.js： vue.js则是直接用在<script>标签中的，完整版本，直接就可以通过script引用。vue.common.js: 预编译调试时，CommonJS规范的格式，可以使用 require

Linux从安装Nginx到部署前端项目

自己写项目总归是要给人看的，对于测试或者上线最终都是要部署到服务器的，本文就是记录前端项目如何部署到nginx服务器Linux安装Nginx （傻瓜式）CentOS7 中使用yum安装Nginx的方法参照：CentOS7中使用yum安装Nginx的方法配置静态服务器ps: 如果可以的

AlloyTeam TSLint 规则

https://github.com/AlloyTeam/tslint-config-alloyhttps://alex-0407.github.io/mini-blog/2018/06/06/TSLint/{ // 禁止给类的构造函数的参数添加修饰符 "no-parameter-prope

大文件分块（切片）断点上传

之前看过相关文章但是一直没有动手实现，这个东西就是为了实现这个而产生的。前端流程图主要技术点切片利用 Blob.prototype.slice 切片获取切片md5 作为唯一标识具体代码// 计算切片数量const page = Math.ceil(file.size / siz

JavaScript sourceMap 笔记

js source map建议打开一个真实的项目的sourceMap对照食用由于前端项目在网络中访问导致为了减少体积进行一系列优化操作，最后导致生产环境出问题无法定位到项目代码中的指定位置，使得调试变成一件很难得事。由此产生了Source Map。它是个什么东西简单说，sourceMap

Linux下Node.js搭建简述

首先在/usr/local/目录下创建node 文件夹用来存放相应文件 admin@Ali_Cloud:~$ cd /usr/local/admin@Ali_Cloud:/usr/local$ sudo mkdir nodeadmin@Ali_Cloud:/usr/local$ cd no

我的博客关于第三个版本的介绍

这已经是博客的第三个版本了，哈哈哈哈。是我太闲了吗嘤嘤嘤。👾技术栈博客有点为了堆技术栈而堆技术栈的感觉。本人表示已经实锤了！！！原本是打算直接3n框架直接撸的，还是太懒了。。大体: nest/nuxt/vueUI: Element/Vuetify数据储存: mongo/redis

Virtual DOM 的原理与实现

只贴代码不解释过程勿喷博客文章地址;github地址模板环境搭建1.克隆$ git clone https://github.com/cvgellhorn/webpack-boilerplate.git$ npm install $ npm install @babel/plu

目前最全的第三方平台授权（OAuth2.0）登录接入指南

目前最全的第三方平台授权（OAuth2.0）登录接入指南第三方授权登录一般作用于简化用户的登录/注册或用于数据同步以下平台都基于 OAuth2.0，但存在一些平台限制和区别🕹QQ互联需要审核、个人可用、回调修改后需要时间生效https://connect.qq.com/inde

jest 入门笔记

jest 入门笔记Jest is a delightful JavaScript Testing Framework with a focus on simplicity.It works with projects using: Babel, TypeScript, Node, React,

实现跨域的几种方法

什么是跨域跨域是指从一个域名的网页去请求另一个域名的资源。比如从 www.baidu.com 页面去请求 www.google.com 的资源。跨域的严格一点的定义是：只要协议，域名，端口有任何一个的不同，就被当作是跨域。为什么要跨域既然有安全问题，那为什么又要跨域呢？有时公司内部有多个

Nginx 实现前后端分离开发

1、下载Nginx稳定版本2、打开nginx 配置文件 nginx.conf；3、在http模块的server部分配置 server { listen 80; // Nginx的监听端口 server_name localhost; // 访问Nginx服务器的域名l

egg 构建一个MVC项目环境模版

1. 配置数据库 mongodb// config.default.tsconfig.mongoose = { client: { url: 'mongodb://127.0.0.1/CloudDisk', options: {}, // mongoose

Nginx 作为 WebSockets 代理

location /wsapp/ { proxy_pass http://wsbackend; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Conne

从输入URL到页面渲染完成

从输入URL到页面渲染完成涉及网络、浏览器工作原理等知识。前序知识浏览器进程结构Browser进程负责协调、主控，包括地址栏、书签、历史栈。GPU进程负责整个浏览器界面的渲染网络进程负责发起接收网络请求插件进程控制网页中使用到的插件如flash