Jan132023
变更Docker Desktop的文件存放位置
Docker Desktop下载的镜像都存储在C盘，随着pull的镜像增多，C盘空间被很快耗尽。
存放位置 在AppData\Local目录下
LOCALAPPDATA=C:\Users\xxx\AppData\Local
%LOCALAPPDATA%\Docker\wsl\data/ext4.vhdx
%LOCALAPPDATA%\Docker\wsl\distro/ext4.vhdx
也可以在注册表中确认一下 WSL子系统 安装位置
计算机\HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersi...阅读全文
抢沙发
Jan042023
如何使用Fiddler测试WebSocket
一 Fiddler本身可以捕获WebSocket流量，但是无法操纵WebSocket流量。
1、启动fiddler，在主session列表中找到带ws图标的WebSocket请求。
2、双击ws请求，Fiddler界面右边就会出现WebSocket选项卡。在这个选项卡下，你能够重组碎片信息，并使用一些查看器看每个信息的内容。
如下图，第一行实时显示此WebSocket连接中WebSocket ID、所发消息个数、连接是打开/关闭状态等。每个消息前面向上...阅读全文
Dec272022
HTML中的Illegal character非法字符错误的治理方法
在开发和编辑HTML网页时，经常会遇到”Illegal character”（非法字符）的错误提示。这是因为HTML对于一些特殊字符和字符编码有一些限制，使用了这些非法字符会导致HTML解析错误。本文将介绍一些常见的非法字符，以及如何处理这些错误。
1. “&”符号
在HTML中，”&”符号用于引用特殊字符，例如大于号（”>”），小于号（”<...阅读全文
Dec222022
使用html2canvas根截取网页某dom部分为图片并缩小图片
使用html2canvas根截取网页某dom部分为图片并缩小图片。
$('body').on('click', '#saveToImgBtn', function () {
$.getScript('./style_1/html2canvas.min.js', function () {
html2canvas(document.querySelector("#numberTable")).then(canvas => {
//声明一个新的画板，用于生成新的缩小的图片，缩小倍数为 3
var new_canvas = document.creat...阅读全文
Dec172022
使用Vue.js开发可复用组件
在Web开发中，组件化开发已成为一种不可忽视的趋势。Vue.js作为一款流行的JavaScript框架，提供了强大的组件化开发能力，使开发人员可以轻松创建可复用的组件。
什么是Vue.js组件
在Vue.js中，组件是可复用的Vue实例，具有自己的视图、状态和行为。组件可以包含HTML模板、CSS样式和JavaScript代码，能够封装一部分实现特定功能的代码。
为什么使用Vue.js组件
复用性：Vue.js组件的设计使...阅读全文
Dec162022
前端动态路由的实现方法
在前端开发中，路由是非常重要的一个概念。动态路由指的是根据不同的 URL 地址，动态地加载不同的组件或内容。这种路由的实现方法可以使应用更加灵活和智能，提升用户体验。本文将介绍几种常见的前端动态路由实现方法。
1. 基于 hash 的路由
基于 hash 的路由实现是前端路由的一种传统方法。它通过监听浏览器地址栏的 hash 变化来加载不同的组件。具体实现步骤如下：
在 HTML 文件的 <...阅读全文
Dec142022
使用jQuery实现响应式图片，适应不同屏幕尺寸！
随着移动设备的普及，我们需要确保网站的图片能够适应不同的屏幕尺寸，提供更好的用户体验。在本篇博客中，我们将使用jQuery来实现响应式图片效果。
1. 引入jQuery库和样式文件
首先，我们需要在HTML文件中引入jQuery库和样式文件。可以通过以下方式将jQuery库和样式文件引入到HTML文件中：
<!-- 引入jQuery库 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/...阅读全文
Dec122022
使用jQuery实现滑动门效果，提升页面可访问性！
滑动门效果是一种常见的页面元素交互效果，通过使用jQuery库，我们可以简单地实现一个滑动门效果，并且提升页面的可访问性。
什么是滑动门效果？
滑动门效果是指在网页中，当鼠标指针悬停在一个菜单项上时，该菜单项的背景色会以滑动的动画效果展示出来。这种效果能够提升用户体验，增加页面的动感和交互性。
使用jQuery实现滑动门效果
首先，你需要包含jQuery库到你的网页中。你可以通过...阅读全文
Dec082022
如何在Linux系统上搭建WordPress博客
介绍
WordPress是一个流行的开源博客平台，它提供了一个简单易用的方式来创建和管理个人或商业博客。在本文中，你将学习如何在Linux系统上搭建WordPress博客。
前提条件
在开始设置之前，请确保你已经满足以下前提条件：
一个运行Linux操作系统的服务器（可以是云服务器、虚拟机或物理服务器）
安装了LAMP（Linux、Apache、MySQL和PHP）或LEMP（Linux、Nginx、MySQL和PHP）堆栈
熟悉使用...阅读全文
Dec052022
创建优雅的响应式导航栏
在现代Web设计中，响应式设计已经成为一种必备的技能。随着越来越多的用户从电脑上的浏览器转向手机和平板电脑上的浏览器，我们需要确保我们的网站在不同设备和屏幕尺寸上都能提供良好的用户体验。本篇博客将介绍如何创建一个优雅的响应式导航栏。
1. HTML结构
首先，我们需要使用HTML定义导航栏的结构。在这个例子中，我们将使用一个<nav>元素来包含我们的导航栏，内部包含一个<...阅读全文