前端
旧时佑忆
计算机软件,IT ,AI
展开
-
Ngxs用法实例详解
ngxs是angular的一个状态管理框架,可以全局的管理应用程序的所有状态。使用的场景:当应用程序的各个组件需要共享某些数据时 当需要组件变得更加独立,更易于测试 当程序的状态改变来自各个页面的组件时 当多人共同协作一个大型项目时ngxs有四个概念:...原创 2020-09-21 16:38:30 · 3026 阅读 · 0 评论 -
Input标签禁用与Css动态样式绑定
input标签存在一个disabled属性,可以用来禁用此标签,通常还可以对这个属性进行禁用后的样式修改<input [disabled]="boolean">//一般里面对应一个bool属性,表示是否禁用标签,而样式修改可以在css中自己设置//通常写法如下例所示input[disabled]{ color : red;}利用Class指令实现单个CSS类绑定Class指令只能绑定要给CSS类Class绑定格式[class.样式类名称]=“布尔类型”原创 2020-09-08 14:53:43 · 1044 阅读 · 0 评论 -
IIS中关于跨域访问问题:No ‘Access-Control-Allow-Origin
首先说明下什么是跨域问题:跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器施加的安全限制。所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子:http://www.123.com/index.html 调用 http://www.123.com/server.php (非跨域)http://www.123.com/index.html 调用 http://www.456.com/server.php (主域名不同:123/456,跨域)http:原创 2020-08-24 10:40:45 · 3035 阅读 · 0 评论 -
SignalR详解(简易聊天室案例)
SignalR是什么?按照官方的说法,signal能够方便的为应用提供实时的服务器端和客户端双向通信功能,相当于服务器端能够观察到客户端的实时更新,并且将这个更新广播推送,这是一个很有用的功能。SignalR适用场景如下需要从服务器进行高频率更新的应用。示例包括游戏、社交网络、投票、拍卖、地图和 GPS 应用。 仪表板和监视应用。示例包括公司仪表板、即时销售更新或旅行警报。 协作应用。协作应用的示例包括白板应用和团队会议软件。 需要通知的应用。社交网络、电子邮件、聊天、游戏、旅行警报和...原创 2020-08-12 10:54:42 · 2516 阅读 · 0 评论 -
Angular中与后端的数据交互方式(get/post/jsonp)
1.Get请求数据//Angular5.x 以后 get、post 和和服务器交互使用的是 HttpClientModule 模块。1、在 app.module.ts 中引入 HttpClientModule 并注入import {HttpClientModule} from '@angular/common/http';imports: [BrowserModule,HttpClientModule]2、在用到的地方引入 HttpClient 并在构造函数声明import {Ht原创 2020-07-30 14:31:12 · 3067 阅读 · 0 评论 -
Angular子父组件之间的值传递详解
子组件获得父组件的数据从两个方向来详解这个操作,以父组件中有一个msg传入子组件中形成一个标题元素为例。对于子组件:1.需要引入Inputimport { Component, OnInit,Input } from '@angular/core';2.定义这个传入的msg@Input() message:any;3,关于显示问题,子组件和父组件都有对应的html文件,此时子组件的html应当是展示出这个数据<p>{{message}}</p>原创 2020-07-30 13:56:29 · 723 阅读 · 0 评论 -
Angular共享模块的使用方法
在Angular使用过程中,如果我们创建完主要的功能模块后,发现功能模块中其实会有很多功能一样的小组件,或者存在一些需要额外实现的功能组件,此时我们可以创建一个共享的模块,这个模块可以为整个工程提供引用服务import { NgModule } from '@angular/core';import { CommonModule } from '@angular/common';需要导入common模块来确定这是一个共享模块,并且所有共享的模块必须放在同一个目录下,演示目录结构如下所示.原创 2020-07-08 19:33:24 · 965 阅读 · 0 评论 -
Angular命令(持续更新)
创建项目命令(默认创建在当前目录下):ng new [project]启动项目命令(需要在Angular项目目录下):ng serve --open创建component组件(默认安装在app目录下):ng g component [component name]创建路由模块:--flat把这个文件放进了src/app中,而不是单独的目录中。--module=app告诉 CLI 把它注册到AppModule的imports数组中。ng g module app...原创 2020-07-01 18:24:51 · 166 阅读 · 0 评论 -
jQuery 基础
jquery是javascript的一个轻量级框架,对javascript进行封装,它提供了很多方便的选择器。在使用jquery之前必须先引入它的库,如引入jquery-1.8.3.js 此一般用于学习阶段,而jquery-1.8.3.min.js 则一般用于使用阶段; 引入代码如下<script type="text/javascript" src="../../js/jquery-...原创 2019-03-06 22:03:03 · 235 阅读 · 0 评论 -
Javascript(二)
表格隔行换色onmouseover() 鼠标移入事件。onmouseout() 鼠标移出事件onload() 页面加载成功触发利用window.onload 来加载隐名函数。script代码<script>window.onload=function(){ var tab = document.getElementById("tbl");...原创 2019-03-01 22:20:19 · 119 阅读 · 0 评论 -
Javascript(一)
表单校验技术要点:1.获取元素 document.getElementById("id名称");2.获取元素里面的值 document.getElementById(“id名称”).value; (注:如果id是一个字符串,那么必须加上引号,如果是一个变量则不需要)3.表单提交事件 onsubmit 这个需要写在form标签4.javascript的输出警告框...原创 2019-02-26 20:29:56 · 138 阅读 · 0 评论