• nginx常用配置

    配置文件结构12345678910111213141516171819202122worker_processes 1; # worker进程的数量events { ...
  • 分页hooks的封装

    项目中使用到分页的场景很多,例如:后管系统中的表格分页、移动端列表页上拉加载更多。这些场景使用一些分页加载的组件可以实现,但是还是有痛点,每次都得写一套大差不差的逻辑。因此,在此文中我们使用hooks来封装一下通用的逻辑,简化使用。 Vue中comp...
  • 网络知识-《网络是怎样连接的》一书学习

    整理《网络是怎样连接的》一书的知识要点,对整个网络有个大概的了解。在开始之前我想在本书中找到部分常被问到的问题的答案: 从输入网址到页面加载出来发生了什么? 网络分层,和各分层的作用? TCP、UDP协议? 概要概念整理 名称 含义 ...
  • svg学习记录

    常用形状矩形1<rect x="60" y="10" rx="10" ry="10" width="30" height="30&qu...
  • shell学习记录

    shell 常用于服务器上编译部署脚本、文件归档等场景。此文记录常用的语法,方便后续使用查找。 变量常用系统变量$HOME、 $PWD、 $SHELL、 $USER 等 特殊变量 $n n 为数字, $0 代表该脚本名称, $1-$9 代表第一到...
  • Vue多项目打包

    导语有时业务中遇到这样的场景,多个项目有很多共用的逻辑,后面又是独立部署。例如PC端和移动端,UI完全不同,但逻辑有很多能复用,但是这里我们计划是分开部署。这里仅说有这种场景,大致痛点如下。 分两个项目,则代码维护两套,复用逻辑要copy 合成一个...
  • hexo使用rsync部署填坑之路

    hexo 可快速上手做出自己的博客网站,部署方式 也非常多。在部署到github的时候基本不会遇到什么问题,但是当选择使用rsync部署到阿里云ECS的时候,windows下部署的坑就一个个的出现了。 遇到的问题首先看下官方的部署教程, 只有下面一小...
  • 设计模式

    单例模式惰性单例模式封装 123456var getSingle = function (fn) { var result; return function () { return result || (...
  • vue-virtual-scroller源码分析

    该插件目的当页面数据量较大,例如有几千条数据渲染的时候,dom过多产生滚动卡顿的现象。此时使用该插件可以动态渲染可视区的dom,滚动时实时计算和变更可视区显示的数据。 原理根据可视区的高度以及items中每一项的高度(itemSize,可为高度或者是...