关于@delon包 有更新!

  |   0 评论   |   0 浏览

ng-alain 是来自中国作者 卡色 开源出的一个企业级中后台前端/设计解决方案脚手架,秉承 Ant Design 的设计价值观,让 Angular 快速落地于企业生产实践中的一个高集成性框架。

其中提供了非常丰富的功能诸如

  • Dynamic Form
  • Antv/Echarts
  • Acl
  • Auth
  • Theme
  • Cache
  • Mock
  • Util (DeepCopy/TreeToArray 等等)

假如你对 Angular 有一些使用基础,那么使用起来会相当的得心应手。

假如你对 Angular 只有一些略微了解,那么也可以通过 ng-alain 提供的 CLI 快速的建立起一个可运行 Project 用来快速上手。

  • 生成一个 ng-alain 项目首先需要安装 AngularCli
  • npm install @angular/cli@12.2.0
  • 其次使用 ng new my-project --style less --routing 创建名为 my-project 的纯 Angular 项目
  • 然后使用 ng-alainCLI 生成项目
  • ng add ng-alain
  • 最后使用 npm run start 启动项目
  • 或者直接前往预览地址

我把deno官方文档抄了一遍,以确保,知晓有哪些功能了! 有更新!

  |   0 评论   |   0 浏览

1. installation

    1. shell-mac/linux curl -fsSL https://deno.land/x/install/install.sh | sh
    1. powerShell-win iwr https://deno.land/x/install/install.ps1 -useb | iex
    1. scoop-win scoop install deno
    1. choco-win choco install deno
    1. homebrew-mac brew install deno
    1. nix-mac/linux nix-shell -p deno
    1. source using Cargo cargo install deno --locked
    1. docker https://github.com/denoland/deno_docker

flutter ipad 有更新!

  |   0 评论   |   0 浏览

1.1 安装 dart

brew tap dart-lang/dart
brew install dart

1.2 安装 Flutter

git clone https://github.com/flutter/flutter.git

配置环境变量

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
# 这里换成你自己clone的地址
export FLUTTER_HOME=$HOME/Sdks/flutter
export PATH=$PATH:$FLUTTER_HOME/bin

Micrometer concepts

  |   0 评论   |   0 浏览

1.什么是 Micrometer 针对 JVM Application 的指标库工具 SPI 服务商应用接口 2.支持的服务商 AppOptics Atlas Azure Monitor Cloudwatch Datadog Datadog StatsD Dynatrace Elastic Humio Influx KairosDB New Relic Prometheus SignalFx Sysdig StatsD Telegraf StatsD Wavefront 3.注册 Registry Meter 是测量你的应用程序指标的一个集合 Meter 在 Micrometer 中被 MeterRegistry 创建并保存 每个受支持的监控服务商都有一套对应的 MeterRegistry 实现 SimpleMeterRegistry 可以将数据保存在内存中,不会将数据导出到任何地方 假如没有首选监控系统,可以从 SimpleMeterRegistry 开始 MeterRegistry registry = new SimpleMeterRegistry(); SimpleMeterRegistry 可....

C++ Primer 手记

  |   0 评论   |   0 浏览

1.数据类型 1.1 类型/字宽 1.bool 2.char 8bit wchar_t 16bit char16_t 16bit char32_t 32bit short 16bit int 16bit long 32bit long long 64bit float 6 位有效数字 double 10 位有效数字 long doubel 10 位有效数字 可寻址最小内存块为 “字节” 8bit = 1byte 存储的基本单元为“字” 1 word = 32/64bit = 4/8bytes float = 1 word = 32bit = 4bytes double = 2 word = 64bit = 8bytes long double = 3word - 4word = 96-128 bit = 12 - 16 bytes signed +/-/0 unsigned +/0 int,short,long,long long -> singed 8bit unsigned char 00000000 - 11111111 : 0-255 8bit signed char 111....

Spacevim配置文件备份

  |   0 评论   |   0 浏览

[options] # 主题颜色 colorscheme = "jellybeans" colorscheme_bg = "dark" enable_guicolors = true # YouCompileMe enable_ycm = true # statusline statusline_separator = "arrow" statusline_iseparator = "bar" enable_statusline_mode = true buffer_index_type = 0 # tabline enable_tabline_filetype_icon = true # 版本控制 enable_vimfiler_gitstatus = true # file tree filemanager = "vimfiler" filetree_direction = "left" # Google enable_googlesuggest = true # ------------------ui-------------------- [[layers]] name = ....

关于文章排序算法引发的思考

  |   0 评论   |   0 浏览

Question 事情的经过大概是这样子 前几天 R 社站长问作品集应该怎么排序? 作为写过几天增删改查的我就叭叭了一堆,先这样这样,在那样那样,最后这样这样,就排好了 然后站长贴了一个排序算法,不同于冒泡选择排序算法,经过一阵思考和分析后,感觉妙啊 ~~~ 同时也觉得自己太过头发短见识短,孤陋寡闻了,沉浸在各种框架里殊不知解决核心问题的还是数学。 Answer b3 的 Markdown editor 数学公式支持 Katex

\frac{(log_{10}Qviews4)+\frac{QanswersQscore}{5}+sum(Ascores)}{((Qage+1)-(\frac{Qage-Qupdated}{2}))^{1.5}}
Qviews = question views,通常这个数会很大,几万至几十万 Qanswers = question answers,这个数相对于浏览量来说就非常小了,5-10 等等 Qscore = question score,评分,完全是搜索问题的人觉得这个回答值多少分就点一分,可为负 sum(Ascroes)不知道,不考虑 Qag....

RYMCU-8051单片机系列

  |   0 评论   |   0 浏览

NO0.开发板实验平台-NEBULA-VSCODE NO1.软件安装-NEBULA-VSCODE NO2.点亮你的第一个 LED-NEBULA-VSCODE NO3.单片机硬件知识-NEBULA-VSCODE NO4.单片机 C 语言基础-NEBULA-VSCODE NO5.跑马灯-NEBULA-VSCODE NO6.蜂鸣器实验-NEBULA-VSCODE NO7.定时器实验-NEBULA-VSCODE NO8.按键实验-NEBULA-VSCODE NO9.数码管实验-NEBULA-VSCODE NO10.中断-NEBULA-VSCODE NO11.串口通信实验-NEBULA-VSCODE NO12.I2C 总线 NO13.1602 液晶显示实验 NO14.DS18B20 实验 话外:编辑器 NO15.红外线通信实验-NEBULA-VSCODE NO16.实时时钟 DS1302 实验-NEBULA-VSCODE NO17.步进电机实验-NEBULA-VSCODE NO18.EEPROM NO19.总结

关于微前端实现原理与ngx-planet(四)服务端渲染

  |   0 评论   |   0 浏览

1.为什么要服务端渲染 因为公司后端服务在 k8s 上,是分布式的微服务,之前端全部打包部署在了物理机器(虚拟机)nginx 上,如果通过 helm 做应用商店的话,nginx 前端这部分无法处理,包括灰度部署,CI 等,全部都只能做到接口级别的处理,并不能连带静态资源文件一起处理,所以基于分布式的前端整改迫在眉睫。 偶然发现了 ngx-planet,整篇文章基于前几篇文章,可以看之前的几篇文章。 2.如何基于 ngx-palnet 进行服务端渲染 2.0 有路由前缀的情况下服务端渲染 ngx-planet 如何改进 在 start 函数中监听路由阶段,其中的 startWith 过滤路由要把 location.pathname 修改好,要将前缀去除掉,至于如何动态去除不写死,仁者见仁智者见智。 2.1 首先,准备打包好的静态文件 将 build 命令修改,注意 --deploy-url 的意思是,打包完成后,静态资源路径是什么 "build": "ng build --prod --deploy-url=/static/star-universe/ --base-href=/star-universe", 打....

关于微前端实现原理与ngx-planet(三)客制化

  |   0 评论   |   0 浏览

客制化 由于公司和公司的业务不同,所以在 ngx-planet 的基础上,需要作出一些针对于业务的拓展 目前分出四个基础项目 @yunzai/stars:封装了用户认证,元素权限,i18n 等系统初始化信息的内容,需要发包的,意为繁星. star-universe: portal 项目,所有子前端项目的入口,意为宇宙. star-dust:一些可能会通用的 components 都放到这个项目里,统一管理,意为星尘. star-uranus:模版项目,意为天王星. 开发环境 可以看到桌面共有四个编辑器,开发时需要跑起其中三个项目. star-universe,star-dust,star-uranus @yunzai/stars 因为是基础包,所以扩展了哪些功能点,先做一个介绍,因为发包,所以 planet 前缀都被我改名成为了 star 前缀,针对于 ngx-planet 加载过程请看前一篇 link start。 接下来看项目结构 首先基于 ngx-planet 加入了 auth,config,i18n,providers,stomp,token,user 这些文件夹 module 针对于 Module 做出了以下....

关于微前端实现原理与ngx-planet(二)

  |   0 评论   |   0 浏览

道标 准备好源码,然后跟着文章去看代码,在每个代码块的第一行,我都把 filename 写上了,并且打开了 gitalk。 项目结构 - packages/planet |--src |--application |--planet-application-loader.spec.ts |--planet-application-loader.ts # 应用加载器 |--planet-application-ref.spec.ts |--planet-application-ref.ts # 应用的引用 |--planet-application.service.spec.ts |--planet-application.service.ts # 应用逻辑处理 Service |--portal-application.spec.ts |--portal-application.ts # Portal 应用 |--component |--planet-component-loader.spec.ts |--planet-component-loader.ts # 组件加载器 |--pla....

关于微前端实现原理与ngx-planet(一)

  |   0 评论   |   0 浏览

微前端? 简单来说 从使用角度考虑 D 应用是由 ABC 三个应用/组件组合而成,通常在 Angular/Vue/React 单项目中很容易实现,但为了复用解耦,D 应用现由 3 个独立部署并带有通信机制的应用/组件组合而成。 从部署角度考虑 A,B,C,D 为并行四个打包后的静态文件,当有 E 应用使用 A,B,C,D 应用中的组件或者事件时通过类 eureka 服务发现注册的方式去复用组件或应用。 当然,这只是众多思路中的一种 当然,这只是众多思路中的一种 当然,这只是众多思路中的一种 好处: 应用自治: 只需要遵循统一的接口规范或者框架,以便于系统集成到一起,相互之间是不存在依赖关系的。 单一职责: 每个前端应用可以只关注于自己所需要完成的功能。 技术栈无关: 你可以使用 Angular 的同时,又可以使用 React 和 Vue。 这就好像使用 k8s 集群和 grpc 调用一样 架构模式 基座模式: 通常有一个 main/portal 应用来充当基座,提供基础服务,剩下的应用可插拔在基座上。好像 dashboard 和 widget 的关系 自组织模式: 各个应用平级不存在相互管理 实现思....

vmalert

  |   0 评论   |   0 浏览

Vmalert vmalert executes a list of given alerting or recording rules against configured address some command line interface tool configure vmalert ./bin/vmalert -rule=alter.rules \ // PromSQL compatible datasource -datasource.url=http://localhost:8428 // Alert manager url -notifier.url=http://localhost:9093 // Alert manager replica rul -notifier.url=http://127.0.0.1 // remote write compatible storage to persist rules -remoteRead.url=http://localhost:8428 // PromSQL compatible datasource t....