Skip to main content
风不止

风不止

树欲静而风不止

blog
blog
Self-use learning blog records the knowledge and difficulties encountered in work and study.
interview
interview
Collect interview questions and reference answers asked during the interview
ES6 (ECMAScript 2015) 新特性

ES6 (ECMAScript 2015) 新特性

ES6 是 JavaScript 语言的一次重大更新,引入了许多新特性,使 JavaScript 更现代化、更强大。以下是 ES6 的主要新特性:

1. 变量声明

  • let 和 const
    • let 用于声明块级作用域的变量
    • const 用于声明常量(不可重新赋值)
    • 替代了 var 的函数作用域和变量提升问题

风不止About 3 minES6ES6
vue3与vue2的区别

Vue3 常见面试题

核心特性

Vue3 有哪些新特性?

  • Composition API
  • 更好的 TypeScript 支持
  • 性能优化(更小的包体积、更快的渲染)
  • Fragments(多根节点组件)
  • Teleport(传送门)
  • Suspense(异步组件)
  • 自定义渲染器 API
  • 响应式系统重写(Proxy 替代 Object.defineProperty)

风不止About 2 minvueVUE3
git 版本控制管理

git版本管理

git版本管理常用命令

基础配置命令

# 配置用户信息
git config --global user.name "Your Name"
git config --global user.email "your.email@example.com"

# 查看配置信息
git config --list

风不止About 2 mingitversion management
Docker使用

Docker常用命令

Docker 是一种开源容器化平台,它提供了一组丰富的命令来管理和操作容器、镜像、网络等。以下是一些常用的 Docker 命令:

1. 查看 Docker 版本

查看安装的 Docker 版本信息。

docker --version

风不止About 3 mindockerdocker
双系统安装

双系统安装

为了满足特殊场景下需要使用到Windows+UOS双系统模式,本方案主要介绍 Windows+UOS 双系统安装过程。若办公业务需求必须使用windows系统,推荐使用统信的彩虹平台方案,可实现UOS系统与windows系统的一键切换。
本电脑已安装了windows10系统,再安装一个国产统信UOS系统

环境准备

  1. 下载好UOS系统镜像(AMD64),下载地址:https://www.chinauos.com/resource/download-professional
  2. 准备好一个启动盘

风不止About 2 min双系统dualos
nginx容器

docker 创建nginx容器

创建 yml文件

version: '3'
services:
  nginx:
    image: nginx:latest
    container_name: nginx
    user: root
    restart: always
    ports:
      - "443:443"
      - "80:80"
    volumes:
      - /home/ubuntu/nginx/conf.d:/etc/nginx/conf.d
      - /var/lib/docker/volumes/myjenkins_jenkins-data/_data/workspace/giteeBlog/src/.vuepress/dist:/usr/share/nginx/html
    environment:
      TZ: "Asia/Shanghai"

风不止Less than 1 minutedockernginx
nginx_SSL证书部署

轻量级服务器部署SSL证书

  1. 将下载好的ssl证书压缩包上传的nginx目录下conf.d,解压
  2. 编辑 default.conf
server {
     #SSL 默认访问端口号为 443
     listen 443 ssl;
     #请填写绑定证书的域名
     server_name liuyuedeyu.top;
     #请填写证书文件的相对路径或绝对路径
     ssl_certificate conf.d/liuyuedeyu.top_nginx/liuyuedeyu.top_bundle.crt;
     #请填写私钥文件的相对路径或绝对路径
     ssl_certificate_key conf.d/liuyuedeyu.top_nginx/liuyuedeyu.top.key;
     ssl_session_timeout 5m;
     #请按照以下协议配置
     ssl_protocols TLSv1.2 TLSv1.3;
     #请按照以下套件配置,配置加密套件,写法遵循 openssl 标准。
     ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
     ssl_prefer_server_ciphers on;
     location / {
        root /usr/share/nginx/html;
        index index.html index.htm;
     }
     error_page 500 502 503 504 /50x.html;
     location = /50x.html {
        root /usr/share/nginx/html;
     }
 }
server {
 listen 80;
 listen [::]:80;
 #请填写绑定证书的域名
 server_name liuyuedeyu.top; 
 #把http的域名请求转成https
 return 301 https://$host$request_uri; 
}

风不止Less than 1 minutenginxSSL
缓存(cache)

缓存

概述

在前端开发中,Cookies、LocalStorage 和 SessionStorage 是三种常用的客户端存储机制,
它们用于在用户浏览器中存储数据。每种机制有不同的特性和用途,以下是它们的详细介绍:

Cookies

特点

  1. 存储数据:通常用于存储少量数据(每个 Cookie 最大 4KB)。
  2. 有效期:可以设置过期时间。如果未设置过期时间,Cookie 在浏览器关闭时失效。
  3. 数据共享:每次 HTTP 请求都会将所有相关的 Cookies 发送到服务器,因此可以在客户端和服务器之间共享数据。
  4. 安全性:可以设置 HttpOnly 和 Secure 属性,增加安全性。HttpOnly 阻止客户端脚本访问 Cookie,Secure 确保 Cookie 只在 HTTPS 协议下传输。

风不止About 2 minjavascriptcache
2
3
4