- 博客(45)
- 资源 (3)
- 收藏
- 关注
原创 Trigger触发器
触发器是指当满足预设的条件时去执行一些事务的工具,比如我们希望鼠标移到某个按钮上方时,这个按钮的颜色、大小发生一些改变。这个时候,条件是鼠标移到按钮上,执行的事务是改变按钮的颜色和大小。触发器种类触发器主要运用的场景在Style、ControlTemplate、DataTemplate三个地方。
2024-04-17 19:46:24 128
原创 CommunityToolkit.Mvvm笔记---AsyncRelayCommand
是中的一个功能,专门设计用来处理异步操作。它是的一个变体,提供了对异步任务的支持,允许开发者在 MVVM(Model-View-ViewModel)模式中方便地实现异步命令。使用可以确保 UI 保持响应性,同时执行长时间运行的操作,如网络请求或大规模数据处理。
2024-04-16 15:10:16 343
原创 CommunityToolkit.Mvvm笔记---RelayCommand
和是ICommand实现,这些实现可向视图公开方法或委托。这些类型充当在 viewmodel 和 UI 元素之间绑定命令的方法。
2024-04-16 14:36:19 436
原创 CommunityToolkit.Mvvm笔记---ObservableValidator
是实现接口的基类,它支持验证向其他应用程序模块公开的属性。它也继承自,因此它还可实现和。它可用作需要的各种对象的起点。
2024-04-15 15:39:40 475
原创 CommunityToolkit.Mvvm笔记---ObservableRecipient
也就是说,只要注册了一个接收者,使用中StrongReferenceMessenger实例就会保活对它的引用,这将防止GC回收该实例。你可以手动处理它,也可以从ObservableRecipient继承,当它被禁用时,默认情况下会自动删除所有接收者的消息注册。如前面所述,当使用 WeakReferenceMessenger 时,上面的注销操作不是严格需要的,因为使用弱引用来追踪接收者意味着不用的接收者即使仍然有激活的消息处理程序,它们仍会被GC清理。当不再需要某个接收者时,你应该注销它,使其停止接收消息。
2024-04-12 17:06:21 477
原创 CommunityToolkit.Mvvm笔记---ObservableObject
是通过实现和接口可观察的对象的基类。Task2,ObservableObject在WPF中的应用。
2024-04-11 17:11:48 884
原创 CommunityToolkit.Mvvm笔记1---Instruction
CommunityToolkit.Mvvm是一个官方社区套件(Windows Community Toolkit),延续了MVVMLight的风格,是一个现代、快速和模块化的 MVVM 库。它是 .NET 社区工具包的一部分。用NuGget安装,搜索CommunityToolkit找到安装即可。将以这个目录为准学习介绍。
2024-04-11 14:24:19 329
原创 打包生成的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 4678
原创 angular2中 AsyncPipe的使用与input中pipe的使用
常见的使用方法,在以前的文章中有过介绍,这里就不赘述了,以下讲解下我最近在项目当中用到的用法1,关于异步管道(AsyncPipe)使用 AsyncPipe 我们可以直接在模板中使用Promise和Observable对象,而不用通过定义一个类的成员属性来存储返回的结果。AsyncPipe 订阅一个 Observable 或 Promise 对象,并返回它发出的最新值。 当发出新...
2019-04-15 16:23:10 875
原创 关于路由传参与接收参数
路由 跳转传参的方式有很多,下面我总结一下常用的传参方式及其相对应的接收参数方式。第一,参数是以;分隔http://localhost:8092/account/manage/issue;id=161123434754052096路由跳转方式:1,routerLink的方式<a [routerLink]="['/coupon-manage/issueCoupon',{...
2019-04-15 15:56:21 3686
原创 常用的正则表达式总结(慢慢增加中。。。)
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 860 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 6069
原创 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 542
原创 javascript实现按数字键1获取img图片的焦点,按回车键刷新图片
今天项目当中有个新需求,按数字键1获取到二维码图片的焦点,然后按回车键还要刷新二维码图片。众所周知,img本身是不带有焦点属性的,但是可以给img添加属性:tabindex,使图片具有焦点属性。环境是angular2,二维码图片是通过后台获取的。img class="groupCode" [src]="syncgroup" (click)="refreshCode(1)" id="sync
2017-10-17 18:04:26 722
原创 angular2 监听input值的变化
在ng1中,监测input值变化用ng-change,在ng2当中的用法如下:在ng2中,一种获取用户数据的方式:使用 Angular 的模板引用变量。 这些变量提供了从模块中直接访问元素的能力。 在标识符前加上井号 (#) 就能声明一个模板引用变量。这样就可以实时监测input的输入内容。参考链接
2017-10-17 15:38:45 11310
原创 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 3117
转载 angular2 router中的路由跳转navigate
navigate是Router类的一个方法,主要用来跳转路由。 函数定义:navigate(commands: any[], extras?: NavigationExtras) : Promise``1interface NavigationExtras { relativeTo : ActivatedRoute queryParams : Params fragment :
2017-09-29 09:53:54 876
原创 sessionStorage存储数据(对象、数组、字符串)
在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储sessionStorage 方法sessionStorage 方法针对一个 session 进行数据存储。在关闭窗口或标签页之后,数据会被删除。sessio
2017-09-28 11:09:20 17352 2
转载 AngularJS指令参数详解
指令,很重要AngularJS与JQuery最大的区别在哪里?我认为,表现在数据双向绑定,实质就是DOM的操作形式不一样。JQuery通过选择器找到DOM元素,再赋予元素的行为;而AngularJS则是,将指令与DOM绑定在一起,再扩展指令的行为。所以AngularJS开发最理想的结果就是,在页面HTML与CSS的设计时,设计工程师只需要关注指令的使
2017-09-20 15:56:48 240
原创 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 5017 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 2381
原创 angularjs 动态添加输入控件并绑定数据
最近项目中遇到个难题,关于动态添加输入控件的问题:需求:如下图所示,点击加号的时候可以添加一整行内容,包括里面的input输入控件。这里是用ng-repeat实现的,代码如下: ~ 在controller.js里面做处理:1.初始化:$onInit(){ this.$scope.enquiry = {};
2017-08-31 16:08:59 2396
原创 文字超过一行的时候隐藏并用...替代(css实现)
今天在项目中碰到了个问题,当文字超过一行的时候隐藏文字并用...代替,刚开始想着是用文字的字数进行限制的,想着用过滤器实现。后来又想到元素所包含的文字字数是不确定的,这种方法行不通,咨询了一下同事,知道了可以直接用css实现,记录一下。啥也不多说了,直接上代码 .issueInfo_news_con p{ word-break:break-all; text-overflow
2017-08-24 17:12:03 716
原创 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 535
原创 angular2 获取到的数据无法实时更新问题的解决
今天在工作当中碰到了个问题,当我点击地图上面的城市,从后台获取数据更新列表,明明后台的数据已经返回到前端,但是数据就是不能实时更新到页面上,因为在做第一版的时候是没有这个问题的,就感觉可能是自己调用后台接口的时候顺序出了问题,结果一直钻到死胡同里面去了,后来求助老大,终于把问题解决了,现在记录一下,以加深记忆。
2017-08-21 19:41:45 7701 2
原创 学习javascript权威指南系列
最近感觉以前学的javascript基础的东西好多都记不太清楚了,想着重新回顾一遍,就重新啃一遍javascript权威指南。领导推荐的书:javascript权威指南第五版,我个人有第六版的,我会以第六版为主,重新学习一遍。。。第一章:javascript概述主要介绍了一下javascript这门语言,个人觉得其实是一门比较难学的脚本语言,可以通过DOM来修改文档或者是控制显示该文档的w
2017-08-11 20:22:41 669
转载 Angular2入门之模块与组件
1.初步了解模块和组件 在上两篇文章中讲述了构建工程,这篇文章简单讲述一下Angular2中的模块和组件。 app文件夹下有五个文件,其中,app.component.spec.ts应该是和模块测试有关的文件,目前不用管它。剩下的四个文件就是典型的模块+组件的文件组成模式。 Angular2
2017-08-11 19:33:13 3081 1
转载 【Angular2】模板语法之 ngModel
NgModel实现双向绑定及其实现原理讨论[(ngModel)]之前,先讲下属性绑定和事件绑定。在属性绑定中,值从模型中流动到视图上的目标属性。[],通过把属性名放在方括号中来标记出目标属性。这是从模型到视图的单向数据绑定。在事件绑定中,值从视图上的目标属性流动到模型。(),通过把属性名放在圆括号中来标记出目标属性。这是从视图到模型的(反向的)单向数据绑定。
2017-08-10 10:44:42 1001
原创 ES6基础--import和export
ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。 import { stat, exists, readFile } from 'fs';上面代码的实质是从fs模块加载3个方法,其他方法不加载。这种加载称为“编译时加载”或者静态加载,即 ES6 可以
2017-08-09 17:53:51 339
原创 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 2942
转载 Angular2 使用管道Pipe以及自定义管道格式数据
管道(Pipe)可以根据开发者的意愿将数据格式化,还可以多个管道串联。纯管道(Pure Pipe)与非纯管道(Impure Pipe)管道分纯管道(Pure Pipe)和非纯管道(Impure Pipe)。默认情况下,管道都是纯的,在自定义管道声明时把pure标志置为false,就是非纯管道。如:@Pipe({ name: 'sexReform', pure:false})纯管道和非纯管道
2017-08-08 10:50:17 2085
原创 ui-sref-active
用过angularjs路由ui-router的人都知道ui-sref的用法吧,用于跳转到指定的路由处,当然还是可以传参的,这里先不介绍了,改天整理一下。 ui-sref-active可以与ui-sref一起使用。 ui-sref-active用于查看当前激活状态并给元素设置class,比如:<li class="person_supp_infor" ui-sref-active="ac
2017-07-21 19:33:39 1585
原创 关于background设置多个背景图片的问题
某天在做项目的时候遇到了一个问题,就是关于使用背景图片还是使用img图片合适点的问题。这个问题一直不太好说,各人有个人的用法习惯,也各有各的优点,我碰到的这个呢,就是在前人基础上做改版,这种情况就尽量减少页面代码的变动,达到自己想要的效果。还有一点img图片的话,会出现换行(当缩小屏幕的时候,宽度不够,自然就换行了,而background的话会出现重叠现象)的问题。所以自适应布局的时候还是需要好好考
2017-07-18 18:21:13 9896
原创 关于setTimeout
1.setTimeout 0 有什么作用 setTimeout的作用是将代码推迟到指定时间执行,如果指定时间为0,setTimeout(f,0)那么会立刻执行吗? 答案是不会。setTimeout(f,0)将第二个参数设为0,作用是让f在现有的任务(当前脚本的同步任务和“任务队列”中已有的事件)一结束就立刻执行,也就是说,setTimeout(f,0)的作用是,尽可能早的执行指定的任务,而并不是
2017-07-02 19:41:31 410
原创 不固定参数求和,arguments
不固定参数求和,arguments啥也不说了,先上代码:function add(){ var sum =0; for(var i=0;i<arguments.length;i++){ sum += arguments[i]; } alert(sum); }
2017-07-02 18:41:05 1274
原创 angularjs 自定义过滤器控制文本的长度,多余字符用省略号代替
今天在工作中,碰到了一个问题,在表格当中,文本的长度太长,导致整个表格拉长了很多,当给表格中td设置固定宽度的时候就会换行,显得页面比较丑,所以想到了把超出表格宽度部分的文本隐藏掉。于是就想到了用自定义过滤器的办法,滤掉多余的文本,搜索了一下,有大神的例子做参考,具体的使用方法如下: html页面:<td>{{subject.name|textLengthSet:true:20:'...'}}</
2017-05-26 17:21:37 5485
原创 jquery排序 sort()
sort()方法用于对数组进行排序。这种排序是按照字母顺序进行排序的。那么就会疑惑,如果数组里面的元素是数字的话,怎么办?例如: var a = [1,7,33,6,5],利用sort排序怎么处理?接下来会有详细的介绍。 这里有一个无序列表ul,请对其中的数据进行排序。<button onclick="sortArr()">排序</button><ul> <li>ads</li> <l
2017-03-17 17:30:14 23371
转载 jquery 的$().each与$.each的区别
一直以来关于$().each与$.each问题都挺让我困惑的,发现了一篇好的文章,介绍的非常详细,在这里引用借鉴一下,谢谢作者君,共勉之。[这里写链接内容](http://jingyan.baidu.com/article/624e745965f4a534e9ba5a6e.html%20%E2%80%9C%E9%93%BE%E6%8E%A5%E2%80%9D)
2017-03-07 11:30:13 599
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人