远程开发环境搭建 Visual Studio Code + Remote-SSH

1、更新vscode 到1.35+2、安装 Remote Development包3、配置:SSH配置:环境准备本地操作系统使用win10 1809以上,这个版本自带Open SSH Client,可以省去ssh的配置本地win10生成密钥对ssh-keygen -t rsa -b 4096 -f C:\DevEnv\conf\ssh\id_rsa-r...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

javascript 实现日历:生成日历数组

initCalendar() { const now = new Date(); const firstDay = new Date(now.getFullYear(), now.getMonth(), 1); const endDay = new Date( now.getMonth() === 11 ? new Date(now....
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

javascript 实现 calendar:效果和代码

css:.litwak-calendar { overflow-y: hidden; td { padding: 8px; vertical-align: top; .hd { min-width: 138px; height: 77px; background-position: 0 -325px; ...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

js的5个编程建议

5 Programming Patterns I Likejust some patternsMay 11 2019Photo by Desmond Simon on UnsplashIn this post I get into some patterns I try to use while programming. These patterns are observati...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

git commit报错: npm ERR!

打开项目文件夹,显示隐藏的文件,找到 '.git'文件夹,找到hooks,删除hooks里全部内容,重新提交。Git Hooks就是那些在Git执行特定事件(如commit、push、receive等)后触发运行的脚本。如果还报错,检查:package.json - scripts - lint{ "name": "hy-bi", "version": "0.0.0",...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

DP接口显示器,在win10中,桌面图标重排,窗口都缩到左上角

解决方法:打开注册表定位到HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\GraphicsDrivers\Configuration在Configuration项下查找SIMULATED或NOEDID开头的项;查找的项展开有个00项,00项展开又还有个00项,两个00项都要修改;PrimSurfSize.cxPrimSur...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

异步操作:forkJoin

forkJoin( this.http.get('/hadoopbi/celebrity_details?celebrity_id=' + this.userId), this.http.get('/hadoopbi/celebrity_prod?celebrity_id=' + this.userId), this.http.get('/hadoop...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

lvy性能对比

1、新建一个项目lvy: --enable-ivyng new hy-bi-lvy --enable-ivy? Would you like to add Angular routing? Yes? Which stylesheet format would you like to use? Less [ http://lesscss.org ]常规:ng new t...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

less 用法

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。例子:@base: #f938ab;.box-shadow(@style, @c) when (iscolor(@c)) { -webkit-box-shadow: @style @c; box-shad...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

选择日期时间控件, 基于ng-zorro

import { Component, forwardRef, OnInit } from '@angular/core';import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';@Component({ selector: 'app-date-time', template: ` &...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

解决angular中使用ng-zorro, cdk-overlay-backdrop-showing覆盖页面,需要点两次的问题。

这个问题,烦扰了我一段时间。曾尝试过了解cdk-overlay实现原理,看过ng-zorro源码。一直没找到解决方法。google搜到一篇文章:https://www.cnblogs.com/wangmiao2606/p/10179287.html, 尝试用文章中思路解决。我首先在styles.less里这样写:.cdk-overlay-backdrop-showing { d...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

Angular 自定义表单控件

当我们打算自定义表单控件前,我们应该先考虑一下以下问题: 是否已经有相同语义的 native (本机) 元素?如:<input type="number"> 如果有,我们就应该考虑能否依赖该元素,仅使用 CSS 或渐进增强的方式来改变其外观/行为就能满足我们的需求? 如果没有,自定义控件会是什么样的? 我们如何让它可以访问 (accessible)?...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

关于javascrip引用对象的说明

如果 a = {x: {}}设置obj = a.x;那么当 x变化时。 obj没有变化。举例node运行:var a = {x: {name: 'hello'}}// undefinedvar obj = a.x// undefinedobj// {name: "hello"}a.x = {m: 1, n: 2}// {m: 1, n: 2}obj// {nam...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

前端哲学

React:最容易的方式,是先用已有的数据模型渲染一个不包含交互功能的UI。最好将渲染UI和添加交互这两个过程分开。这是因为,编写一个应用的静态版本时,往往要编写太多的代码,而不需要考虑太多交互细节;添加交互功能时则要考虑大量细节,而不需要编写太多代码。所以,将这两个过程分开进行更为合适。 你可以自上而下或者自下而上构建应用:自上而下意味着首先编写层级较高的组件(比如Filterable...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

控制 nzTableComponent 水平滚动

ng-zorro-antd 的 nzTableComponent 如果列很多,想要水平滚动,怎么办呢?在9.0版以前, 只需要:// 获得nzTableComponent@ViewChild('vitalSignsTable',{static:false})nzTableComponent:NzTableComponent;// 设置scrollLeftthi...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

Angular 报错 Cannot assign to a reference or variable!

情况一:控件的属性 与 ts 文件里面定义的变量重名了比如 @Input() key: string;<div-model key="abc"></div-model>情况二:这个问题是应为HTML文件中ngModel绑定了一个变量,却没有给变量赋值导致的。<input #assembleInquestion id="assembleInput...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

代码量统计工具cloc

cloc安装:npm install -g cloc使用 cloc + path:cloc ./如果报错:perl 不是内部或外部命令的问题, 则需要安装perl http://strawberryperl.com安装成功后,再次执行 cloc ./
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

package.json version中 ‘~‘ 和 ‘^‘ 的区别,

~version"Approximately equivalent to version" Seenpm semver - Tilde Ranges&semver (7). will update you to all future patch versions, without incrementing the minor version.~1.2.3will use releases from 1.2.3 to <1.3.0.^version"Compatible with...
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

[转载] [译] 理解TypeScript 中 any 和 unknown

在我们的项目中实现 TypeScript 时,我们努力写出最好的类型。我们可能经常觉得使用any类型违背了 TypeScript 的目的,确实如此。还有其他一些类型值得了解,我们可能会发现它们在尝试不使用 any 时很有用,比如 unknown 。Anyany 类型类似于纯 JavaScript 的工作方式。我们有时可能需要描述一个我们根本不知道类型的变量。let uncertain: any = 'Hello world'!;uncertain = 5;uncertain = { hel
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0

Delon Cache Service 源码笔记

import { HttpClient } from '@angular/common/http';import { InjectionToken, inject, Injectable, Inject, ɵɵdefineInjectable, ɵɵinject, NgModule } from '@angular/core';import { AlainConfigService } from '@delon/util';import addSeconds from 'date-fns/addSe.
分类: 其他 发布时间: 09-23 11:56 阅读次数: 0