跳至主要內容
风不止

风不止

树欲静而风不止

博客
博客
自用学习博客,记录工作和学习中遇到的知识与难点。
面试
面试
收集面试过程中被问到的面试题以及参考答案
ES6 (ECMAScript 2015) 新特性

ES6 (ECMAScript 2015) 新特性

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

1. 变量声明

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

风不止大约 3 分钟ES6ES6
vue3与vue2的区别

Vue3 常见面试题

核心特性

Vue3 有哪些新特性?

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

风不止大约 2 分钟vueVUE3
git 版本控制管理

git版本管理

git版本管理常用命令

基础配置命令

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

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

风不止大约 2 分钟gitversion management
Docker使用

Docker常用命令

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

1. 查看 Docker 版本

查看安装的 Docker 版本信息。

docker --version

风不止大约 3 分钟dockerdocker
双系统安装

双系统安装

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

环境准备

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

风不止大约 1 分钟双系统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"

风不止小于 1 分钟dockernginx
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; 
}

风不止小于 1 分钟nginxSSL
缓存(cache)

缓存

概述

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

Cookies

特点

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

风不止大约 2 分钟javascriptcache
2
3
4