rust angular 自签名证书 wss
项目中采用 wss 来建立的前后端连接, 但是并没有用到认证的证书, 所以自己用 openssl 生成了私钥, 自签名证书来使用:
这里就不再赘述 Wss 连接过程, 直接上手操作:
1. 生成私钥, 证书:
请查看: 使用 openssl 安装和生成证书 - 书源 - 博客园 (cnblogs.com)
2. rust 服务端:
将生成的 server.crt 和 server.key 放 ...
全网最全！1500+ 免费、美观的前端网页模板，建站神器（包括HTML、Vue、Angular、React等）！
前言
经常有小伙伴问我 Vue、React、Bootstrap 或者 Angular 这些有好看且免费的前端模板推荐的吗？今天大姚给大家分享一个宝藏网站，它汇聚了1500+ 免费、美观的前端网页模板，无论是 Vue、React、Bootstrap、Angular 等多种主流前端技术，你都能在这里找到心仪的模板，让你的前端开发之路更加顺畅！
HtmlRev：https://ht ...
Angular CLI 源码分析
🔥 重磅推荐！这份文档 + 课程《Angular CLI 源码分析》 = 王炸组合 💥 双倍知识，双倍快乐，带你起飞～ 🚀 (ง •_•)ง
准备：
安装 Node.js https://nodejs.org/；
安装 VS Code https://code.visualstudio.com/；
创建文件夹 angular-cli-source-learn；
安装 Angular CLI npm install @angular/clihttps://www.npm ...
angular初步使用
创建项目
npm install -g @angular/cli
ng new my-angular-project
cd my-angular-project
ng serve
ng serve --port 8081
# access in localhost:4200
angular-cli
文件生成
Angular CLI 提供了快捷命令来生成各种文件，保持项目结构的一致性。常用的生成命令包括：
生成组件：
ng generate component component-name
...
👾 笔记 | Angular 实现 keep-alive (路由复用)
Angular 的路由复用策略（RouteReuseStrategy）是一种用于优化路由跳转性能和提高用户体验的机制。通过实现RouteReuseStrategy接口，后可以自定义路由的复用行为，避免不必要的组件销毁和重建，同时保持组件的状态。
以下是对Angular路由复用策略的详细介绍：
一、基本概念
RouteReuseStrategy是 Angular 路由模块提供的一 ...
Angular 集成 StreamSaver 大文件下载
应用场景:
实现目标: 在网页端实现大文件(文件大小 >= 2 G) 断点续传
实际方案: 发送多次请求, 每次请求一部分文件数据, 然后通过续写将文件数据全部写入.
难点: 无法实现文件续写, 最后采用 StreamSaver 来解决这个问题.
1. 首先从 git hub 将 StreamSaver 拉取下来.
StreamSaver gitHub 项目地址:& ...
Angular 我在点击了上一页或者下一页方法之后，重新加载渲染数据。为什么还需要再点击一次页面的其他地方才会渲染出来？（或者数据改变了页面没有渲染）
在你的 TypeScript 代码中，当调用 nextPage_TopSelling() 或 prevPage_TopSelling() 方法时，虽然你更新了 currentPage_TopSelling 的值并调用了 reloadTopSelling() 方法，但是 Angular 并不会自动检测到这些变化并重新渲染页面。这是因为 Angular 的变化检测机制是基于异步的，在一些情况下需要手动触发变化检测。
为了 ...
2023最新中级难度Angular面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头
内容来自 面试宝典-中级难度Angular面试题合集
问: Angular是什么？请简要介绍一下Angular框架的特点和优势。
Angular是一个由Google维护的开源前端框架，用于构建高效、动态和响应式的单页面Web应用程序。它最初在2010年作为AngularJS发布，并于2016年进行了重写并改名为Angular（也被称为Angular 2+ ...
Angular入门
构建项目
// 安装angular-cli
npm install -g @angular/cli
// 创建项目
ng new angular01
// 是否安装路由
// 选择（css/less/sass）
// 进入项目
cd angular01
// 安装依赖
npm install
// 启动并打开浏览器
ng serve -o
导入vscode后，安装angular提示的插件
目录结构
第一层文件
node_modules 第三方依赖包存放目 ...
Angular: 样式绑定
解决方案
使用ngClass和ngStyle可以进行样式的绑定。
ngStyle的使用
ngStyle 根据组件中的变量， isTextColorRed和fontSize的值来动态设置元素的颜色和字体大小
<div [ngStyle]="{'color': isTextColorRed ? 'red': 'blue','font-size': fontSize + 'px'}">
This text has dynamic styles based on component variables.
...
angular入门
程序设计原则：
1、YAGNI：You Are't Gonna Need It（不写不需要的代码）
2、DRY：Don't Repeat Yourself（不要cv自己的代码）
3、OCP：Open Close Principle（开闭原则：对扩展开放、对修改封闭）
4、Low Coupling, High Cohesion（高内聚低耦合）
5、Dimeter Law（迪米特法则，也称为"最少知识法则"）一个对象/组件只负责 ...
教你学会使用Angular 应用里的 export declare const X Y
摘要：export declare const X: Y语法用于在Angular应用程序中声明一个具有指定类型的常量变量，并将其导出，以便在其他文件中使用。
本文分享自华为云社区《关于 Angular 应用里的 export declare const X Y 的用法》，作者：Jerry Wang。
最近做 Spartacus 的 Angular 开发时，遇到下面这种 TypeScript 代码：
对于里面 ...
如何卸载/升级Angular CLI？
@@node js 卸载 Angular CLI
当我尝试使用Angular CLI创建新项目时，请执行以下操作：
ng n app
我收到此错误：
fs.js：640返回binding.open（pathModule._makeLong（path），stringToFlags（flags），mode）; ^ TypeError：路径必须是TypeError（本地）处的字符串或Buffer
如何升级或卸载Angular CLI？
angular&nbs ...
angular
1. 新建组件 ng n c hello
2. 插值语法 {{ content }}
3. 属性绑定用 []
<p-dataTable [value]="listdata" selectionMode="multiple"></p>
或者
<p-dataTable [value]="listdata" [selectionMode]="'multiple'"></p>
<div [class]="'box'"></div> // 必须是字符串 [class]="box"这样写box是变量
<h3 [class.xxy-tab ...
rxjs的几点使用心得
1.对错误的处理
日常使用中，点击按钮需要往后台发消息，为了不重复发消息，经常需要把点击事件做成subject，然后把发消息的过程做成switchMap，类似下面的写法
const subject = new rxjs.Subject();
subject.pipe(
rxjs.operators.switchMap(index => {
&nbs ...
玩转Angular系列：组件间各种通信方式详解
前言
在前端框架Angular中，组件之间的通信很基础也很重要，不同组件间的通信方式也不同，掌握组件间的通信方式会更加深刻的理解和使用Angular框架。
本文讲解不同类型组件间的不同通信方式，文中所有示例均提供源码，您可以 在线编辑预览 或 下载本地调试，相信通过本文您一定可以掌握组件通信这一知识点。
父组件传子组 ...
GraphQL（三） - Authentication 和 Authorication
本文介绍GraphQL中的Authenication和Authorication
参考：
https://graphql.org/learn/authorization/
https://www.apollographql.com/docs/apollo-server/security/authentication/
Authenication和Authorication的区别
Authenication 和 Authorication 的概念十分容易混淆，两者的定义如下：
Authenication 指用户认证 ...
Angularjs的工程化
Angularjs的工程化
AMD规范和CMD规范
为什么需要模块化管理工具
在编写项目时可能需要加载很多js文件，若b.js依赖a.js，且a.js比b.js大很多，那么浏览器会让b.js等待a.js加载完毕后再去执行b.js里的内容；而即使d.js并不依赖a.js，b.js，c.js，也会等待这三个文件均加载完毕才执行，为了让浏览器能够按需加载，提出了模块化 ...
Angularjs的重要概念
AngularJS的重要概念
MVC模式
AngularJS最早按照MVC模式设计，在这种设计模式下，AngularJS组件可以分为：
M: Model，即模型，是应用程序中用于处理应用程序数据逻辑的部分，在AngularJS中:
即作用域对象(当前为$rootScope), 它可以包含一些属性或方法；
充当储存数据的容器；
提供操作数据的方法。
V: View，即视图， ...
Angularjs——初识AngularJS
AngularJS——初识AngularJS
AngularJS是什么
AngularJS是Google开源的一款前端JS结构化框架，它通过对前端开发进行分层，极好地规范了前端开发的风格——它将前端开发分为Controller层、Service层、DAO层和Model层。其中，Model对象与HTML页面（视图）上HTML元素进行双向绑定，开发者可通过Controller调用Service、DAO与后 ...
