- 博客(545)
- 资源 (20)
- 收藏
- 关注
原创 [docker] 多容器项目 - PHP+MySQL+Nginx+utility containers
这个项目总共会配置 6 个容器,主要还是学习一下 docker 的使用和配置,目标是:本机不安装 PHP、Nginx安装部分全都交给 docker 容器实现可以运行一个 Laravel 网页项目修改本机代码可以即时更新网页大概流程是这样的:fill:#333;color:#333;color:#333;fill:none;utilitynpmComposer主机只负责保存必要的源码,PHP 容器会读取本机变动的源码,随后进行必要的更新。
2024-04-27 00:09:02 450
原创 [docker] docker compose
是一个简化运行 docker 指令的工具,它可以部分代替和docker run指令,但是无法取代 docker 指令,更不会取代容器和镜像。它可以运行单个或多个容器,通过运行 YAML 配置好的文件建造镜像和运行容器不过有个缺点,它无法管理不同 hosts 上的容器——这个需要通过 类似于 docker swarm/kubernetes 这样的工具去进行管理。
2024-04-24 08:48:40 852
原创 [docker] 多容器项目
相当于把之前学的一些东西全都整合一下,做一个小型的项目:fill:#333;color:#333;color:#333;fill:none;DBBackendFrontend这里的数据库、前端、后端可以为任何框架,并不指定为特定框架。
2024-04-23 10:28:29 755 1
原创 [docker] 网络连接
使用 docker 容器会遇到下面 3 种情况:容器与万维网之间的交流默认情况下是允许的从容器到本机的交流假设有一些服务运行在本机,如数据库,而 docker 需要和本机进行交流去获取数据这个实现需要配置容器与容器之间的交流这个是比较常见的用法了,同样需要配置。
2024-04-22 10:13:06 618
原创 [docker] volume 补充 & 环境变量 & 参数
这里补充一下 volume 剩下的内容,以及添加参数(ARG) 和 环境变量ENV的内容。
2024-04-22 02:01:05 842
原创 [docker] 数据的持久化 - Volume & bind mounts
和 1 个容器进行绑定不和任何一个容器进行绑定,可以复用基于 host 的文件系统,不和任何一个容器进行绑定持久化不完整,容器被删除则无法溯源容器的生命周期不影响持久化的数据,使用进行删除容器的生命周期不影响持久化的数据,需要将 host 上的文件进行删除无法被共享可以被共享可以被共享无法被复用可以被复用可以被复用。
2024-04-17 09:52:31 791
原创 [node 库推荐] rosie 测试用生成数据
这里用一个比较简单的User作为案例好了,比如说Userid: number;其中sequence类似于 id 生成users;users;那么就能够生成 10 个随机的用户信息。
2024-04-17 05:37:06 398
原创 [docker] 核心知识 - 概念和运行
images/镜像:template(模板)/blueprints(蓝图),包含所需工具、代码和源码的运行时containers/容器:软件的运行单元本质上来说,这个方法就是提供一系列指令让 docker 去运行去创建一个新的镜像,随后运行该镜像最简单的方式是创建一个 Dockerfile,将对应的指令写入到 Dockerfile 中,随后运行该 Dockerfile 去创建新的镜像。
2024-04-15 11:33:11 928 1
原创 [spring] rest api security
---------VALUES--------VALUES这里会创建两个新的表去建立关联:其中 role 等同于 auth,members 等同于 user⚠️:这里新修改的密码是fun123。
2024-04-14 13:25:50 566
原创 [spring] Spring Boot REST API - 项目实现
书接上文,一些和数据库相关联的注解在主要的 layer 如下:fill:#333;color:#333;color:#333;fill:none;
2024-04-12 14:14:54 998 1
原创 [Angular 基础] - 表单:响应式表单
),}),});效果如下:,其原因是因为在调用了,因此需要绑定对应的 scope,否则 Angular 会因为this的指向变更而找不到。⚠️:这是 JavaScript 的问题,与框架无关这个实现和自定义验证类似,不过返回的对象是null,),}),});}, 1500);});效果如下:可以看到,当输入为时,又过了大概 1.5s 之后,输入框才跳为红色——这是之前加的出现 error 的 CSS。
2024-03-11 10:36:31 576
原创 [Angular 基础] - 表单:模板驱动表单
Angular 内置两种表单的支持,这篇写的就是第一种,即模板驱动表单 (Template-Driven Form)Template-Driven Form 的实现比较简单,Angular 自身会生成和提供对应的表单控制和管理状态,对于开发者来说,实现相对而言更加简单,因此更加适合简单的表单实现。
2024-03-10 12:38:17 1163 1
原创 [Angular 基础] - Observable
我以前对 Observable 的理解是,重新了解了一下,感觉这个说法不太对。更准确一些的说法应该是,只不过大多数情况下,这个events是一个 Promise 而已。比如说routes的变化不属于 Promise,但是它是一个 event,也就自然可以被放到 Observable 里面去进行监听。大多数 rxjs 相关的内容都在 rxjs 的 observable 里面说过了,这里主要记一些 angular 相关的知识,之后有需求的话继续拓展。
2024-03-09 05:26:21 1022
原创 [React 进阶系列] React Context 案例学习:使用 TS 及 HOC 封装 Context
根据项目经验是这样的,自从换了 TS 之后,就再也没有二次封装过了使用 TS 真的可以有效解决 typo 和 intellisense 的问题这里依旧使用一个简单的 todo 案例去完成。
2024-03-08 05:52:22 902
原创 第一个 Angular 项目 - 添加路由
前置项目是,之前的切换页面使用的是ngIf对渲染的组件进行判断,从而完成渲染。这一步的打算是添加路由,同时添加 edit recipe 的功能(同样通过路由实现)
2024-03-06 05:24:22 1112
原创 [Angular 基础] - routing 路由(下)
这也是一个相对而言比较粗暴的处理方式,大多数的应用都会渲染一个 not found 页面,而不是直接显示一个空白屏幕。时,后置的 query parameters 全都丢了,这也是 Angular 的默认行为,想要改变这个行为,需要在 click handler 中进行处理,下面是对于。⚠️:Agular 的路径 match 是通过前缀实现的,在 not found page 这个案例的情况是 wildcard,不会造成任何的问题。下面声明一个新的路径,去采用重新渲染子组件的方式去进行重定向。
2024-03-05 19:59:10 1197 1
原创 [Angular 基础] - routing 路由(上)
终于到 routing 了……这部分的内容比我想象的要复杂很多,果然 Angular 的学习曲线不是开玩笑的 ¯\_(ツ)_/¯。
2024-03-03 11:11:38 1038
原创 第一个 Angular 项目 - 添加服务
这里主要用到的内容就是提到的前置项目在这里查看想要实现的功能是简化和recipe之间的跨组件交流层级结构相对来说还是有一点点复杂的,所以如果在app层构建一个对应的变量和事件再一层层往下传,无疑是一件非常麻烦的事情(尤其 V 层和 VM 层都要进行事件传输的对应变化),而使用 service 就能相对而言比较简单的解决这个问题。
2024-02-23 13:40:01 1131 1
原创 [Angular 基础] - service 服务
之前的笔记就列举三个好了……没想到 Angular 东西这么多(ー ー;)……全加感觉越来越凑字数了Angular 的 service 如果后端出身的应该很熟悉,它是 Angular 自行管理,并使用 Dependency Injection 去实现的一个类。因此它比较合适使用的场景是,多个嵌套组件需要互相沟通,并需要传递值。这个情况下,a如果需要和d与e进行沟通的话,那么bc@Inputadebc@Outputdea这就是一个不可避免的沟通环节。使用 service 就可以比较有效的解决这个问题。
2024-02-22 00:35:34 1209
原创 [Angular 基础] - 自定义指令,深入学习 directive
这篇笔记的前置笔记为,对 Angular 的 directives 不是很了解的可以先过一下这篇笔记。
2024-02-20 14:10:51 1301
原创 第一个 Angular 项目 - 动态页面
以上为静态页面,即不涉及到跨组件交流的内容以下涉及到组件内的沟通,从这开始数据就“活”了这篇笔记结合新学的绑定知识,盘活数据。
2024-02-19 01:49:05 1112
原创 [Angular 基础] - 生命周期函数
以上为静态页面,即不涉及到跨组件交流的内容以下涉及到组件内的沟通,从这开始数据就“活”了看了一下,从 v2 开始的生命周期好像就没变过,这是从 archive 的 v2 官网上拉下来的一张图:数量和顺序都是一样的,蓝色部分则是与 投射(projection) 有关这篇笔记相对而言比较枯燥是真的……也没办法……
2024-02-18 08:46:44 1189 1
原创 [Angular 基础] - 视图封装 & 局部引用 & 父子组件中内容传递
以上为静态页面,即不涉及到跨组件交流的内容以下涉及到组件内的沟通,从这开始数据就“活”了下面的例子依旧会沿用这里创建的项目。
2024-02-18 06:07:19 1194
原创 [Angular 基础] - 自定义事件 & 自定义属性
首先是从渲染和开始,所以需要将cockpit内的东西注释掉,以防报错如果不会报错的话则可以忽略,我后面又做了点修改……有的时候会想要设置 alias,而非使用传递过来的变量名——比如说可能父元素会创建一个事件然后传递event到子元素中,子元素则可以根据需求去重命名这是一个mouseEventinputEventformEvent// () 内的才是父组件里使用的变量名这个时候,对于当前组件来说,可访问的变量为,因此 V 层也需要进行对应的修改:</stylecolorred</</</</
2024-02-08 00:19:12 1648
原创 第一个 Angular 项目 - 静态页面
这是在学完了上面这三个内容后能够完成的项目,目前因为还没有学到数据在不同组件之前的传输,因此只会有一个 UI 的渲染,而不会涉及到事件的实现。
2024-02-07 00:38:51 1509
原创 [Angular 基础] - 指令(directives)
就像中文翻译一样,directives 就是指令,它就是一系列 DOM 中存在的指令。
2024-02-05 21:19:58 1466
原创 [Angular 基础] - 数据绑定(databinding)
Angular 之中的 databinding 是一个相对而言更加复杂,以及我个人觉得相对而言比较灵活的部分——较之 React 的单项数据流而言,Angular 是可以实现双重绑定的:对于 React 来说,则是需要调用从 ViewModel 中传给 View 层的事件,随后 ViewModel 更新数据,再传递到 View 层,总体上来说 React 的代码更加的可靠(因为数据/事件的流动是单一的),但是也会碰到情况——如嵌套较深时,事件的触发与数据的更新就会产生比较麻烦的情况。
2024-02-04 08:34:57 1254
原创 [Angular 基础] - Angular 渲染过程 & 组件的创建
之前的笔记为了推进度写的太笼统了(只有功能没有其他),当时学的时候知道是什么东西,但是学完后重新复习发现有些内容就记不清了,所以重新用自己的语言总结一下。
2024-02-03 09:06:57 1269
原创 Mac 上终端配置
初始化了一下自己的 mac 笔记本,所以重新记一下终端配置,最终的完成版的需求是这样的:存在的指令需要显示绿色进行提示:不存在的指令则是显示红色进行提示:同时具备对指令进行提示一个看起来还不错的 UI同样的配置 linux(WSL) 上应该也可以跑。
2024-01-31 12:24:19 1419
原创 Keycloak - docker 运行 & 前端集成
这里的记录主要是跟我们的项目相关的一些本地运行/测试,云端用的 keycloak 版本不一样,不过本地我能找到的最简单的配置是这样的。
2024-01-25 09:21:19 1440
原创 React 封装的一些总结
总体上来说这次重构的效果还是挺好的,完成了:测试代码的添加虽然是从 redux 开始,不过我们终于开始写测试了……代码更加的模块化使用 redux 集中化数据这一部分其实也减少了一些重复调用的代码,毕竟数据和页面也存在 1-to-many 的情况单个页面开发速度提升 50%之前简单的页面实现周期大概是一周左右(5-6 天),现在因为代码已经封装好了,所以实现周期提速到了 2-3 天现有的代码量大概优化了 50%+每个页面渲染本身优化了大概 40%左右。
2023-11-12 09:37:39 500
原创 React 测试笔记 03 - 测试 Redux 中 Reducer 状态变化
这段时间都在重构代码,把本来奇奇怪怪(singleton)的实现改成用 redux 的实现,然后就突然想到……即然 redux 的改变不涉及到 UI 的改变,那么是不是说可以单独写 redux 的测试……?找了一下资料,发现比想象中的简单很多,所以就稍微记一下。
2023-11-09 22:10:17 725
原创 [LC 总结] 前缀和(Prefix Sum)总结& 10 道相关练习题
类型与题目列表如下:题目的解法都做过了,会留在最后一个部分,接下来就梳理一下 prefix sum,列举的题目从简单到 -> 困难。
2023-11-07 21:19:49 583
原创 [python 刷题] 437 Path Sum III
Path Sum III 的解法肯定就是 I & II 的进阶版,I & II 中求的是从 root -> leaf 的和,因此好算一些,只需要遍历到 leaf,然后算一下。因此解题思路也是一样的,同样都是使用 prefix sum + hash table 去解题,这里主要需要注意一点的是,不同分支上的 dict 不能串起来,如题目中的。就可以获取结果,不过 III 求的是任意一段和,问是不是能等同于。,虽然使用 JS 写的,不过 python 的实现也更新了一下。的话,就会发现这道题就非常的熟悉,
2023-11-07 01:15:13 186
原创 [python 刷题] 1248 Count Number of Nice Subarrays
题目如下:numskkReturnsub-arrays这道题和挺像的。
2023-11-05 10:54:41 174
JavaScript实现区块链功能
2023-05-09
JS array数组部分功能实现
2022-05-22
jQuery炫酷应用实例集锦 JQ3.0 重写版
2022-05-08
typescript-handbook.pdf
2021-04-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人