跳至主要內容
Windows 打造极致舒适的开发环境

论如何在 windows 操作系统中打造一个不输 MacOS 的前端开发环境。

概述:

 平时喜欢折腾操作系统,一直力求打造一个足够舒适的开发环境作为自己的生产力,也使用过 Linux 发行版:manjaro,最终被Linux的生态折磨的死去活来的,开发是变得很舒服了,但是用个微信都非常的不自在,bug 一堆,奈何又买不起macWindows 的终端又和屎一样的难用,git bash倒是非常方便,但解决不了根本问题。然而 2022 年了,时代真的变了,WSL 的出现真的迎来了Windows的春天。我们再也无需像以前一样在一台机器上安装ubuntuwindows 双系统了,现在我们可以直接借助 WSLWindows 操作系统中安装 Linux 发行版的子系统。


Loclink原创大约 2 分钟WSLUbuntu开发环境前端vscode
Waline 服务端一键独立部署解决方案

概述

waline 是一款简洁、安全的评论系统,该系统包含了客户端与服务端。本文一方面是为了解决服务端在独立部署时所遇到的问题,另一方面是为了优化独立部署的过程,使其具备后台运行且实时监控的能力。

提示

如果你并不想一步步按照本文操作,而是希望直接使用成品,那么你可以直接前往 一键部署, 该章节将告诉你如何使用我的完整版本,直接体验一键独立部署 Waline 服务端并可监控式后台运行。


Loclink原创大约 8 分钟开发教程js后端nodejswaline
手写 JS 浅拷贝与深拷贝

概述

引用类型的赋值会导致它们的内存地址都指向同一个位置,如下所示:

const obj1 = {
  data: {},
  count: 18
};
const obj2 = obj1;

console.log(obj1 === obj2); // true
console.log(obj1.data === obj2.data); // true

Loclink原创大约 4 分钟手写合集js前端
手写防抖与节流

什么是防抖和节流?

首先需要澄清一个比较常见的误区,那就是防抖和节流在前端开发中并不是特指一个方法,而是应该将其拆分去看待,实质上, 防抖(debounce)节流(throttle) 是两个不同的函数,只不过他们都是优化高频执行代码的一种手段而已,所以通常是一起出现在我们的视野中,导致经常会被我们误认为是一个方法。而它们的使用场景是在监听一些浏览器事件时,例如:resizescrollkeypressmousemove等,这类事件会不断的调用已绑定事件的回调函数,极大的浪费资源,降低了前端性能。为了优化体验,需要对这类事件进行调用次数的限制,为此我们就可以使用 防抖(debounce)节流(throttle) 的方式来减少调用频率。


Loclink原创大约 11 分钟手写合集js前端
nginx 配置站点

需求描述:

web 前端开发,通常在静态资源打包后需要上传发布至服务器以便用户通过 ip 或者域名进行资源的访问。

提示

nginx 版本:1.14.1
操作系统:centos 8.0
域名:www.tj520.top

无 ssl 证书的配置:

  1. 进入 nginx 站点配置目录:
cd /etc/nginx/conf.d

Loclink原创大约 2 分钟网站搭建与部署nginxlinux静态服务器前端web网站搭建
nginx 配置反向代理

需求描述:

后端服务器启动时服务目标 ip 通常配置为0.0.0.0,方便直接使用公网 ip 访问资源或请求数据,使用 nginx 可将 ip 以及端口代理到指定域名,后续可以直接通过域名访问或请求。

提示

nginx 版本:1.14.1
操作系统:centos 8.0
后端服务端口号:1118
目标代理域名:cms-api.tj520.top
目标代理端口:80


Loclink原创大约 2 分钟网站搭建与部署nginxlinux服务器后端
手摸手教你使用 nodejs 编写爬虫

一、概述:

  • 爬虫思路:
    1. 发送网络请求获取 html 文档页面
    2. 解析 html 文档,拿到原图和预览图的 url
    3. 将 url 转换为 html 格式。
    4. 将转换后的格式写入邮件并发送

二、准备工作:

  1. 安装 nodejs 环境:(已经安装过的同学可以跳过这一步了)在nodejs官网下载安装包后傻瓜式下一步安装即可,这里推荐安装 lts 版本,即长期维护版。相比较 java,nodejs 的环境搭建就显得比较简单了。image

Loclink原创大约 15 分钟开发教程爬虫jsnodejs