2025 年 1月随笔档案 - z5337

【转】[Vue] 父子组件示例

摘要：子组件代码片段： <template> <div class="button" :class="[type, size]"> a<slot></slot> </div> </template> <script> const options = { props: ["type", "size"] } 阅读全文

posted @ 2025-01-27 11:20 z5337 阅读(2) 评论(0) 推荐(0) 编辑

【转】[Vue] props 介绍

摘要：转自：kimi.ai 在Vue.js中，props 是组件之间通信的一种方式，用于将数据从父组件传递到子组件。props 是子组件接收父组件传递的数据的接口，使得子组件可以接收并使用父组件提供的数据。以下是props的主要作用和使用场景： 1. 数据传递 props 允许父组件将数据传递给子组件，使阅读全文

posted @ 2025-01-27 11:03 z5337 阅读(14) 评论(0) 推荐(0) 编辑

【转】[Vue] slot 的用法

摘要：转自：kimi.ai 在Vue.js中，slot 是一个非常强大的功能，用于实现组件的可定制性。它允许父组件向子组件插入自定义内容，从而提高组件的复用性和灵活性。以下是slot的主要作用和使用场景： 1. 内容分发（Content Distribution） slot 允许父组件在子组件的特定位置插阅读全文

posted @ 2025-01-27 10:57 z5337 阅读(12) 评论(0) 推荐(0) 编辑

【转】[Vue] 加载数据并显示为表格

摘要：<template> <div> <h1> User Data</h1> <div class="thead"> <div class="row bold"> <div class="col">编号</div> <div class="col">姓名</div> <div class="col">性阅读全文

posted @ 2025-01-27 10:49 z5337 阅读(1) 评论(0) 推荐(0) 编辑

【转】[http] 常用的HTTP状态码及其含义

摘要：转自：kimi.ai 状态码是HTTP协议中的一部分，用于表示服务器对客户端请求的响应状态。以下是一些常用的HTTP状态码及其含义： 1xx（信息性状态码） 100 Continue：服务器已接收到请求的第一部分，正在等待其余部分。 101 Switching Protocols：服务器根据客户端的阅读全文

posted @ 2025-01-27 10:19 z5337 阅读(12) 评论(0) 推荐(0) 编辑

【转】[Vue] 常见的几种 axios 写法

摘要：<template> <div> <h1> User Data</h1> <input type="button" value="获取远程数据" @click="sendPost4()"> </div> </template> <script> import axios from 'axios'; 阅读全文

posted @ 2025-01-27 10:01 z5337 阅读(4) 评论(1) 推荐(0) 编辑

【转】[npm] 常用的 Node Package Manager 参数

摘要：转自：kimi.ai npm（Node Package Manager）是Node.js的包管理工具，它提供了丰富的参数来帮助用户更好地管理和使用包。以下是一些常用的npm参数：安装相关参数 install：安装项目依赖的包。 -S 或 --save：将包添加到dependencies中。 -D 阅读全文

posted @ 2025-01-27 09:22 z5337 阅读(10) 评论(0) 推荐(0) 编辑

【转】[Vue] Axios 的用法

摘要：转自：kimi.ai 在 Vue.js 中，axios 是一个非常流行的 HTTP 客户端库，用于发送 HTTP 请求（如 GET、POST、PUT、DELETE 等）。它支持浏览器和 Node.js 环境，并且具有简洁的 API 和强大的功能。以下是 axios 在 Vue 中的常见用法。 1. 阅读全文

posted @ 2025-01-26 16:04 z5337 阅读(43) 评论(0) 推荐(0) 编辑

【转】[Vue] computed 的用法

摘要：转自：kimi.ai 在 Vue.js 中，computed 是一个非常强大且常用的特性，用于定义计算属性。计算属性是基于 Vue 的响应式系统实现的，它的值会根据依赖的响应式数据动态更新。以下是关于 computed 的详细说明： 1. 基本概念 computed 属性本质上是一个函数，它会基于依阅读全文

posted @ 2025-01-26 14:20 z5337 阅读(13) 评论(0) 推荐(0) 编辑

【转】[Vue] vue 的入门示例

摘要：在 {{ }} 里面也可以是方法（methods），不过方法需要后面加 () 更推荐使用 computed 进行计算，不需要后面加 () ，并且相同计算只会执行一次，以下代码段输出的是： methodsmethodscomputed <template> <div> <div>{{ say() }} 阅读全文

posted @ 2025-01-26 14:18 z5337 阅读(3) 评论(0) 推荐(0) 编辑

【转】[Vue] v-model 与 v-bind 对比

摘要：转自：kimi.ai v-model 和 v-bind 是 Vue.js 中两个非常重要的指令，它们在功能和用途上有明显的区别，但也有一些联系。以下是对它们的详细对比和解释： 1. v-model v-model 是 Vue 中用于实现双向数据绑定的指令。它允许你将表单输入和应用状态之间建立动态阅读全文

posted @ 2025-01-25 19:07 z5337 阅读(14) 评论(0) 推荐(0) 编辑

【转】[Vue] 初学 vue 的简单赋值

摘要：App.vue 文件 <template> <div> <div><input type="text" v-bind:value="msg" /></div> <div><input type="text" :value="name" /></div> <div><input type="text" 阅读全文

posted @ 2025-01-25 15:57 z5337 阅读(3) 评论(0) 推荐(0) 编辑

【转】[Vue] 常用的缩写形式

摘要：转自：kimi.ai 在 Vue.js 中，为了简化模板语法，Vue 提供了一些常用的缩写形式。这些缩写可以让代码更加简洁易读，同时保持功能的完整性。以下是 Vue 中常见的缩写及其对应的完整形式： 1. 数据绑定完整形式：v-bind 缩写：: 作用用于将数据绑定到模板中的属性上。示例 HT 阅读全文

posted @ 2025-01-25 15:40 z5337 阅读(19) 评论(0) 推荐(0) 编辑

【转】[Vue] .vue 文件的基本结构

摘要：转自：kimi.ai 一个典型的 .vue 文件通常包含三个主要部分：<template>、<script> 和 <style>。每个部分都有其特定的作用和语法。 1. <template> <template> 是组件的 HTML 模板部分，用于定义组件的结构和布局。Vue 会将这部分内容编译为渲阅读全文

posted @ 2025-01-25 13:18 z5337 阅读(33) 评论(0) 推荐(0) 编辑

【转】[Vue] 典型的 Vue 项目结构

摘要：转自：kimi.ai Vue 项目通常使用 Vue CLI（Vue Command Line Interface）来快速搭建，其默认生成的项目结构清晰且功能模块化，方便开发和维护。以下是典型的 Vue 项目结构及其各部分的作用说明： 1. 项目根目录这是项目的最外层目录，包含了项目的配置文件、入口阅读全文

posted @ 2025-01-25 12:33 z5337 阅读(17) 评论(0) 推荐(0) 编辑

【转】[Vue] WebPack 中 proxy 的用法

摘要：转自：kimi.ai 参考：https://webpack.js.org/configuration/dev-server 在 Webpack 中，proxy 通常与 webpack-dev-server 配合使用，用于解决开发环境下的跨域问题。当你的前端应用需要向后端 API 发起请求，但后端服务阅读全文

posted @ 2025-01-24 14:25 z5337 阅读(31) 评论(0) 推荐(0) 编辑

【转】[WPF] Label 控件和 TextBlock 控件的区别

摘要：转自：kimi.ai 在 WPF（Windows Presentation Foundation）中，Label 控件和 TextBlock 控件虽然都可以用来显示文本内容，但它们在功能和用途上有一些重要的区别。以下是它们的主要区别： 1. 功能用途 TextBlock：主要用途：TextBloc 阅读全文

posted @ 2025-01-22 17:33 z5337 阅读(36) 评论(0) 推荐(0) 编辑

【转】[JavaScript] import 和 export 的用法

摘要：转自：kimi.ai 在 JavaScript 中，import 和 export 是 ES6（ECMAScript 2015）引入的模块化语法，用于在不同的文件或模块之间共享代码。它们使得代码更加模块化、可维护，并且可以避免全局变量的污染。以下是 import 和 export 的基本用法和一些常阅读全文

posted @ 2025-01-22 16:54 z5337 阅读(45) 评论(0) 推荐(0) 编辑

【转】[WPF] 在设置 DataGrid 的列隐藏时，Hidden 和 Collapsed 的区别

摘要：转自：kimi.ai 在 WPF 中，DataGrid 的列隐藏通常通过设置列的 Visibility 属性来实现，而 Visibility 属性有三个可能的值：Visible、Hidden 和 Collapsed。虽然它们都可以用来隐藏元素，但在某些情况下，它们的行为是不同的。 Visibilit 阅读全文

posted @ 2025-01-22 13:54 z5337 阅读(16) 评论(0) 推荐(0) 编辑

【转】[JavaScript] fetch 用法

摘要：转自：kimi.ai fetch 是 JavaScript 中用于发起网络请求的现代 API，它提供了一种简洁且强大的方式来替代传统的 XMLHttpRequest。fetch 基于 Promise，支持异步操作，能够方便地处理 HTTP 请求和响应。基本语法 JavaScript复制 fetch 阅读全文

posted @ 2025-01-21 15:43 z5337 阅读(36) 评论(0) 推荐(0) 编辑

【转】[JavaScript] textContent 用法

摘要：转自：kimi.ai 在 JavaScript 中，textContent 是一个用于操作 DOM 元素文本内容的属性。它允许你获取或设置指定元素及其子元素的文本内容。以下是关于 textContent 的详细用法和特点： 1. 获取文本内容 textContent 可以获取指定元素及其所有子元素的阅读全文

posted @ 2025-01-21 15:17 z5337 阅读(31) 评论(0) 推荐(0) 编辑

【转】[JavaScript] document.querySelector 用法

摘要：转自：kimi.ai document.querySelector 是 JavaScript 中用于操作 DOM 的一个非常重要的方法。它允许你通过 CSS 选择器来选择页面上的元素。querySelector 是一种非常强大且灵活的方法，可以让你轻松地获取页面上的单个元素。基本语法 JavaSc 阅读全文

posted @ 2025-01-21 15:09 z5337 阅读(98) 评论(0) 推荐(0) 编辑

【转】[JavaScript] try...catch 语法

摘要：转自：kimi.ai 在 JavaScript 中，try...catch 是一种用于捕获同步错误的语法结构。它允许你尝试执行一段代码，并在代码运行过程中捕获可能出现的异常（错误），从而避免程序因为未处理的错误而崩溃。通过 try...catch，你可以对错误进行处理，例如记录错误信息、提供默认值或阅读全文

posted @ 2025-01-21 14:46 z5337 阅读(20) 评论(0) 推荐(0) 编辑

【转】[JavaScript] for...of 语法

摘要：转自：kimi.ai for...of 是 JavaScript ES6 引入的一种循环语法，用于遍历可迭代对象（Iterable）的值。它与 for...in 不同，for...of 遍历的是对象的值，而不是属性名。它支持的可迭代对象包括数组、字符串、Map、Set、NodeList 等，以及任何阅读全文

posted @ 2025-01-21 09:31 z5337 阅读(12) 评论(1) 推荐(0) 编辑

【转】[JavaScript] for...in 语法

摘要：转自：kimi.ai 在 JavaScript 中，for...in 是一种用于遍历对象属性的循环语句。它会枚举出对象的所有可枚举属性，包括继承的属性（通过原型链继承的属性）。不过，它并不适用于数组的遍历，因为数组的索引会被当作属性名，可能会导致混乱。基本语法 JavaScript复制 for ( 阅读全文

posted @ 2025-01-21 09:29 z5337 阅读(9) 评论(0) 推荐(0) 编辑

【转】[JavaScript] 解构赋值

摘要：转自：kimi.ai 解构赋值（Destructuring Assignment）是 JavaScript 中一种非常强大的语法特性，用于从数组或对象中快速提取数据并赋值给变量。它可以让代码更简洁、更易读。 1. 数组解构赋值数组解构赋值允许你从数组中按顺序提取值，并将它们赋值给变量。 1.1 基阅读全文

posted @ 2025-01-20 14:30 z5337 阅读(14) 评论(0) 推荐(0) 编辑

【转】[JavaScript] ... 的用法

摘要：转自：kimi.ai 在 JavaScript 中，... 是一个非常强大的语法符号，称为扩展运算符（Spread Operator）或剩余参数（Rest Parameters），具体用法取决于它出现的上下文环境。以下是它的一些常见用法： 1. 扩展运算符（Spread Operator）当阅读全文

posted @ 2025-01-20 14:18 z5337 阅读(8) 评论(0) 推荐(0) 编辑

【转】[JavaScript] typeof 的用法

摘要：转自：kimi.ai 在 JavaScript 中，typeof 是一个运算符，用于检测变量或值的类型，并返回一个表示类型的字符串。它的作用是帮助开发者了解某个值的类型，从而在代码中进行类型检查或类型相关的逻辑处理。 typeof 的基本用法 typeof 可以接受一个操作数（变量或值），并返回一个阅读全文

posted @ 2025-01-20 11:01 z5337 阅读(29) 评论(0) 推荐(0) 编辑

【转】[JavaScript] 为什么需要 ===

摘要：转自： kimi.ai 在 JavaScript 中，是严格等于运算符（Strict Equality Operator），它与 ==（等于运算符）一起用于比较两个值是否相等。然而，和 == 的行为和用途有所不同，这主要是由于 JavaScript 的类型系统和历史设计导致的。以下是一些关键原因阅读全文

posted @ 2025-01-20 10:59 z5337 阅读(4) 评论(0) 推荐(0) 编辑

【转】[JavaScript] JS 对象和 JSON 的区别与转换

摘要：转自：kimi.ai 在 JavaScript 中，JS 对象和 JSON 是两个密切相关但又有所区别的概念。以下是它们的主要区别： 1. 定义和用途 JS 对象JS 对象是 JavaScript 中的一种数据结构，用于存储键值对（key-value pairs）。它是 JavaScript 中的基阅读全文

posted @ 2025-01-20 10:49 z5337 阅读(9) 评论(0) 推荐(0) 编辑

【转】[Java] 定义枚举（enum）类型的基本语法

摘要：转自：kimi.ai 在Java中，定义枚举（enum）类型的基本语法如下： java复制 public enum EnumName { ENUM_CONSTANT_1, ENUM_CONSTANT_2, ENUM_CONSTANT_3 } 例如，定义一个表示星期的枚举类型： java复制 publ 阅读全文

posted @ 2025-01-17 18:16 z5337 阅读(1) 评论(0) 推荐(0) 编辑

【转】[JavaScript] get 、set 的用法

摘要：转自：kimi.ai 在 JavaScript 中，get 和 set 访问器（accessors）用于定义对象的属性，这些属性可以有 getter 和 setter 方法。getter 方法用于获取属性的值，而 setter 方法用于设置属性的值。使用 get 和 set 可以在获取和设置属性时添阅读全文

posted @ 2025-01-17 10:50 z5337 阅读(86) 评论(0) 推荐(0) 编辑

【转】[JavaScript] 对象的定义

摘要：转自：kimi.ai 在 JavaScript 中，定义对象有多种方式，每种方式都有其特定的用途和优势。以下是几种常见的定义对象的方法： 1. 对象字面量对象字面量是最简单和最常用的方式，适用于创建单个对象。 JavaScript复制 let person = { firstName: "John 阅读全文

posted @ 2025-01-17 10:43 z5337 阅读(4) 评论(0) 推荐(0) 编辑

【转】[JavaScript] 数组的 forEach 用法

摘要：转自：kimi.ai forEach 方法用于对数组中的每个元素执行一次给定的函数。以下是其详细用法：基本语法 JavaScript复制 array.forEach(function(currentValue[, index[, array]]) { // 执行的操作 }[, thisArg]) 阅读全文

posted @ 2025-01-17 10:32 z5337 阅读(10) 评论(0) 推荐(0) 编辑

【转】[JavaScript] 数组的 filter 用法

摘要：转自：kimi.ai filter 方法用于创建一个新数组，新数组中的元素是通过测试指定条件（由提供的函数实现）的所有元素。以下是其详细用法：基本语法 JavaScript复制 array.filter(function(currentValue[, index[, array]]) { // r 阅读全文

posted @ 2025-01-17 10:28 z5337 阅读(15) 评论(0) 推荐(0) 编辑

【转】[JavaScript] 数组的 map 用法

摘要：转自：kimi.ai map 方法是数组的一个非常强大的方法，它用于创建一个新数组，新数组中的元素是调用一次提供的函数后的返回值。以下是其详细用法：基本语法 JavaScript复制 array.map(function(currentValue[, index[, array]]) { // r 阅读全文

posted @ 2025-01-17 10:15 z5337 阅读(7) 评论(0) 推荐(0) 编辑

【转】[JavaScript] 数组的 join 用法

摘要：转自：kimi.ai join 方法用于将数组中的所有元素连接成一个字符串。以下是其详细用法：基本语法 JavaScript复制 array.join([separator]) array：要操作的数组。 separator：可选参数，用于指定连接数组元素时使用的分隔符。如果省略该参数，则默认使用阅读全文

posted @ 2025-01-17 10:11 z5337 阅读(22) 评论(0) 推荐(0) 编辑

【转】[JavaScript] 数组的 pop 、push 、shift 、splice 用法

摘要：转自：kimi.ai pop 方法用于从数组的末尾移除最后一个元素，并返回被移除的元素。以下是其详细用法：基本语法 JavaScript复制 array.pop() array：要操作的数组。返回值返回被移除的元素。如果数组为空，则返回 undefined。示例从非空数组中移除元素 Jav 阅读全文

posted @ 2025-01-17 10:08 z5337 阅读(45) 评论(0) 推荐(0) 编辑

【转】[JavaScript] string 与 number 等数据类型

摘要：定义 string 类型的变量，可以单引号 ' ' 、双引号 " "、反单引号 ` ` 单引号或者双引号里面的内容又出现单引号或者双引号时，需要加 \ 转义，但单引号里面出现双引号、双引号里面出现单引号时不需要加 \ 转义使用反单引号 ` ` 也不需要转义拼接字符串时，可以用 ' 阅读全文

posted @ 2025-01-16 11:03 z5337 阅读(6) 评论(0) 推荐(0) 编辑

【转】[JavaScript] undefined 和 null 区别

摘要：undefined 和 null 区别：阅读全文

posted @ 2025-01-16 10:50 z5337 阅读(25) 评论(0) 推荐(0) 编辑

【转】[C#] WebAPI 使用async和await

摘要：转自：kimi.ai 在.NET Framework 4.5及以上版本中，Web API支持async和await关键字的使用。使用async和await对调用方（客户端）和服务器端都有不同的影响，以下是详细说明：对调用方（客户端）的影响响应时间：对于单个客户端请求来说，使用async并不会显阅读全文

posted @ 2025-01-15 15:52 z5337 阅读(21) 评论(0) 推荐(0) 编辑

【转】[C#] Web API支持async和await关键字的使用

摘要：转自：kimi.ai 在.NET Framework 4.5及以上版本中，Web API支持async和await关键字的使用。这意味着你可以在Web API控制器中编写异步方法，以提高应用的性能和响应能力。以下是一些关键点和示例：关键点异步方法的支持： .NET Framework 4.5及以阅读全文

posted @ 2025-01-15 15:43 z5337 阅读(13) 评论(0) 推荐(0) 编辑

【转】[Java] PO 与 VO 在用法上的区别

摘要：转自：kimi.ai 在Java 项目中，PO（Persistent Object）和VO（Value Object）是两种常见的后缀，用于区分不同的数据模型。以下是一些常见的使用场景和具体说明： 1. PO（Persistent Object）定义：PO通常用于表示数据库中的持久化对象，即实体类阅读全文

posted @ 2025-01-15 15:10 z5337 阅读(47) 评论(0) 推荐(0) 编辑

【转】[Java] 入参、出参、数据库实体等命名规则

摘要：转自：kimi.ai 在Java 项目中，为了提高代码的可读性和可维护性，通常会对入参、出参和数据库实体等使用特定的后缀。以下是一些常见的命名规则和最佳实践： 1. 入参（Request DTOs）后缀：Request 或 Dto 描述：入参通常是指从客户端接收的数据传输对象（DTOs），用于封装阅读全文

posted @ 2025-01-15 15:07 z5337 阅读(65) 评论(0) 推荐(0) 编辑

【转】[Java] 实现接口的类命名规则

摘要：转自：kimi.ai 在Java 项目中，实现接口的类命名规则通常遵循一些约定，以提高代码的可读性和可维护性。以下是一些常见的命名规则和最佳实践： 1. 明确表示实现关系实现接口的类名应明确表示它实现了某个接口。通常有以下几种常见的命名方式：使用Impl后缀：这是最常见的方式，表示该类是某个接口阅读全文

posted @ 2025-01-15 14:47 z5337 阅读(31) 评论(0) 推荐(0) 编辑

【转】[Java] 常见的文件命名规则

摘要：来自：kimi.ai 在Java 项目中，遵循良好的文件命名规则对于代码的可读性、可维护性和团队协作至关重要。以下是一些常见的文件命名规则和最佳实践： 1. 包名（Package Names）使用小写字母：包名应全部使用小写字母，避免使用下划线或中划线。反映项目结构：包名应反映项目的模块和层次结阅读全文

posted @ 2025-01-15 14:31 z5337 阅读(16) 评论(0) 推荐(0) 编辑

【转】[C#] 从 ashx 升级到 MVC

摘要：让原有页面不受影响的做法是： public class RouteConfig { public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute("{resource}.axd/{*pathInfo}") 阅读全文

posted @ 2025-01-15 10:16 z5337 阅读(2) 评论(0) 推荐(0) 编辑

【转】[SQL Server] SSMS 中 SQL 语句的红色和蓝色关键字

摘要：转自：Kimi.ai 在SQL Server Management Studio（SSMS）中，红色和蓝色关键字在SQL语句中的含义如下：蓝色关键字蓝色通常用于表示SQL语句中的关键字。这些关键字是SQL语言的核心部分，定义了SQL语句的功能和操作。常见的蓝色关键字包括： SELECT INSE 阅读全文

posted @ 2025-01-14 16:13 z5337 阅读(16) 评论(0) 推荐(0) 编辑

【转】[Vue] 如何避免页面出现 {{ }}

摘要：在 Vue 中，页面上出现 {{}} 通常是因为数据绑定的问题，导致模板中的表达式没有被正确解析。以下是一些防止页面出现 {{}} 的方法：确保数据正确绑定使用 v-bind 或简写 : 对于对象属性的绑定，确保使用 v-bind 或简写 : 来绑定数据。例如，使用 :style="styleO 阅读全文

posted @ 2025-01-08 09:54 z5337 阅读(35) 评论(0) 推荐(0) 编辑

【转】[C#] WebView2 打不开网页的解决方法收集

摘要：1、参考：https://blog.csdn.net/luansxx/article/details/128330604 setx WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS "--disable-gpu-driver-bug-workarounds --ignore 阅读全文

posted @ 2025-01-07 09:45 z5337 阅读(150) 评论(0) 推荐(0) 编辑

搜索

常用链接

我的标签

积分与排名

随笔档案

阅读排行榜