代码编织梦想

Angular学习之路(二)---组件概念-爱代码爱编程

在angular中,可以使用命令创建组件 命令如下 ng generate component <component-name> 命令中<component-name>为需要创建的组件的名称 创建成功后,组件文件结构如下:test-component.component.html为需要显示信息的html模板。内容如下:te

前端通用保存用户登录状态之“withCredentials“-爱代码爱编程

前端通用保存用户登录状态之"withCredentials" 标题阐述如何开放使用withCredentials开放证书当请求是post请求时,当请求为get请求时触发的问题及解决方式 标题阐述 在前端里面如何保存用户登录状态,即是难点也是一种非常常用的技术,通过判定用户的状态来开启部分功能或者全部功能。 常见的有: 浏览器的localSt

2020-12-05-爱代码爱编程

使用angular创建项目选择scss或sass时报错(样式方案选择css、less项目不报错) 完整报错信息 PS F:\angular\app> ng serve \ Generating browser application bundles (phase: building)...## There is an issue with

Angular与ionic的幸福生活之 “网址小技巧(DomSanitizer 解决渲染浮动框架网站不安全问题)”-爱代码爱编程

Angular与ionic的幸福生活之 “网址小技巧(DomSanitizer)” 小编这几天的更新也是非常勤奋的,其遇见的问题都是真实开发中常见的问题,进行记录解析: 其中,就在今天小编遇到了这样的一个问题,自身网页嵌入了其它网页中带有浮动框架的部分,当我们用这个框架进行数据渲染的时候浏览器后台总会报错 说这不是一个安全的网页,这个时候我们应该如何解决

前端框架AngularJS入门入门入门-爱代码爱编程

AngularJS四大特征 1 MVC 模式 Angular遵循软件工程的MVC模式,并鼓励展现,数据,和逻辑组件之间的松耦合.通过依赖注入(dependency injection),Angular为客户端的Web应用带来了传统服务端的服务,例如独立于视图的控制。 因此,后端减少了许多负担,产生了更轻的Web应用。 Model:数据,其实就是angul

angular中input 标签上的【name属性】和【ngModelOptions属性】-爱代码爱编程

利用“@angular/forms" 创建表单的时候,系统默认会创建一个”FormGroup"的对象。 使用带有“ngModel"的”“标签时,系统会自动为这个标签创建一个叫做”FormControl"的对象,并且会自动把它添加到”FormGroup"中。而“FormControl"在”FomGroup“中是用""标签上的”name"属性来做标识的。

angular4 get post 请求-爱代码爱编程

1、在app.module.ts引入HttpMoudle import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; imports: [ BrowserModule, HttpModule

ionic3 相关问题-爱代码爱编程

1、创建platform报错:Current working directory is not a Cordova-based project. 第一种情况: 没有www文件:ionic build 第二种情况: 没有config.xml文件:ionic integrations enable cordova 3、Cannot find modul

Node JS stacktrace (内存溢出)-爱代码爱编程

      运行项目,发现出现如上所示GC内容,这是内存溢出了。总结一下方法有如下几种 : 第一种: “build-prod”: “node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build --prod”,保存; 第二种:  npm install --s

Angular与ionic的幸福生活之“tabs路由“的项目结构及跳转方式-爱代码爱编程

Angular与ionic的幸福生活之“tabs路由“的项目结构及跳转方式 如何快速的上手使用 icon tabs 呢,首先要熟悉性项目结构知道怎么去配置这个路由,每部分是干啥的,这样才能快速上手节约学习时间 1. 快速生成项目 ionic start mfreshApp 自定义文件名称 2.熟悉项目结构 什么是根路由?就是管理注册路由的一个目录,只

Angular与ionic的快乐生活之 “ion-slides“组件横向滑块/轮播图-爱代码爱编程

Angular与ionic的快乐生活之 "ion-slides"组件横向滑块/轮播图 这个例子很简单但是非常实用,官网上也有,但不适合查找,百度这方面的词条太少了。所以我打算将这个经典的组件使用方式进行记录。方便大家学习查找,并备注。 //pager 是轮播知识灯 //[options]=“{}”,以对象的形式书写可以更好的控制这个轮播,对于我们使用最

angular实现换肤功能-爱代码爱编程

环境 angular cli: 8.3.8 node: 10.17.0 演示效果 实现 提前定义几套皮肤颜色,通过scss的 @mixin混入打到修改主题的效果; 步骤 1. 定义皮肤颜色base.scss 定义了三份,效果图中展示的使用了两个颜色:字体,背景两种; // 主题1 对比色 $contrast_color: #fc4

“ionic ui“之循环滚动实例(段子)-爱代码爱编程

循环滚动 <ion-app> <ion-header> <ion-toolbar> <ion-title>段子</ion-title> </ion-toolbar> </ion-header> <ion-content *ng

Angular 6 安装到使用-爱代码爱编程

Angular 6 安装到使用 1,下载nodejs,并安装到本地,配置好环境变量 访问nodejs的官方网站的downdolad,网址:https://nodejs.org/en/download/ npm -v 查看是否安装成功,不同的angular版本依赖的nodejs不一样, 此处使用的angular 6, 故可安装nodejs 8-10的版本都

Select多选-爱代码爱编程

今天写这个select多选,明明很简单的功能,but,因为功能稍微有点复杂,我又粗心大意,导致我的bug不断,整个功能写完后,感觉自己咋就那么蠢呢?啊!气死了,我要反思 我的是angular2项目,使用的NG-ZORRO组件库 普通的select多选 先了解官网的代码 官网示例 官网代码 import { Component, OnInit }

解决echarts柱形图数值差距大,极小值渲染问题-爱代码爱编程

解决echarts柱形图数值差距大,极小值渲染问题 对于一个初学者,echarts柱形图渲染极小值,指数类数据, 由于数据存在数量级差异太大,导致渲染出这种问题,下图: 很明显,这不是我想要的效果,经过查看官网实例,如果我给y轴设置一个最大值呢?这个最大值就去数组中最大的数据, yAxis: [ {

ngrx/store effects 列表展示-爱代码爱编程

开发流程: 开始 -> 编写数据模型 -> 编写action -> 编写redurces并配置到相应module -> 编写services -> 编写effects并配置到相应module -> 创建组件 -> 组件绑定数据模型 -> 渲染 第一步:编写数据模型(app/models/user.ts)

ngrx/store effects  计数器-爱代码爱编程

  本教程案例github:https://github.com/axel10/ngrx_demo-counter-and-list angular2+ 的学习成本应该是三大框架中最高的一个,教程及案例稀缺,流程较为复杂,这里我用计数器和在线获取用户数据并渲染成列表这两个案例来帮大家快速入手angular2+。   在开始之前,希望你能先掌握rxj

Angular中Checkbox列表的数据双向绑定-爱代码爱编程

概要 Angular数据的双向绑定,要使用[(ngModel)]指令。但是,在使用过程中,我们不难发现,该指令在对CheckBox列表做双向数据绑定时候,并不是很好用。 因为Angular中的[(ngModel)]无法像Vue中的v-model指令那样,接收一个数组。当前CheckBox的value值存在于数组中,则当前CheckBox处于选中状态,反

前端设置代理服务器解决跨域问题-爱代码爱编程

前端设置代理服务器解决跨域问题 跨域在前后端进行数据交接的时候是最容易遇见的问题之一,那么身为前端的我们改如何解决跨域问题呢?这里我们可以用代理服务器的方式进行解决 拿到请求连接的url 地址,配置“proxy.conf.json” 文件 // 这里我们以 斗鱼的地址作为案例 // url=http://capi.douyucdn.cn/api/v1/