Litwak-CSDN博客

原创导入JSON到xmind

这只是一个思路，解决JSON格式，大量树状数据，创建xmind低效问题。函数可以根据你的实际情况优化。

2023-12-06 12:44:26 426

2021-07-06 20:07:14 193

原创 ts 工厂模式

interface Shape { draw();}class Circle implements Shape { draw() { }}class Square implements Shape { draw() { }}class Rectangle implements Shape { draw() { }}// let c = new Circle(10, 10);// c.draw();// 工厂模式class ShapeFact.

2021-06-09 17:10:29 743

原创 Angular、Vue、React响应式原理对比分析

AngularVueVue 的响应式，是使用观察者模式实现的。Vue 会遍历 data 数据对象，使用 Object.defineProperty() 将每个属性都转换为 getter/setter。每个 Vue 组件实例都有一个 watcher 实例，在组件初次渲染（render）时，会记录组件用到了（调用 getter）哪些数据。当数据发生改变时，会触发 setter 方法，并通知所有依赖这个数据的 watcher 实例，然后 watcher 实例调用对应组件的 render 方法，生成.

2021-05-31 16:19:48 2676

原创聚合 schematic 脚手架

包地址：https://www.npmjs.com/package/ng-zhongyingjuhe1、 Install Angular ~10.1.3: （12测试服务器已安装[email protected]）npminstall-g@angular/cli@10 @angular/core102、创建项目 ngnewproject_name --routing=false --style=less # Would you like to add Angular...

2021-04-14 17:46:34 191

原创 ref和reactive分析笔记

Reactive 例子<template> <button @click="increment"> Count is: {{ state.count }}, double is: {{ state.double }} </button></template><script>import { reactive, computed } from 'vue'export default { setup() {

2021-04-02 11:41:44 285

原创微前端框架搭建主应用为angular

demo域名没有备案，2021年3月6日可以正常访问。主应用配置1、新建项目，我这里是新建了angular v10工程，并安装qiankun包。ng new fe-maincd fe-mainnpm install qiankun2、设置子程序入口 micro-app.jsconst microApps = [ { name: 'fe-sub-vue', entry: '//localhost:7777/', activeRule: '/fe

2021-03-04 18:45:23 1271 2

转载 “Disconnected:No supported authentication methods available“错误

问题描述当您通过SSH客户端登录Linux系统的ECS实例时，输入正确的账号密码，也会出现类似以下错误信息。Permission denied (publickey,gssapi-keyex,gssapi-with-mic). sshd[10826]: Connection closed by XX.XX.XX.XX. Disconnected: No supported authentication methods available.问题原因SSH服务中参数PasswordAuthen

2021-02-19 17:55:10 1317

原创 Chrome 屏蔽https中访问http（不安全内容）

Chrome 更新到84之后，默认屏蔽不安全内容。临时解决方法：1：修改网站设置，不安全内容屏蔽改为允许。2：换用Firefox（目前最新v84正常）， edge（目前最新v88测试正常）3：网站都使用https...

2021-02-09 17:01:31 13048

翻译 2021年 Flutter 展望

Null safetyFlutter 将支持 Dart 的 sound null safety（空安全），并将插件和软件包生态系统的迁移扩展到支持空安全，包括Flutter团队直接维护的软件包和插件。在此过程中，Flutter 团队计划提供迁移工具，示例和文档，以帮助迁移现有代码。Null safety 已经发布了 beta 版本，2021年将会迁移到稳定版本，此特性有效的避免了空指针异常，kotlin 和 swift 中都包含此特性，如果以前接触过，基本没有学习成本。Androi...

2021-02-07 19:56:52 1117

转载 TCP协议是如何保证页面文件能被完整送达浏览器的

对于在网络中，我们知道一个文件通常会被拆分为很多数据包来进行传输，而数据包在传输过程中又有很大的可能会丢失或者出错，保证页面文件完整地送达浏览器是有必要的。下面就这三方面展开描述：数据包如何送达到主机主机如何将数据包转交给应用数据是如何被完整地送达到应用程序数据包从主机A送到主机B，数据包上会附加上主机B的IP地址信息，主机A本身的IP地址，这些附加的信息会被装进一个IP头的数据结构里（包含IP版本，源IP地址，目标IP地址，生存时间等）这些一般我们都了解，下面主要说明TCP（Tran

2021-02-07 19:42:18 382 3

转载 Chrome为什么打开一个页面，会有4个进程?

答案：因为打开1个页面：至少需要1个网络进程，1个浏览器进程，1个GPU进程以及1个渲染进程。解释：多进程架构的学习进程和线程的概念混淆从计算的角度来说，单线程就是一个接一个的计算，多线程就是同时处理多个计算。多线程是指程序中包含多个执行流，即在一个程序中可以同时运行多个不同的线程来执行不同的任务，就是说允许单个程序创建多个并行执行。单线程是程序中的一个执行流，每个线程都有自己的专有寄存器(栈指针、程序计数器等)，但代码区是共享的，即不同的线程可以执行同样的函数。多线程也是

2021-02-07 19:40:53 1224

原创 git仓库初始命令

# Command line instructionsGit global setupgit config --global user.name "xxx"git config --global user.email "[email protected]"# Create a new repositorygit clone [email protected]:DevGroup/xxx.gitcd xxxtouch README.mdgit add README.mdgit commit -m .

2021-01-04 20:01:10 118

原创柯里化

什么是柯里化？柯里化过程就是将多参数函数转换成单参数函数。我们从add函数开始原先的写法是：const add = (x, y) => x + y现在将其定义成如下写法：const add = x => y => x + y然后这样使用：add(1)(2) // 3const add1 = add(1) // 传入第一个参数后，第一个值被保存起来，返回的函数可以复用add1(2) // 3***我是分割线***柯里化函数(某论坛看.

2020-12-12 13:58:23 253

原创远程调试保持连接不断

Xshellnohup ng serve --host 10.110.1.99 --port 4200 > ng.log 2>&1 &exit使用了nohup之后，很多人就这样不管了，其实这样有可能在当前账户非正常退出或者结束的时候，命令还是自己结束了。所以在使用nohup命令后台运行命令之后，需要使用exit正常退出当前账户，这样才能保证命令一直在后台运行。2与>结合代表错误重定向，而1则代表错误重定向到一个文件1，而不代表标准输出；换成2>&a

2020-11-26 19:27:50 204

原创图解 react、 angular、 vue、Flutter 生命周期

reactangularvue

2020-11-24 18:59:54 1010

原创 Bindings cannot contain assignments 绑定不能包含赋值

Bindings cannot contain assignments：<tr *ngIf="options.isGroup"> <th nzLeft="0px" rowspan="2">序号</th> <ng-container *ngFor="let group of options.nodes"> <th *ngIf="getHeaderGroupLength(group.children); let l" [colspan]="

2020-11-19 15:12:26 618

原创 angular html里定义变量

ngIf+let：<div *ngIf="{ a: 1, b: 2 }; let variable"> <span>{{variable.a}}</span> <span>{{variable.b}}</span></div>ngIf+as：<div *ngIf="{ a: 1, b: 2, c: 3 } as variable"> <span>{{variable.a}}</

2020-11-19 15:11:12 1453

原创 React route不刷新

使用withRouter关联页面组件实现跳转刷新。错误示例import './Body.css';import React, { lazy, Component, Suspense } from 'react';import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';const Home = lazy(() => import('../Home'))const About = lazy(()

2020-11-02 19:14:58 996

转载 How to Combine Lists in Dart? dart里合并list

Using addAll() method to add all the elements of other lists to the existing listmain() { // Creating lists List gfg1 = ['Welcome','to']; List gfg2 = ['GeeksForGeeks']; // Combining lists gfg1.addAll(gfg2); // Printing c

2020-10-28 12:04:52 285

原创 Uncaught Error: Cannot hit test a render box that has never been laid out

问题是你把ListView放在一个Column/Row里面。异常中的文本很好地解释了错误。为了避免错误，你需要提供一个有大小的组件包起ListView。我建议你使用Expanded组件，来告知水平/垂直大小(最大可用)和SizedBox组件(可以是一个容器)。错误代码示例一class ListFormState extends State<ListForm> { List<String> products = ["Test1", "Test2", "T.

2020-10-27 11:06:24 3496

原创 flutter: NoSuchMethodError:the method ‘-‘ was called on null

写了个Tween<Color> 报错：NoSuchMethodError:the method '-' was called on nullcolor = Tween<Color>(begin: Colors.green, end: Colors.red).animate( CurvedAnimation( parent: controller, curve: Interval(.0, .6, curve: Curves.ease))).

2020-10-22 15:24:39 1207

原创 Unhandled Exception: Cannot hit test a render box with no size

使用列表时，如果直接使用listView，flutter不能命中没有大小的渲染框。比如下面这个例子，错误的做法：import 'package:flutter/material.dart';import 'package:flutter_practice/practice-advanced/router/event-bus-ex.dart';import 'package:flutter_practice/practice-advanced/router/gesture-detector-..

2020-10-20 17:37:27 3332

原创 ng-zorro 日期时间合并组件

import { Component, forwardRef, ChangeDetectionStrategy } from '@angular/core';import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';import { ViewEncapsulation } from '@angular/compiler/src/core';@Component({ selector: 'app-date-t.

2020-09-30 11:09:28 547

原创 git config 说明

git config local vs global vs system@[TOC](git config)git config 说明这三个级别配置的内容都是相同的，不同的是优先级；同样的配置信息的优先级是：local > global > system; 也就是说，针对同样的某个配置，如果同时存在在local和global中时，local中的配置将会覆盖global中的配置项的值，当然也会同样覆盖system中的配置项；这样做的好处是：既方便共用，又可以个性化自定义。遵循的理念是：对于所有

2020-09-27 10:52:40 213

原创 npm 提速/换源

使用淘宝源临时使用npm --registry https://registry.npm.taobao.org install express持久使用npm config set registry https://registry.npm.taobao.org通过cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org使用官方源npm config set registry https://regi

2020-09-27 10:22:19 111

原创直接启动AVD - android模拟器

注意，在android sdk目录下，有两个emulator，一个在tools文件夹里，一个在emulator文件夹里。这里我们用emulator/emulator.exe。我这里的地址是：C:\Android\Sdk\emulator第一步：新建runEmulator.bat文件：内容：-avd后的是你安装的设备名称。emulator -avd Pixel_2_XL_API_29echo 模拟器已启动，欢迎使用Pixel_2_XL_API_29第二步：发送到桌面快捷方

2020-09-24 10:11:15 2898

原创 Flutter web环境搭建

在国内环境，搭建Flutter web环境费了很大力气，以下就详细解答搭建过程。第一步：下载beta版https://flutter.cn/docs/development/tools/sdk/releases版本列表里找到beta channel最新版。我这里用的是1.22.0-12.1.pre。大约700MB。解压到安装目录，推荐放到 C:/src/flutter第二步：设置 Path 环境变量C:/src/flutter/bin设置 dart_pub, flutter..

2020-09-22 12:31:49 596 1

原创 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.

2020-09-02 10:24:52 329

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

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

2020-07-17 14:38:28 289

转载 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...

2020-07-17 11:13:05 2851

原创代码量统计工具cloc

cloc安装：npm install -g cloc使用 cloc + path：cloc ./如果报错：perl 不是内部或外部命令的问题，则需要安装perl http://strawberryperl.com安装成功后，再次执行 cloc ./

2020-06-09 17:09:59 611

原创 Angular 报错 Cannot assign to a reference or variable!

情况一：控件的属性与 ts 文件里面定义的变量重名了比如 @Input() key: string;<div-model key="abc"></div-model>情况二：这个问题是应为HTML文件中ngModel绑定了一个变量，却没有给变量赋值导致的。<input #assembleInquestion id="assembleInput...

2020-04-29 18:46:26 610

原创控制 nzTableComponent 水平滚动

ng-zorro-antd 的 nzTableComponent 如果列很多，想要水平滚动，怎么办呢？在9.0版以前，只需要：// 获得nzTableComponent@ViewChild('vitalSignsTable',{static:false})nzTableComponent:NzTableComponent;// 设置scrollLeftthi...

2020-04-29 18:40:44 498

转载前端哲学

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

2020-01-07 14:49:00 136

原创关于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...

2019-12-13 10:33:12 106

转载 Angular 自定义表单控件

当我们打算自定义表单控件前，我们应该先考虑一下以下问题：是否已经有相同语义的 native (本机) 元素？如：<input type="number"> 如果有，我们就应该考虑能否依赖该元素，仅使用 CSS 或渐进增强的方式来改变其外观/行为就能满足我们的需求？如果没有，自定义控件会是什么样的？我们如何让它可以访问 (accessible)？...

2019-11-28 13:58:52 900

原创解决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...

2019-11-21 15:46:02 963

原创选择日期时间控件，基于ng-zorro

import { Component, forwardRef, OnInit } from '@angular/core';import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';@Component({ selector: 'app-date-time', template: ` &...

2019-10-28 15:43:38 2069