Scss笔记-爱代码爱编程
目录 什么是SASS安装和使用基本用法代码的重用高级用法 作者：阮一峰 什么是SASS SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。 安装和使用 2.1 安装 SASS
angular使用websocket和Rxjs-爱代码爱编程
文章目录 前言一、Websocket是什么？二、在服务端搭建websocket服务三.使用rxjs中的websocketsubject1.使用websocket2.搭建服务3.如何拦截到socket关闭4.如何断线重连5.如何一对一接收消息6.调用服务7.接收消息总结 前言 最近在项目中需要使用到websocket进行前后端通信,由此我们将讨
angular获取及操作Dom-爱代码爱编程
ElementRef 对视图中某个原生元素的包装器。ElementRef 的背后是一个可渲染的具体元素。在浏览器中，它通常是一个 DOM 元素。 class ElementRef<T> { constructor(nativeElement: T) nativeElement: T //背后的原生元素，如果不支持直接访问原生元素，
exceljs 导入导出 excel 文件-爱代码爱编程
使用 Nodejs 创建工程 安装 exceljs 插件： exceljs中文教程 cnpm install --save exceljs 创建 export.js 文件 const { Workbook } = require("exceljs"); async function export_excel() { const workbo
Angular和.NET Core Web API入门应用程序-爱代码爱编程
下载源160.2 KB您可以在此处查看此项目的源代码和最新更新 这是Angular/.NET Core Web API入门应用程序，具有添加、编辑和删除客户的基本功能，因此您可以将其用作构建应用程序的起点。它使用以下框架： Angular MaterialBootstrap.NET CoreEntity Frameworks如何在电脑上运行 请确保首
Angular interval subscribe Rxjs 周期性倒计时-爱代码爱编程
顺序周期计算(10s) import { interval, Subscription } from 'rxjs'; import { take,takeLast } from 'rxjs/operators'; interval(1000).pipe(take(10)).subscribe(x => { console.log(
Angular中使用Resolve守卫实现预先获取路由组件所需数据-爱代码爱编程
Angular官网中描述的使用resolve守卫主要解决的问题如下： 如果你在使用真实 api，很有可能数据返回有延迟，导致无法即时显示。 在这种情况下，直到数据到达前，显示一个空的组件不是最好的用户体验，最好使用解析器预先从服务器上获取完数据，这样在路由激活的那一刻数据就准备好了，还要在路由到此组件之前处理好错误。总之，
angular中自定义过滤器显示html代码-爱代码爱编程
我们会用到$sce服务的trustAsHtml方法来实现转换。 因为这个功能具有一定通用性，我们可以通过angularJS的过滤器来简化开发，这样只写一次，调用的时候就非常方便了，看代码： // 定义模块: var app = angular.module("pinyougou",[]); /$sce服务写成过滤器/ app.filter('t
angular的传值，子传父，父传子-爱代码爱编程
父传子： 先打开文件 在父组件的引入Input import { Component, Input } from ‘@angular/core’; 在父组件的@Componentl里面写要传的数据（可以不写public） 在父组件的页面引用的组件里面写要传输的 数据 子组件： 创建一个子组件 在子组件的home.component.ts也同样引入Inp
Angular中的模板引用/本地变量（属性前加井号#）-爱代码爱编程
定义 模板引用变量通常是对模板中 DOM 元素的引用。它还可以引用指令（包含组件）、元素、TemplateRef 或 Web Component — angular中文文档 示例 <nz-table #filterTable [nzData]="listOfData"> <thead> <tr&
angular中对json数据按照某一字段进行排序-爱代码爱编程
原文链接请点击这里。 0.前言 工作中遇到一个需求，需根据从接口拿的json数据，按照某个字段进行排序。比如时间，或者序号等。原始数据如下,需要根据regionCode进行排序。 1.解决办法 上学的时候学过好几种排序算法，但是在实际应用中还是sort比较香。也很简单，直接上代码。 getAll(){ var res =this.result
http/AJAX 服务端结果异步返回的封装处理-爱代码爱编程
http服务端结果异步返回的处理 在configService服务中定义http开发函数 configUrl = 'assets/config.json'; getConfig() { return this.http.get(this.configUrl); } 在目标js引入对应服务后，使用this.configService.getCo
angular入门（1.x）-爱代码爱编程
angular.js: 教程可以作为跳板，因为vue也参考了angular的设计。 angular.js是google开源的前端js结构化框架 第一次学习结构化框架，它和函数库有什么区别呢？ 比如jQuery中，安装之后，可以在编写js中有一个$符帮助我们去寻找特定的方法，方便记忆和使用（能够提高效率），在jQuery中所有的都是属于函数调用（对内
Angular组件之间的交互-爱代码爱编程
Angular组件之间常用交互方法 通过输入型绑定把数据从父组件传到子组件 child.component.ts export class ChildComponent implements OnInit { @Input() hero: any; @Input('master') masterName: string; // 第二
从零搭建Angular项目-爱代码爱编程
Angular中文官网：https://angular.cn/guide/quickstart 本博客旨在介绍在本地开发环境中使用 Angular CLI 工具来构建并运行一个简单的 Angular 应用 先决条件 在开始之前，请确保你的开发环境已经包含了 Node.js® 和 npm 包管理器。 Node.js Angular 需要 Node.
angular 利用service服务和axios请求数据封装请求方法-爱代码爱编程
angular提供的服务可以实现传递和数据共享，例如两个组件都需要使用的方法和数据可以写在angular的服务中。 1.首先在控制台用命令创建服务 ng g service services/httpservice 创建后的目录和默认的配置为红框里的内容 暴露的名称是HttpserviceService2.在app.module.ts文件中引入和挂载Ht
ng g m [组件名称] --routing-爱代码爱编程
创建带有独立 module 的模块，该种方式可以更好的管理每个独立的模块，自定义的 module 即可以对外暴露也可以直接挂在主路由上实现懒加载的模式； ng g m login --routing 新组件编辑 一.login 组件相关 login.module.ts import {NgModule} from '@angular/co
基于ion-modal自定义alert弹出框-爱代码爱编程
Ionic 1 基于ion-modal自定义alert弹出框 1.1 步骤 1.在全局css样式文件（global.scss）中定义弹出框css样式 .customModal { --background: var( --ion-overlay-background-color, var(--ion-color-step-100
Angular 富文本编辑之路的探索-爱代码爱编程
作者：杨振兴Worktile 前端工程师，PingCode Wiki 产品技术负责人 PingCode Wiki 提供结构化知识库来记载信息和知识，便于团队沉淀经验、共享资源，欢迎大家注册试用 本文主要分享基于Angular和Slate开发富文本编辑器的实践历程，基于Angular做编辑器对我们来说也是一个新的尝试，社区关于Angular编辑
Angular基础--环境搭建-爱代码爱编程
环境搭建 npm 命令安装 CLI npm install -g @angular/cli 新建项目文件 ng new name 运行应用 ng serve [--open] –open 默认浏览器打开应用 打包 ng build [--prod][--aot] –prod 生产环境编译 –aot 提取预编译