01 2022 档案

摘要:前言 真实项目中, 通常搭配 Webpack 之类的工具使用: Webpack 学习笔记 这篇记入的是单元测试的环境 参考: Get started with Tailwind CSS Automatic Class Sorting with Prettier VS Code Extension s 阅读全文
posted @ 2022-01-31 23:33 兴杰 阅读(382) 评论(0) 推荐(0) 编辑
摘要:前言 之前的笔记 CSS – W3Schools 学习笔记 (3) 就有讲过 CSS Transitions 和 CSS Animations. 这里做一个整理, 补上一些细节. Transitions Link to W3Schools 5 个属性可以用 transition-property t 阅读全文
posted @ 2022-01-31 14:19 兴杰 阅读(142) 评论(0) 推荐(0) 编辑
摘要:参考 word-break 和 word-wrap 的区别 (我以为这篇已经很厉害了) 彻底搞懂word-break、word-wrap、white-space (没想到, 这一篇更厉害) white-space white-space 是负责管理空格, 换行的, 比如 &nbsp; <br>, \ 阅读全文
posted @ 2022-01-30 23:08 兴杰 阅读(216) 评论(0) 推荐(0) 编辑
摘要:前言 无意间在 practice 的时候看到视频使用, 以前没有听过. 它有点像 Figma 的 hug content, 据说 CSS 2.1 也是有类似的概念, 只是没有被正式纳入 CSS 里. CSS 3 才开始用的. 参考: [译] CSS 内在尺寸教程(min-content、max-co 阅读全文
posted @ 2022-01-30 21:32 兴杰 阅读(123) 评论(0) 推荐(0) 编辑
摘要:介绍 z-index 是用来设置 element 层次高低的 (当 element 重叠的时候) 参考: 4 reasons your z-index isn’t working (and how to fix it) 深入理解 CSS 属性 z-index Z-index CSS Tutorial 阅读全文
posted @ 2022-01-30 18:17 兴杰 阅读(119) 评论(0) 推荐(0) 编辑
摘要:参考: CSS Naming Conventions that Will Save You Hours of Debugging Class Name kebab-case .hero-section {} JS Used Class Name prefix "js" + kebab-case cl 阅读全文
posted @ 2022-01-30 15:09 兴杰 阅读(70) 评论(0) 推荐(0) 编辑
摘要:前言 之前 W3Schools 学习笔记就有提到了 CSS Layout - The display Property 这篇做更多的解释. 参考: CSS Display FLEX vs Block, Inline & Inline-Block Explained Disfault Display 阅读全文
posted @ 2022-01-30 13:17 兴杰 阅读(75) 评论(0) 推荐(0) 编辑
摘要:前言 这篇记入一些我常用到. 以前写的笔记 css 选择器 (学习笔记) Whatever (*) * {} By Id (#) #id {} By Class (.) .class-name {} By Tag p {} By Attribute [data-value] {} 方括弧配上 att 阅读全文
posted @ 2022-01-29 21:23 兴杰 阅读(732) 评论(0) 推荐(0) 编辑
摘要:前言 程序员就爱 hot key, 就爱 shortcut. 当然这里指的是不牺牲安全和结果的情况下用尽可能少的力气去做事情, 而不是那种 shortcut 了以后会翻车的. Emmet 就是专门写 HTML 自动补全的语法, VS Code 自带这个能力, 所以不需要安装插件哦. 参考: Writ 阅读全文
posted @ 2022-01-29 18:57 兴杰 阅读(73) 评论(0) 推荐(0) 编辑
摘要:前言 学完了 w3school 就要练练手了. 这篇是记入我学习的过程, 和知识点. update: 2022-02-27 用文章来表达太难了, 用视频比较合理. 所以我就没有继续写了. 这里记入几篇教程: One Page Full Website Project For Practice | H 阅读全文
posted @ 2022-01-29 14:01 兴杰 阅读(99) 评论(0) 推荐(0) 编辑
摘要:前言 在 Identity – Authorize 有介绍过, Identity 的验证核心是 Claims. 在 Identity – Without Identity Framework 也看到了 Claims 是怎样创建的. 这篇看看 Identity 如何帮助我们撞见 Claims 和我们要 阅读全文
posted @ 2022-01-21 19:50 兴杰 阅读(268) 评论(0) 推荐(0) 编辑
摘要:前言 会研究到 Azure Front Door (AFD) 是因为想安装 WAF. 结果研究了一圈, 发现 AFD 好弱啊. 有许多功能都有 limitation. Limitation & 不够好的地方 1. Not support web socket 参考: feedback.azure.c 阅读全文
posted @ 2022-01-16 12:33 兴杰 阅读(744) 评论(0) 推荐(0) 编辑
摘要:前言 在做 Web Application Firewall research 的时候看见了一张图. 这格式之前也看见过, 但没怎么上心, 现在才注意到它很好表达了行业或者产品的市场格局. 于是特地 research 了一些. 参考: 魔力象限百度 魔力象限 youtuber 魔力象限 Magic 阅读全文
posted @ 2022-01-15 22:32 兴杰 阅读(198) 评论(0) 推荐(0) 编辑
摘要:前言 最近在研究 WAF, 顺便记入一下常见的 Web 攻击. SQL Injection SQL injection 是指程序员直接拿 client input, 拼接到 SQL query 中. 从而导致 client 有能力可以操作 SQL. 这个是年代久远的攻击了. 现在一般上都会使用 pa 阅读全文
posted @ 2022-01-15 21:36 兴杰 阅读(56) 评论(0) 推荐(0) 编辑
摘要:前言 虽然它好像是快过时了, 但目前还得用到. 先不研究新的先. Azure 的 service 如果要通过 API 调用的话, 就需要 Azure Active Directory (Azure AD). 比如 win-acme 要调用 Azure DNS. App registrations 通 阅读全文
posted @ 2022-01-13 00:17 兴杰 阅读(170) 评论(0) 推荐(0) 编辑
摘要:前言 之前有介绍过用 Certify The Web 来做 Let's Encrypt SSL, 但是最近常看到它的 License 提示, 有种随时随地要收费的感觉 于是找了一个替代品 win-acme. 这篇就来聊聊它. Why win-acme Certify The Web 是一款 UI 工 阅读全文
posted @ 2022-01-12 19:35 兴杰 阅读(1066) 评论(0) 推荐(0) 编辑
摘要:前言 以往 DNS 都是用 Domain 公司免费提供的. 但这类 DNS 一般都不支持 API 访问. 这就会导致无法自动 renew Let's Encrypt wildcard SSL. 所以用 Azure DSN 来解决. 购买和设置 参考: Creating a Microsoft Azu 阅读全文
posted @ 2022-01-12 19:30 兴杰 阅读(143) 评论(0) 推荐(0) 编辑
摘要:前言 最近有客户想购买 Azure 的 Web Application Firewall (WAF), 来防 SQL Injection, XSS 攻击. 一开始我是觉得没什么必要, 毕竟什么年代了, 如果项目里还有 SQL Injection, XSS 的话, 那表示开发人员有问题了. 那你要防的 阅读全文
posted @ 2022-01-12 16:15 兴杰 阅读(403) 评论(0) 推荐(1) 编辑
摘要:前言 最近有机会接触了一下 AWS, 在对比完之后决定继续用 Azure, 这里小小记入一下. VM & SQL Server Azure 和 AWS 都可以选择 2 in 1, 或者 Web Server, SQL Server 独立 2 in 1 方案, 2 间公司差不多价格, 可能 AWS 还 阅读全文
posted @ 2022-01-12 13:55 兴杰 阅读(162) 评论(0) 推荐(0) 编辑
摘要:前言 近几年, 随着前后端 (或者说整个应用程序开发技术) 的提升. Low-code 概念开始冒出来了. Low 的意思是 low level, 也就是懂一些 coding 能力就可以做出很有用的程序. 这不容易, 只有工业化到一定程度才会出现这种现象. 比如很多公司现在都可以做手机了. 因为行业 阅读全文
posted @ 2022-01-09 21:22 兴杰 阅读(88) 评论(1) 推荐(0) 编辑
摘要:前言 很久以前有学习过各种树结构, 但后来真的没有在实际项目中运用到. 毕竟我主要负责的都是写业务代码. 太上层了 但是忘光光还是很可惜的. 所以久久可以复习一下. 记得概念也好, 帮助思考. 参考: YouTube – How to Create Database Indexes: Databas 阅读全文
posted @ 2022-01-07 19:08 兴杰 阅读(622) 评论(0) 推荐(0) 编辑
摘要:前言 以前写过 Hangfire 的学习笔记, 但写的很乱. 这篇做个整理. 介绍 Hangfire 是用来做 server task 的, 比如: background job, delay job, schedule job 等等. 它可以做到分钟级别的 schedule, 任务会通过 SQL 阅读全文
posted @ 2022-01-06 16:54 兴杰 阅读(967) 评论(1) 推荐(0) 编辑
摘要:前言 ASP.NET Core 6.0 以后, 默认模板去掉了 Program.cs 的 namespace, class 和 Startup.cs, 一开始看会有点懵. 这篇大概记入一下, program, startup 的小知识. 恢复 namespace 和 class 如果不习惯没有 na 阅读全文
posted @ 2022-01-06 15:52 兴杰 阅读(751) 评论(0) 推荐(0) 编辑
摘要:前言 以前最讨厌设计复杂方法调用, 就是那种需要一堆有逻辑规则的 config 作为参数的方法. 这种 config 通常是一个大对象, 有许多 property, property 之间有存在一些逻辑, 比如当 property A 是什么的时候 B 必须也是什么. 如果不管它, 那么调用方法的人 阅读全文
posted @ 2022-01-05 17:30 兴杰 阅读(298) 评论(0) 推荐(0) 编辑
摘要:前言 有些项目会需要让 end user 写模板 (rich text) 同时又需要做一些 data binding. 这几乎是 programmer 的工作了... 在 C#, 大可以使用 Razor Engine 来处理. 但是它对 end user 来说太 advance 了. 而且一般上 e 阅读全文
posted @ 2022-01-03 23:20 兴杰 阅读(964) 评论(0) 推荐(0) 编辑
摘要:GraphQL 很火, 很厉害, 但是它和 OData 有本质的区别. 所以并不是说任何一样对比另一个绝对的好. GraphQL is not OData twitter 的讨论 有几个点是我能 Get 的到的. OData = SQL in URL OData was a way to seria 阅读全文
posted @ 2022-01-03 18:19 兴杰 阅读(721) 评论(0) 推荐(0) 编辑
摘要:替 Action/Func Parameter 设置名字 public static void MatchBracket(string value, string bracket, Action<int, int, string> action) { } Action/Func 的 paramete 阅读全文
posted @ 2022-01-03 11:26 兴杰 阅读(87) 评论(0) 推荐(0) 编辑
摘要:前言 EF Core 可以把 expression 转换成 string, 但没办法转回来. 想把 string 转成 expression, 目前最合适的工具是 OData. 虽然 Dynamic LINQ 也有人用, 但毕竟 OData 是微软的, 而且有规范文档. 可惜, 就目前的 OData 阅读全文
posted @ 2022-01-02 20:55 兴杰 阅读(260) 评论(0) 推荐(0) 编辑
摘要:前言 踩了一个坑, 下面是 2 个 scope 的调用, 第 1 和 3 是一个 Audit log filter action, 第 2 个是 controller. // open tran // edit entity 1 // save change 1 // save point A // 阅读全文
posted @ 2022-01-01 11:01 兴杰 阅读(892) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示