Skip to content

李钟意讲前端

Main Navigation 首页全部概览联系我们官网

外观

Sidebar Navigation

🍉 全部概览

🧀 前端

大纲

vue3 echarts波浪球进度条例子

可编辑标签高亮

css实现展开收起效果

修复vscode控制台win11中文乱码问题

微信小程序两列瀑布流设计

推荐免费开源好用的流程图绘图工具 Draw.io (现在叫 diagrams.net)

如何自学前端

TensorFlow.js 底层依赖的是什么？它是如何实现人脸检测的

curl命令的使用教程

Node.js实现gzip和br压缩类

Vue3 如何生成二维码

前端 package.json 中 scripts 的 postinstall, install， preinstall

vxe-table vxe-list 滚动到底部存在留白不触发刷新

前端link标签

前端图片优化

拖拽div修改宽度

一图搞懂chrome network面板

如何重启使用安全模式

Proxy-Object.defineProperty 区别

Pinia-VS-Vuex 实现原理

Electron-Builder 快速入门详细指南

面试官：写一段代码证明你的 ts 水平

erp 接口文档

0411 小红书面试问题

electron 调用 dll sdk

electron 安装 vs2022

接口测试题目

git commit 规范和生成 changelog

生成 uuidv4.min.js 文件

前端项目上线-常见问题

前端 Linux 快速入门 Vi 和 Vim 的使用

前端 Linux 快速入门必知必会-命令

npm --save VS --save-exact

一键切换亮色-暗黑主题

面试经验分享-真题-答案

Vite 打包优化配置都有哪些

Vite 从 0 到 1 搭建脚手架

reset.css vs normalize.css

快速入门 Electron - chatgpt 桌面端

财务管理后台-项目介绍-常见问题记录

nodejs 与 java 有什么优势和劣势呢？为什么那么多企业用 java

某公司上机面试题

配置你的 Mac m2 电脑环境

CSS3 grid 布局

记录与面试官的深入对话

Vue 面试题精选

Git 实战：从入门到精通

Vue 组件二次封装源码

git 命令的应用入门到精通(直播)

直播讲解测试题目汇总

推荐好用的截图工具 snipaste

深入理解 Javascript 中的宏任务和微任务

Axios 实现 token 自动刷新

Axios-请求拦截-响应拦截

使用 requestAnimationFrame 优化页面动画性能

前端性能优化: 如何让网站加载更快，提高用户体验

前端动画：学习如何使用 CSS 和 JavaScript 实现各种动画效果

前端工作流程-了解前端工作流程，包括需求分析、设计、开发、测试、发布等步骤。

前端安全-如何防止 XSS 攻击和保护用户隐私

前端 SEO ??前端如何进行 SEO 搜索引擎优化

前端跨域??简单易懂的跨域解决方案

直播或者短视频主题

语音直播助理 2.0.0

语音直播助理 1.0.0

前端配置-Python-环境

前端模拟面试题及答案-JavaScript 中使用 new 关键字时，会发生什么

免费 code review

前端学了前面忘了后面怎么办

前端模拟面试提问问题和候选人回复

前端零基础到入门写页面

前端模拟面试题及答案-JavaScript-垃圾回收机制

前端模拟面试题及答案-JavaScript-继承-原型和原型链-代码执行机制

前端模拟面试题及答案-JavaScript-作用域-闭包-执行上下文

前端模拟面试题及答案-CSS3

原生 ajax 入门到精通

前端模拟面试一面及答案

如何使用 Markdown 写简历

面试题八股文链接

Open ai find parent

感染新冠肺炎症状、体温和吃药时间表

ChatGPT 无法使用解决方案

Nodejs 开发接口-实现用户的增删改查、token 处理

JavaScript 网站加载速度优化-减少白屏时间

富文本 Tinymce 技术调研（React + Node express）

Electron 码上翻译从 0 到 100 拆解实现

网站置灰 css 样式

JavaScript 显示会议时长代码拆解实现

JavaScript 模块（module）

Pixijs-Gsap 实现明日方舟粒子动画

Figma builder.io 插件把任意网站变为设计稿

Nodejs 爬虫 Jenkins+Puppeteer 定时获取数据

Nodejs 爬虫 Centos 无法运行 Puppeteer 解决方案

Webgl 明日方舟官网

Windows 电脑 C 盘满了解决方案

Nodejs 爬虫进阶自动生成视频点赞排行榜

Nodejs 爬虫 - Nodejs 快速入门 Puppeteer

Nodejs 爬虫小白入门

git-merge 工作流

Mermaid 图表绘制工具

http3 来了

Jenkins 部署项目演示

https 时序图

端到端加密 EE2E

预览 pdf 文件调研

快速入门 docker

socket.io

面试题实现网络请求并发限制的管理类

国内常用的 React 技术栈都有哪些

如何让浏览器马上进行垃圾回收

使用 prettier 格式化你的代码

Windows 如何安装 nvm 管理 nodejs

一秒变黑客

一秒查看开源代码

代码折叠小技巧 region 适用于任何编程语言

Vue2 风格指南

移动端适配 vw+rem 解决方案

Docsify 文档网站搭建过程

十分推荐的开源项目

如何白嫖 UI 设计稿

直播弹幕问题回答

🍎 项目

file-upload

Vue3 + Vite 从 0 到 1 搭建一个脚手架

Vue3 文件上传管理后台

docker mongodb 服务器

docker 部署前后端项目

前后端大文件分片上传调研-express-fileupload

Figma UI 设计稿

文件夹上传调研

文件上传管理后台-接口文档

资金管理后台项目

源码-在线预览-快速开始

🥚 技术栈

🍌 ppt

🥩 AI 大模型

安装ChatGPT

AI大模型汇总

ChatGLM3一键部署

🥦 WebAssembly

1. 是什么？

2. hello world例子

3. libheif wasm例子

4. libheif wasm在Node.js运行

🍊 Electron

electron-vite

electron-vite快速入门

electron-vite vue 无法自动热更新解决方案

使用 nodemon 解决 electron-vite 没有自动热更新的问题

electron vite如何配置vue打包多入口

electron-vlc

electron VLC Player Video 技术调研

electron-vite支持VLC过程

1.VLC播放http接口视频

2.VLC增加播放本地视频的功能

3.VLC支持暂停和继续播放

4.VLC把vlc播放的视频输出到指定的窗口上

5.VLC增加更多libVLC控制方法

electron vlc ffmpeg rtsp 例子

electron vlc 接口文档（macOS 版本）

electron vlc 接口文档（Windows 版本）

electron vlc v1.0.4

electron-screenshot

electron截屏软件开发任务拆解

1-截屏功能演示以及实现原理、代码讲解

2-环境配置-Windows安装VS2020

electron与Node.js基础知识

electron node-gyp configure ETIMEDOUT error

electron截图内存共享插件文档

electron截图截屏插件文档

electron截图window_utils_mac插件文档

node-gyp

什么是node-gyp

electron node-gyp

electron-koffi

什么是ffi，比如node.js中有 koffi、node-ffi

什么是win32 API？win32都包含了哪些？

koffi 官方例子

koffi 定义回调函数

koffi 遍历桌面返回所有窗口的句柄ID

koffi 根据句柄id获取窗口标题

koffi 枚举所有屏幕并显示坐标

koffi 获取指定hwnd句柄id的窗口坐标

electron plugin line electron加载谷歌应用应用商店的插件方法

electron 如何配置单例模式

powershell强制关闭应用

模仿陈依涵-猫猫回收站

1. 精通 electron 快速开始

2. 精通 electron 关键技术点

3. 精通 electron 常用开源库

4. 精通 electron 源码保护

5. 精通 electron - Vue.js devtools 插件

electron rebuild 如何指定编译某个目录

electron builder^23.0.2 以前版本打包失败 - Mac

electron builder 打包减少安装包体积

electron 淘宝镜像配置 .npmrc 文件

使用 ffmpeg 转码视频 - 并且在 web 播放视频

electron 支持 wasm

electron Windows 把应用添加到右键菜单中

electron builder 记住用户上一次选择的安装路径

electron screenshot 截图项目文档

唤醒app

使用自定义协议在 Electron 中访问本地资源

Electron 常见错误和解决方案

在 Electron 中使用 PowerShell 打开 Windows 的"打开方式"对话框

electron 下载文件到指定目录

使用 selenium-webdriver 去控制新打开的 electron 窗口的页面

Windows应用代码签名

如何解压 electron 中的 asar 文件

解决 electron builder 系统托盘出现多个图标的问题

Electron 如何让窗口显示在全屏窗口上（Mac/Windows）

electron-Mas开发-打包-签名-公证-测试(testflight)文档

electron-默认有几个进程

electron-内存泄漏排查

electron-内存-垃圾回收-window.gc

🥥 c/c++

1-C和C++运行环境安装指南

2-如何运行和调试C和C++代码

3-1-unit

1.1-hello

1.2-sum

1.3-max

1.4-习题1.1

1.5-习题1.2

4-2-unit

2.1-cock-rabit

2.2-float

2.3-float

2.4-char

2.5-char

2.6-char

2.7-define

2.8-c语言中的数据类型

2.8-强制类型转换

🥝 Inno setup

1-download-inno-setup

2-学习网站地址

🍇 Node.js

Node.js sqlite3 实现全文检索

Node.js Buffer

Node.js 进程间通信

Windows 支持 heic 图片显示

PM2 快速上手指南

PM2 进阶

输出当前的目录文件树

node 解压 zip 文件

🍆 Vue.js

Vue3 配置开发、测试、生产环境

上传进度计算-平滑窗口算法

Vue 类似 elScrollbar 滚动条

Vue 开发 VSCode 怎么配置？

解决 VScode 按住 command 或者 control 键自动跳转的问题

Vue3 单元格例子

一文看懂 script type="importmap"

使用不同的方法记录请求时间

理解 Vue 3 中的 Composables

Vue.js 项目常见问题

🍒 React.js

React.js快速入门指南

🌶️ JavaScript

Ajax 入门

大纲

1-javascript基础

2-DOM操作基础

3-HTTP协议基础

4-XMLHttpRequest对象

5-实战制作一个简单的AJAX应用

6-JSON数据格式

7-错误处理与调试

8-跨域请求

9-Promise和FetchAPI

10-异步编程和AsyncAwait.md

11-实战进阶制作一个复杂的AJAX应用

12-JSONPlaceholder `posts` API 文档

🍋 Git

git-提交代码到github.md

git-按照日期导出提交信息

git 版本控制

git 历史

git 是什么

git 安装 Git

git 初次运行Git前的配置

git 区分大小写

git 生成 SSH 公钥

git add 命令语法

git branch 命令语法

git checkout 命令介绍

git clone 命令语法

git commit 命令语法

git fetch 命令语法

git init 命令语法

git log 命令语法

git log嘎嘎好用的参数

git merge 命令语法

git pull 命令语法

git push 命令语法

git rebase 命令语法

git rebase 删除文件

git reflog 命令语法

git remote 命令语法

git reset 命令语法

git rm 命令语法

git show 和 git log 的区别

git show 命令语法

git stash 命令语法

git status 命令语法

git tag 命令语法

Mac m2 安装 nvm 报错

git 如何移除已经git commit的目录

git 如何给git仓库瘦身减少.git仓库的大小

🍄 Linux

Linux课程概览

什么是服务器

什么是Linux

Linux介绍

CentOS是什么

Centos不再维护

Centos7和Centos8的区别

Centos和Ubuntu的区别

如何拥有自己的云服务器

登录云服务器

Linux常用的命令

CentOS安装常见应用

Centos和RockyLinux安装git

Centos和RockyLinux安装nginx

Centos如何安装nodejs-国内镜像

Centos如何安装nodejs

Centos如何安装Docker

vi和vim的基本使用

CentOS部署项目例子

Linux 快速开始

在 openWrt 操作系统上安装 node.js 步骤

scp 命令拷贝本地文件到远程服务器

🥭 Docker

解决docker无法安装和拉取镜像问题

获取Docker

Docker指南

Docker概览

开始使用

概览

快速实践指南

1-什么是容器

2-运行一个容器

3-运行docker-hub镜像

4-多容器应用程序

5-保留容器数据

6-访问本地文件夹

7-容器化您的应用程序

8-将您的镜像发布到Docker-Hub

入门指南

第 1 部分：概览

第 2 部分：容器化应用程序

第 3 部分：更新应用程序

第 4 部分：分享应用程序

第 5 部分：持久化数据库

第 6 部分：使用绑定挂载

第 7 部分：多容器应用

第 8 部分：使用 Docker Compose

第 9 部分：构建镜像的最佳实践

第 10 部分：接下来做什么？

Docker概念

基础知识

什么是容器？

什么是镜像？

什么是镜像仓库？

什么是Docker Compose？

构建镜像

理解镜像层

编写Dockerfile

构建、标记和发布镜像

使用构建缓存

多阶段构建

特定语言指南概览

概览

Node.js

概览

容器化你的应用

开发你的应用

测试你的应用

配置CI/CD

测试你的部署

Java

概览

容器化你的应用

开发化你的应用

测试化你的应用

配置CI/CD

测试你的部署

用例指南

使用TensorFlow.js进行人脸检测

使用Docker开发

概览

开发最佳实践

Dockerfile最佳实践

概览

一般指南

Dockerfile指令的最佳实践

安全最佳实现

使用Docker构建

概览

简介

层级

多阶段构建

挂载

构建参数

导出二进制文

测试

多平台构建

后续步骤

部署和编排

概览

部署到Kubernetes

部署到Swarm

学习资源

Docker常用命令

docker-版本后缀

docker volumes

docker volumes绑定挂载

docker run --mount 和 -v 的区别

docker-多阶段构建

docker-概念与命令

docker-滚动更新

docker-推送镜像

docker compose

docker dockerfile

docker dockerfile en

docker-部署tts

如何在浏览器上写代码

docker-镜像加速器

docker 安装失败

docker swarm教程

docker nginx 部署项目

1. 前端vite.config.js配置 gzip/br 压缩

2. 前端项目docker nginx 配置

3. docker nginx https 配置

4. docker nginx http2 配置

5. 综合实战项目部署到云服务器

6. Jenkins 方式自动化部署项目

🥔 Nginx

nginx入门到精通

1-nginx的介绍

2-nginx安装指南

3-nginx初学者指南

3-nginx控制nginx

3-nginx部署前端Vue项目例子

4-nginx前端开发环境反向代理例子

5-nginx.conf配置文件介绍和include指令介绍

6-nginx.conf和include指令例子

6-nginx-types指令介绍

7-nginx location 指令介绍

8-nginx的root和alias区别

9-nginx变量介绍

10-nginx-rewrite重写

11-nginx-log日志介绍

12-nginx-worker_processes

13-nginx-events事件

14-nginx-http-缓存和超时配置

15-nginx-动态模块

16-nginx-https

17-nginx-http2

18-nginx-http3

19-nginx-gzip

20-nginx-brotli

21-前端vite.config.js配置 gzip/br 压缩

22-前端项目 docker nginx 配置

23-nginx-反向代理

24-nginx-auth-basic

25-nginx-负载均衡

Nginx 在 Windows 上的基本配置示例

nginx gzip压缩配置

nginx brotli压缩配置

nginx ERR_HTTP2_PROTOCOL_ERROR

nginx-user和pid指令

nginx-openssl自签名证书

nginx http3配置

nginx http3指令顺序和http协议回退优先使用http3

直播讲解 docker + nginx

1-使用 docker 安装 nginx

2-docker 镜像与容器的关系

3-docker 常用的命令

4-Dockerfile 和 docker-compose.yml 介绍

5-nginx 是什么、nginx 配置文件介绍

6-nginx 部署前端项目（gzip 和 br 压缩）

7-nginx 反向代理-本地开发环境

8-实战 docker+nginx 部署前端、后端、数据库项目

🥑 Jenkins

jenkins.md

Jenkins快速入门

快速搭建Jenkins平台

README.md

🥪 Kubernetes

kubernetes 快速入门

🍘 TypeScript

TS !. 和?.的区别

🍉 旅行

新疆北疆旅行

深圳搬家计划

作息与锻炼计划

香港澳门旅游攻略

🥕 模拟面试

30k前端面试题

vue3-watch-vs-watchEffect

vue3-watchEffect-vs-react-useEffect

笔试2024/3/28

面试2024/3/28

Webrtc 面试题

WebSocket 面试题

javascript

数组必知必会

2023-09-17 初级前端工程师试卷-11

2023-09-16 初级前端工程师试卷-10

2023-09-15 初级前端工程师试卷-9

2023-09-14 初级前端工程师试卷-8

2023-09-13 初级前端工程师试卷-7

2023-09-12 初级前端工程师试卷-6

2023-09-11 初级前端工程师试卷-5

2023-09-10 初级前端工程师试卷-4

2023-09-09 初级前端工程师试卷-3

2023-09-08 初级前端工程师试卷-2

2023-09-07 初级前端工程师试卷-1

2023-09-06 中级前端工程师试卷-1

2023年7月24日

2023年7月20日

2023年7月19日

2023年7月18日

2023年7月17日

2023年7月16日

2023年7月15日

2023年7月14日

2023年6月23日

2023年6月22日

🍓 VitePress

VitePress 快速开始

VitePress 深入学习

VitePress 部署上线

vitepress 代码块高亮语言

Vitepress 默认主题改变了？？

vitepress-tab切换

VitePress 支持gzip和brotli压缩

vitepress public 下载下来的文件打不开、图片图片打不开等问题

vitepress FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

🍈 VMware虚拟机

如何安装VMWare并且在VMware中安装Windows7和Windows10虚拟机.md

🍚 微信公众号

微信小程序

格式化代码

开发遇到的问题

公众号相关

微信分享

微信小程序开发指南

微信浏览器拉起第三方应用

🦄 Windows

Windows11 更改 pin 登录为密码登录

🍐 Examples

Markdown Examples

Runtime API Examples

🍐 剪映

抖音上传4k清晰的视频方法

🥝 图标

水果图标

🍍 技术调研

使用 Sortable.js、Dragula 和 Gridstack.js 实现可拖拽表格

去抖 vs 节流

排序算法的使用

当前页面

咨询/接单/bug修复/学习交流群

咨询/接单/付费bug修复/学习交流群

vitepress tab 切换

默认仅支持 code-group 方式

https://vitepress.dev/zh/guide/markdown#code-groups

使用插件 vitepress-plugin-tabs 可以支持文档切换

github issues https://github.com/vuejs/vitepress/issues/3205#issuecomment-1810352644 https://vitepress-plugins.sapphi.red/tabs/#vitepress-plugin-tabs

最后一次更新于:

Pager

上一篇Vitepress 默认主题改变了？？

下一篇VitePress 支持gzip和brotli压缩

京ICP备20016634号-2

Copyright © 2023-present shaohai.li