**前端学习记录****2023.7.22****JavaScript 重难点实例精讲****第1 章：JavaScript 重点概念**作为一名前端开发者，掌握 JavaScript 的基础知识是非常重要的。然而，JavaScript 有许多重难点概念需要深入理解和实践。下面，我们将逐步介绍这些重点概念，并通过实例代码进行演示。###1. 变量和数据类型在 JavaScript 中，变量使用 `let` 或 `const` 关键字声明。其中，`let` 声明的变量可以被重新赋值，而 `const` 声明的变量则是不可改变的。javascript// let 声明的变量let name = 'J
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
**Vue系列第四篇：Vue2 + Element开发登录页面**在前三篇文章中，我们已经学习了如何使用Vue.js进行基本的页面开发，包括组件化、路由管理等。现在，我们将进入更复杂的主题——开发一个完整的登录页面。在这个例子中，我们将使用Element UI来构建登录页面的UI组件，并且我们会使用Vue Router来实现页面之间的跳转。### 登录页面的需求我们的登录页面需要具备以下功能：* 用户可以输入用户名和密码* 用户可以点击登录按钮进行登录* 如果用户输入的用户名或密码错误，会显示一个错误提示* 如果用户登录成功，会跳转到首页### 登录页面的实现####1. 创建登录组件首先，我们需要创建一个登录组件。我们将其命名为 `Login.vue`。<pre cla
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
**Vue 中路由懒加载的写法**在 Vue 应用中，路由懒加载是指延迟加载路由组件直到用户实际访问该路由时才进行加载。这可以显著减少应用的初始加载时间和内存占用。下面我们将介绍如何在 Vue 中实现路由懒加载。###1. 使用 `vue-router` 的懒加载功能首先，我们需要安装 `vue-router` 库。如果你还没有安装，可以使用以下命令进行安装：bashnpm install vue-router@4然后，在你的 Vue 应用中，导入 `vue-router` 并创建一个路由实例：javascriptimport { createRoute
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
**Express 编写一个简单的 GET 接口**在 Express 框架中，GET 请求是最常见的一种请求类型。它用于从服务器获取资源或数据。在本文中，我们将编写一个简单的 GET 接口，以便理解如何处理 GET 请求。###1. 安装 Express首先，我们需要安装 Express 框架。如果你还没有安装，可以使用以下命令：bashnpm install express###2. 创建 Express 应用接下来，我们创建一个新的 Node.js 文件（例如 `app.js`），并在其中导入 Express 模块：javascriptconst
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
**链表刷题 TOP202**链表是一种常见的数据结构，广泛应用于计算机科学中。链表刷题是程序员们经常遇到的一个问题。下面我们将列出一些常见的链表刷题，以及它们的解法和代码示例。###1. 链表的基本操作#### 题目描述：* 创建一个链表* 插入一个新节点到链表中* 删除一个节点从链表中* 打印链表中的所有元素#### 解法：class Node: def __init__(self, data=None): self.data = data self.next = Noneclass LinkedList: def __init__(self): self.head = None def insert(self, data
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
**摸索GraphQL 在前端 Vue 中使用过程（四）**在上一篇文章中，我们已经学会了如何使用 GraphQL 来构建一个简单的 API，并且我们已经将其集成到了我们的 Vue 应用程序中。然而，GraphQL 还有很多其他方面需要探索和学习。**4.1 使用 Apollo Client**Apollo Client 是一个流行的 GraphQL 客户端库，它可以帮助我们在 Vue 应用程序中使用 GraphQL。它提供了许多便捷的功能，如缓存、自动重载等。首先，我们需要安装 Apollo Client：bashnpm install @apollo/client graphql-tag<b
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
**基于Jquery EasyUI JSZip FileSaver的简单使用**在前端开发中，需要处理文件上传、下载等功能时，常常会遇到一些复杂的问题。EasyUI是一个非常强大的前端组件库，它提供了许多方便的控件和工具，可以帮助我们快速实现这些功能。在本文中，我们将介绍如何使用Jquery EasyUI JSZip FileSaver来实现简单的文件上传、下载和压缩功能。### 一、准备工作首先，我们需要在项目中引入EasyUI、JSZip和FileSaver这三个库。可以通过以下方式进行引入：html!-- index.html -- !DOCTYPE html html lang=en
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
**Vue学习笔记****ElementPlus**### 一、折叠后的菜单图标不显示问题在使用 Element Plus 的 `el-menu` 组件时，可能会遇到一个问题：当菜单折叠后，图标不再显示。这个问题是由于 `el-menu` 的样式配置导致的。#### 解决方案：1. **检查 `el-menu` 的样式配置**：确保 `el-menu` 的样式配置中包含了 `icon-only` 类。2. **添加 `icon-only` 类**：如果 `el-menu` 的样式配置中没有 `icon-only` 类，可以在组件的样式中添加这个类。####代码示例：htmltem
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
**jQuery基础**jQuery 是一个非常流行的 JavaScript 库，用于简化 HTML 文档的操作。它提供了许多有用的函数和方法，使得开发者能够更轻松地实现复杂的功能。###选择器选择器是 jQuery 中最基本也是最重要的一部分，它们允许你从 HTML 文档中选取元素，以便进行后续的操作。####1. 基本选择器基本选择器用于直接选取 HTML 元素。例如：javascript//选取所有 h1 元素$('h1').css('color', 'red'); //选取 id 为 "header" 的元素$('#header').hide(); ####2. 属性选择器属性选择器用于根据
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
**小说小程序完整版****前言**小说小程序是一款基于微信小程序的阅读平台，旨在为用户提供一个轻松、便捷的阅读体验。该小程序支持小说在线阅读、下载、收藏等功能，并且具有友好的界面设计和高效的性能。**项目结构**markdown. ├── app.json├── pages│ ├── index.js│ ├── novelDetail.js│ └── ... ├── utils│ ├── api.js│ ├── storage.js│ └── ... └── components ├── header.js ├── footer.js └── ... **app.json**<br /
shili8 | 开发语言：HTML/CSS | 发布时间：2025-02-22 |
粤公网安备 44011102002787号
