Kerwen Blog

Stay Hungry Stay Foolish

CSS 总结

HTML CSS JS JS-下 jQuery Node.js + Gulp css的引入方式 在HTML中引入CSS共有3种方式: (1)外部样式表; (2)内部样式表; (3)内联样式表; 外部样式表 所谓的“外部样式表”,就是把CSS代码和HTML代码都单独放在不同文件中,然后在HTML文档head标签中使用link标签来引用CSS样式表。 当样式需要被应用...

nodejs express

Express基础 新建一个文件夹demo 初始化项目 1 npm init --yes npm安装EXPRESS 1 npm install express --save 创建项目app.js 1 2 3 4 const http = require("http"); const express= require("express"); //Express框架 l...

eslint, typescript-eslint, angular-eslint

eslint ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs. eslint rules typescript-esli...

formGroup,formControl,formArray

Angular 提供了两种不同的方法来通过表单处理用户输入:响应式表单和模板驱动表单。 两者都从视图中捕获用户输入事件、验证用户输入、创建表单模型、修改数据模型,并提供跟踪这些更改的途径。 响应式表单 提供对底层表单对象模型直接、显式的访问。它们与模板驱动表单相比,更加健壮:它们的可扩展性、可复用性和可测试性都更高。如果表单是你的应用程序的关键部分,或者你已经在使用响应式表...

从tslint迁移到Angular-eslint

安装eslint依赖,运行以下命令: ng add @angular-eslint/schematics@14 运行结果: 在root自动生成.eslintrc.json文件,默认使用@angular-eslinteslint插件。 以下eslint相关的cli配置被添加至angular.json, 1 2 3 "cli": { "defa...

用date-fns替代momentjs

Moment.js Moment.js是一个(轻量级)的Javascript日期处理类库,使用它可以轻松解决前端开发中遇到的种种日期时间问题。 Moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格式,可以格式化日期时间,计算相对时间,获取特定时间后的日期时间等等。 支持中文在内的多种语言。 安装 1 npm install moment fromNow() ...

SQL 存储过程

什么是存储过程 存储过程(stored procedure)是一组为了完成特定功能的sql语句集。经过编译以后存储在数据库中,存储过程可能包含程序流、逻辑流以及对数据库的查询。他可以接受参数。输出参数,返回单个或者多个结果集以及返回值。 为什么使用存储过程 提高性能 SQL语句在创建过程时进行分析和编译。 存储过程是预编译的,在首次运行一个存储过程时,查询优化器对其进行分析、优化,并...

Ag-grid unable to use xxx as package ag-grid-enterprise is not present

最近在对产品的package进行升级,将ag-grid 升到28.2.0之后爆出了一堆的问题,其中一个是在debug console里有如下warnning提示。 产品使用了侧边栏,需要用到@ag-grid-enterprise/column-tool-panel和@ag-grid-enterprise/filter-tool-panel, 但这两个module注册之后也无法打开侧边栏,de...

kubernetes

简介 kubernetes,简称 K8s,是用 8 代替 8 个字符“ubernete”而成的缩写。是一个开源的,用于管理云平台中多个主机上的容器化的应用kubernetes,简称 K8s,是用 8 代替 8 个字符“ubernete”而成的缩写。是一个开源的,用于管理云平台中多个主机上的容器化的应用. Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模...

VSCode增加文件树目录缩进

Go to File > Preference > Settings and choose: Workbench › Tree: Indent Controls tree indentation in pixels. or (in your settings.json enter this directly) 1 "workbench.tree.indent": 20 ...