自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 GitHub Copilot

GitHub Copilot 是。

2024-01-22 16:02:16 1748

原创 debug模式启动不了项目,报:Method breakpoints may dramatically slow down debugging

正常 run 启动项目能成功,debug模式启动项目提示Method breakpoints may dramatically slow down debugging。查阅资料后发现项目中在某些方法和接口上打了断点导致执行延迟。然后把菱形的断点去掉就可以重新跑起来了。

2024-01-17 11:26:16 468

原创 初識 Blazor WebAssembly(路由Routing)

【代码】初識 Blazor WebAssembly(路由Routing)

2023-04-20 14:35:43 186

原创 初識 Blazor WebAssembly(Layout)

因此在同一個資料夾底下的Page元件,預設就會使用_Imports.razor指定的Layout,Page元件就不用再特別設Layout了。一個父模板可以有若干個子模板,多個子模板可以共用同一個父模板(父模板相當於一個公共的樣式包含整個子模塊)如果同時有多個頁面要使用同一個版型。,該資料夾放的都是要使用相同版型的。子模板繼承父模板(此為父模板)將A版型崁入在B版型內。在Page資料夾底下。

2023-04-20 14:28:23 185

原创 初識 Blazor WebAssembly(樣板元件)

定義:結構在樣板定義好,內容由使用樣板時帶入需要使用RenderFragment型別當作參數 public RenderFragment Template { get; set; } public RenderFragment 樣板名稱 { get; set; }在樣板中充當定義參數 泛型樣板化元件,需使用@typeparam指示詞例:新建一個樣板文件Child.razor內容如下<div> @ChildTemplate</div>//這裡是指使

2023-04-20 11:40:31 184

原创 初識 Blazor WebAssembly(Component)

1.元件生命週期SetParameterAsync 初始化前 OnInitialized(Async) 初始化 OnParametersSet(Async) 設定參數後 OnAfterRender(Async) 渲染後(1)SetParameterAsync(設定參數時,初始化之前)使用時機 : 第一次使用組件時,會先建立這個組件的執行個體第一次要求轉譯組件時,將會觸發OnInitialized生命週期事件 執行屬性注入,這代表在轉譯樹狀結構中設定組件父系所提供的參數(2)OnI

2023-04-18 19:25:51 378

原创 初識 Blazor WebAssembly (資料綁定)

1.單向綁定使用@綁定宣告的變數 使用@bind雙向綁定 使用@bind:event="事件名"事件綁定例:建立一個綁定數值的 span 塊1.建立一個SingleBind.razor文件@page "/singlebind";<h2>第四章:資料綁定</h2><h2>4-1 單向綁定</h2><!-- @singleCount資料綁定 --><span>單向綁定的值為: @singleCount</

2023-04-18 15:04:33 118

原创 初識 Blazor WebAssembly 2(分割 .razor 文件,分為html&c#兩個文件)

2.新建一個 test.razor.cs 文件,存放c#語法,即將原文件的 @code 部分copy過來。然後我們將此文件分解成兩個文件 test.razor 和 test.razor.cs。在 test.razor.cs 中加入 namespace 和 class。緊接上文,我們定義一個 test.razor文件。1.test.razor 存放html語法。

2023-04-18 11:04:02 202

原创 初識 Blazor WebAssembly 1

Blazor WebAssembly

2023-04-14 16:58:17 107

原创 建立一個Blazor WebAssembly項目

前置要求:NET Core SDK(目前是6.0) Visual Studio Code(2022社區版)一、打開 Visual Studio,創建一個新項目二、點選Blazor,選擇Blazor WebAssembly應用,點擊下一步如果沒有選項,請在工作負荷中確認是否有安裝ASP. Net 和Web開發緊接上一步,出現如下頁面,選擇放入的文件夾及文件名稱,完成後接著下一步如下配置完成後點擊創建,成功建立項目使用 dotnet watc

2023-04-14 15:24:41 218

原创 NU1101:Unable to find package 。源 Microsoft Visual Studio Offline Packages 中不存在此 ID 的軟件包

解決方案: 1. 工具-->Nuget程序包管理器-->程序包管理器設置 2. Nuget Package Manager-->程序包源 3. 點擊右上角加號按鈕 ,添加一個新的Nuget源選項 4. 名稱:Package source 001 (隨便取) 源:https://api.nuget.org/v3/index.json 5.点击右侧的 更新 按钮

2023-04-14 14:27:25 2380

原创 初識 .NET Core

初識 .NET Core

2023-04-10 15:41:05 103

原创 loopback4 nodejs npm start lodash运行报错

解决nodejs应用loopback4,启动时lodash报错的问题

2023-03-30 14:19:20 252

原创 Can‘t bind to ‘PlaceHolder‘ since it isn‘t a known property of ‘input‘.

Can't bind to 'PlaceHolder' since it isn't a known property of 'input'.

2022-06-09 11:15:42 223

原创 js常见方法使用2

1.sort()描述:sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。注:当数字是按字母顺序排列时"40"将排在"5"前面。使用数字排序,你必须通过一个函数作为参数来调用。函数指定数字是按照升序还是降序排列。这种方法会改变原始数组!语法:array.sort(sortfunction)sortfunction:可选。规定排序顺序。必须是函数。使用:1.不加函数作对比,默认升序let aa

2022-03-07 15:28:16 340

原创 js常见方法使用1

1.map()描述:map方法返回一個新的数组,数组中的元素为原始数组元素調用函数处理后的值回调函数的形参,依次为,value:遍历的数组内容;index:对应的数组索引,array:数组本身。map方法按照原始元素顺序依次处理元素注:map()不会对空数组进行检测 map()不会改变原始数组语法:[{...}].map((value,index,array)=>{    //指定条件  });用法:1.判断当前数组满足的项constbb...

2022-03-05 15:15:39 341

原创 angular整理優化http請求

angular整理優化http請求

2022-01-15 13:50:17 168

原创 前端 crypto-js aes 加解密

前後端 crypto-js aes 加解密

2022-01-15 10:46:43 902

原创 angular加載優化

最近運行項目的時候發現項目加載過慢,因為項目需求一直在疊加,一直沒找到一個好的時機去優化它,導致在app.module中的import一直在累加,主要解決的就是vendor和main這兩個大文件。參考了網上很多大神的優化和angular官方的一些文檔,有了一些自己的優化辦法。一、懶加載要惰性加载 Angular 模块,需要在app-routing.module.ts中使用loadChildren代替component进行配置,例:const ROUTES:Route...

2022-01-08 15:22:11 582

原创 angular中app.module.ts的說明

1.app.module.ts的構成import { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';​​​​​​​import { AppComponent } from './app.component';​​​​​​​import { LoginPageComponent } from './pages/login-page/login-page.compon

2022-01-08 13:58:08 1808

原创 js正則表達式使用及常用類

創建正則表達式的兩種語法req = newRegExp(str, flags);//str 代表你所需要匹配的字符,描述了表达式的模式。flags為可選項常用修飾符,用于指定全局匹配、区分大小写的匹配和多行匹配。 正则表达式的修饰符可能会影响搜索结果。 在 JavaScript 中,有 5 个修饰符: i 使用此修饰符后,搜索时不区分大小写:A和a没有区别。 g 使用此修饰符后,搜索时会查找所有的匹配项,而不只是第一个。 m 多行模式,執行多行匹配。(例正则...

2021-09-06 16:44:34 770

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除