- 博客(54)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 WPF---Prism视图传参
创建一个事件类，用于传递数据。点击tabitem中的列表 ，示例传参数据是string类型，什么参数类型都可以。= null)
2024-07-25 19:34:09
571
原创 WPF----自定义滚动条ScrollViewer
滚动条是项目当中经常用到的一个控件，大部分对外项目都有外观的需求，因此需要自定义，文中主要是针对一段动态的状态数据进行展示，并保证数据始终在最新一条，就是需要滚动条滚动到底部。
2024-06-28 11:05:12
804
原创 WPF----进度条ProgressBar（渐变色）
是一种用于指示进程或任务的进度的控件，通常在图形用户界面（GUI）中使用。它提供了一种视觉反馈，显示任务的完成程度，帮助用户了解任务的进展情况。Minimum 和 Maximum 属性：Value 属性：IsIndeterminate 属性：在资源字典或窗口资源中定义 的样式：2. 在 XAML 中使用 控件：3. ViewModelViewModel 中定义一个绑定到 的属性ProgressValue：4.渐变色颜色解析设置颜色与透明度关系在 WPF 中，颜色的透明度是
2024-06-27 18:07:27
1058
2
原创 DispatcherTimer应用
是 WPF 中用于执行定时任务的类，用于在指定的时间间隔内执行任务。它与 UI 线程的Dispatcher相关联，因此可以用来更新 UI 元素，而不必担心线程安全问题。
2024-06-07 18:10:27
375
原创 WPF Frame应用 实现页面跳转
有一个F0View主页面入口，三个子页面（First.xaml/Second.xaml/Third.xaml）用Frame默认加载第一个页面 First.xaml。实现三个页面之间顺序跳转，并且每个页面只初始化一次。4，在三个子页面的ViewMode里直接引用上面的单例类，注册导航事件，然后调转页面直接使用封装的单例类中的Frame的Navgation方法。下面是以其中一个页面为例，其他子页面同样的方法，ExtraData的值可以任意定义。3，将主页面Frame实例化，在F0ViewModel中。
2024-06-07 13:48:48
678
原创 List、IList、ArrayList 和 Dictionary
假设我们在WPF应用中使用这些集合来显示数据，可以创建一个简单的WPF应用来展示这些集合的用法。XAML 文件 (MainWindow.xaml)
2024-05-24 13:45:50
296
原创 StaticResource 与 DynamicResource
在WPF中， 和 用于资源的定义和使用，它们在资源解析和更新的方式上有所不同。定义： 是在编译时解析资源，并在控件使用时获取资源的引用。资源在解析后不会再动态更新。用法：适用于不需要动态更新的资源，性能较好。实例：1，定义资源字典（例如，）：2，在 中引用资源字典： 3，在 中使用 ： DynamicResource定义： 是在运行时解析资源，控件在使用时会在资源字典中查找资源引用。当资源在运行时发生变化时，使用该资源的控件会自动更新以反映资源的变化。用法：适用于需要在运行时动态
2024-05-16 16:00:14
647
原创 Array.ConvertAll方法
double.Parse是 C#中专门用来将字符串转换为double类型的converter。2，converter：将每个元素从一种类型转换成另外一种类型的Converter。1，array：要转换为目标类型的从零开始的一维Array。用于将一个类型的数组转换为另一种类型的数组。用到哪里，学到哪里，记到哪里。
2024-05-13 16:16:13
506
原创 Trigger触发器
触发器是指当满足预设的条件时去执行一些事务的工具，比如我们希望鼠标移到某个按钮上方时，这个按钮的颜色、大小发生一些改变。这个时候，条件是鼠标移到按钮上，执行的事务是改变按钮的颜色和大小。触发器种类触发器主要运用的场景在Style、ControlTemplate、DataTemplate三个地方。
2024-04-17 19:46:24
161
原创 CommunityToolkit.Mvvm笔记---AsyncRelayCommand
是中的一个功能，专门设计用来处理异步操作。它是的一个变体，提供了对异步任务的支持，允许开发者在 MVVM（Model-View-ViewModel）模式中方便地实现异步命令。使用可以确保 UI 保持响应性，同时执行长时间运行的操作，如网络请求或大规模数据处理。
2024-04-16 15:10:16
609
原创 CommunityToolkit.Mvvm笔记---RelayCommand
和是ICommand实现，这些实现可向视图公开方法或委托。这些类型充当在 viewmodel 和 UI 元素之间绑定命令的方法。
2024-04-16 14:36:19
1127
原创 CommunityToolkit.Mvvm笔记---ObservableValidator
是实现接口的基类，它支持验证向其他应用程序模块公开的属性。它也继承自，因此它还可实现和。它可用作需要的各种对象的起点。
2024-04-15 15:39:40
698
原创 CommunityToolkit.Mvvm笔记---ObservableRecipient
也就是说，只要注册了一个接收者，使用中StrongReferenceMessenger实例就会保活对它的引用，这将防止GC回收该实例。你可以手动处理它，也可以从ObservableRecipient继承，当它被禁用时，默认情况下会自动删除所有接收者的消息注册。如前面所述，当使用 WeakReferenceMessenger 时，上面的注销操作不是严格需要的，因为使用弱引用来追踪接收者意味着不用的接收者即使仍然有激活的消息处理程序，它们仍会被GC清理。当不再需要某个接收者时，你应该注销它，使其停止接收消息。
2024-04-12 17:06:21
631
原创 CommunityToolkit.Mvvm笔记---ObservableObject
是通过实现和接口可观察的对象的基类。Task2，ObservableObject在WPF中的应用。
2024-04-11 17:11:48
1581
原创 CommunityToolkit.Mvvm笔记1---Instruction
CommunityToolkit.Mvvm是一个官方社区套件(Windows Community Toolkit)，延续了MVVMLight的风格，是一个现代、快速和模块化的 MVVM 库。它是 .NET 社区工具包的一部分。用NuGget安装，搜索CommunityToolkit找到安装即可。将以这个目录为准学习介绍。
2024-04-11 14:24:19
413
原创 打包生成的dist文件如何在本地运行
1，首先，在angular项目中执行命令yarn build或者npm run build，打包生成dist，2，到相应的dist目录下面，执行命令 npx hs . ，运行起来的环境如下截图：3，如果package.json中配置了基础路径如下： "build": "npm run copy&ng build --prod --outputPath=dist/cicd...
2020-03-02 14:22:27
4837
原创 angular2中 AsyncPipe的使用与input中pipe的使用
常见的使用方法，在以前的文章中有过介绍，这里就不赘述了，以下讲解下我最近在项目当中用到的用法1，关于异步管道（AsyncPipe）使用 AsyncPipe 我们可以直接在模板中使用Promise和Observable对象，而不用通过定义一个类的成员属性来存储返回的结果。AsyncPipe 订阅一个 Observable 或 Promise 对象，并返回它发出的最新值。 当发出新...
2019-04-15 16:23:10
904
原创 关于路由传参与接收参数
路由 跳转传参的方式有很多，下面我总结一下常用的传参方式及其相对应的接收参数方式。第一，参数是以;分隔http://localhost:8092/account/manage/issue;id=161123434754052096路由跳转方式：1，routerLink的方式<a [routerLink]="['/coupon-manage/issueCoupon',{...
2019-04-15 15:56:21
3729
原创 常用的正则表达式总结（慢慢增加中。。。）
1.（0-100）内的数字，不包含0，100，排除0.0，0.00，保留三位小数。^([1-9]{1,2}(\.\d{1,3})?)$|^-?(0\.[0-9]{1,2}[1-9])$2.[0,100]内的数字包含0，100，保留三位小数^(\d{1,2}(\.\d{1,3})?|100)$
2017-11-21 10:42:25
957
1
原创 javascript map用法实例
map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。也就是原数组“映射”成对应新数组，调用的函数就是映射函数。map()内部实现：Array.prototype.map = function(fun /*, thisp*/){ var len = this.length; if (typeof fun != "function")
2017-10-20 15:03:32
6092
原创 javascript实现 点击边框内任意区域（按钮除外）打开新页面
这个需求实际上就是排除某个子元素的div执行相应的操作。直接上代码：html： 测试测试测试测试测试测试测试测试测试测试测试 选择js:function whichButton(event){if(event.target.nodeName=='BUTTON'){ return;}else{ window.open('www.baidu.com')
2017-10-18 17:29:41
556
原创 javascript实现按数字键1获取img图片的焦点，按回车键刷新图片
今天项目当中有个新需求，按数字键1获取到二维码图片的焦点，然后按回车键还要刷新二维码图片。众所周知，img本身是不带有焦点属性的，但是可以给img添加属性：tabindex，使图片具有焦点属性。环境是angular2，二维码图片是通过后台获取的。img class="groupCode" [src]="syncgroup" (click)="refreshCode(1)" id="sync
2017-10-17 18:04:26
738
原创 angular2 监听input值的变化
在ng1中，监测input值变化用ng-change，在ng2当中的用法如下：在ng2中，一种获取用户数据的方式：使用 Angular 的模板引用变量。 这些变量提供了从模块中直接访问元素的能力。 在标识符前加上井号 (#) 就能声明一个模板引用变量。这样就可以实时监测input的输入内容。参考链接
2017-10-17 15:38:45
11378
原创 angular-cli 安装与使用
安装Angular CLI1.首先确认安装了node.js和npm// 显示当前node和npm版本$ node -v$ npm -v// node 版本高于6.9.3 npm版本高于3.0.02.全局安装typescript（可选）$ npm install -g typescript // 新建项目的时候会自动安装typescript(非全局)所以这里也可以不用安装。
2017-09-29 19:36:32
3159
转载 angular2 router中的路由跳转navigate
navigate是Router类的一个方法，主要用来跳转路由。 函数定义：navigate(commands: any[], extras?: NavigationExtras) : Promise``1interface NavigationExtras { relativeTo : ActivatedRoute queryParams : Params fragment :
2017-09-29 09:53:54
882
原创 sessionStorage存储数据（对象、数组、字符串）
在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储sessionStorage 方法sessionStorage 方法针对一个 session 进行数据存储。在关闭窗口或标签页之后，数据会被删除。sessio
2017-09-28 11:09:20
17564
2
转载 AngularJS指令参数详解
指令，很重要AngularJS与JQuery最大的区别在哪里？我认为，表现在数据双向绑定，实质就是DOM的操作形式不一样。JQuery通过选择器找到DOM元素，再赋予元素的行为；而AngularJS则是，将指令与DOM绑定在一起，再扩展指令的行为。所以AngularJS开发最理想的结果就是，在页面HTML与CSS的设计时，设计工程师只需要关注指令的使
2017-09-20 15:56:48
250
原创 angularjs 使用echarts
在项目中应用到了图表展示，用echarts，通过指令的方式，下面是具体的应用代码：1. echarts指令app.directive('echarts', function($parse, $interval){ return { restrict: 'AE', replace: true, scope: { options: '=', height: '@',
2017-09-20 14:58:29
5041
3
原创 angularjs实现点击图标显示div，点击div以外的区域隐藏div
代码如下：$(document).on('click',function(e){ var target = e.target|| e.srcElement; var select = document.getElementById('select_enquiry')//点击的图标 var element = docume
2017-08-31 17:28:17
2415
原创 angularjs 动态添加输入控件并绑定数据
最近项目中遇到个难题，关于动态添加输入控件的问题：需求：如下图所示，点击加号的时候可以添加一整行内容，包括里面的input输入控件。这里是用ng-repeat实现的，代码如下： ~ 在controller.js里面做处理：1.初始化：$onInit(){ this.$scope.enquiry = {};
2017-08-31 16:08:59
2429
原创 文字超过一行的时候隐藏并用...替代（css实现）
今天在项目中碰到了个问题，当文字超过一行的时候隐藏文字并用...代替，刚开始想着是用文字的字数进行限制的，想着用过滤器实现。后来又想到元素所包含的文字字数是不确定的，这种方法行不通，咨询了一下同事，知道了可以直接用css实现，记录一下。啥也不多说了，直接上代码 .issueInfo_news_con p{ word-break:break-all; text-overflow
2017-08-24 17:12:03
733
原创 javascript权威指南--第七章
第七章----对象和数组对象例子如下：var book={};book.title="javascript";book.chapter1 = new Object();book.chapter1.title = "javascript introduction";book.chapter1.page ='4';book.chapter2 ={title:"javascript stru
2017-08-22 16:17:44
549
原创 angular2 获取到的数据无法实时更新问题的解决
今天在工作当中碰到了个问题，当我点击地图上面的城市，从后台获取数据更新列表，明明后台的数据已经返回到前端，但是数据就是不能实时更新到页面上，因为在做第一版的时候是没有这个问题的，就感觉可能是自己调用后台接口的时候顺序出了问题，结果一直钻到死胡同里面去了，后来求助老大，终于把问题解决了，现在记录一下，以加深记忆。
2017-08-21 19:41:45
7772
2
原创 学习javascript权威指南系列
最近感觉以前学的javascript基础的东西好多都记不太清楚了，想着重新回顾一遍，就重新啃一遍javascript权威指南。领导推荐的书：javascript权威指南第五版，我个人有第六版的，我会以第六版为主，重新学习一遍。。。第一章：javascript概述主要介绍了一下javascript这门语言，个人觉得其实是一门比较难学的脚本语言，可以通过DOM来修改文档或者是控制显示该文档的w
2017-08-11 20:22:41
678
转载 Angular2入门之模块与组件
1.初步了解模块和组件 在上两篇文章中讲述了构建工程，这篇文章简单讲述一下Angular2中的模块和组件。 app文件夹下有五个文件，其中，app.component.spec.ts应该是和模块测试有关的文件，目前不用管它。剩下的四个文件就是典型的模块+组件的文件组成模式。 Angular2
2017-08-11 19:33:13
3108
1
转载 【Angular2】模板语法之 ngModel
NgModel实现双向绑定及其实现原理讨论[(ngModel)]之前，先讲下属性绑定和事件绑定。在属性绑定中，值从模型中流动到视图上的目标属性。[]，通过把属性名放在方括号中来标记出目标属性。这是从模型到视图的单向数据绑定。在事件绑定中，值从视图上的目标属性流动到模型。()，通过把属性名放在圆括号中来标记出目标属性。这是从视图到模型的（反向的）单向数据绑定。
2017-08-10 10:44:42
1021
原创 ES6基础--import和export
ES6 模块的设计思想，是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。 import { stat, exists, readFile } from 'fs';上面代码的实质是从fs模块加载3个方法，其他方法不加载。这种加载称为“编译时加载”或者静态加载，即 ES6 可以
2017-08-09 17:53:51
369
原创 angular2 插件ngx-echarts引入及其应用
**1.安装ngx-echarts** npm install echarts –save npm install ngx-echarts –save2.引入echarts首先要引入echarts相关js A: 使用angular-cli创建项目，打开angular-cli.json,作如下配置{ "scripts": [ "../node_modules/echarts/
2017-08-08 15:32:12
2986
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人