10 2021 档案

摘要:前言 之前就有写过一篇 <<前后端沟通 naming conversion 转换需要知道的事>> 这篇做一个总结整理. 我们知道 C# 的 Property 是 PascalCase, 而 Javascript 是 camelCase. 2 者要沟通就需要转换. 简单的理解就是把 PascalCas 阅读全文
posted @ 2021-10-30 20:57 兴杰 阅读(142) 评论(0) 推荐(0) 编辑
摘要:Add vs AddAsync 参考: .NET 5 REST API Tutorial AddAsync() vs Add() in EF Core EF Core’s AddAsync v. Add Method EF Core in ASP.NET Core - CRUD 无意间再看视频的时候 阅读全文
posted @ 2021-10-25 22:22 兴杰 阅读(635) 评论(0) 推荐(0) 编辑
摘要:前言 Versioning 会导致 Swagger 直接坏掉. 因为 1 个文档无法支持多个版本. 所以需要每一个版本做一个文档. 主要参考 Integrating ASP.NET Core Api Versions with Swagger UI What every ASP.NET Core W 阅读全文
posted @ 2021-10-25 20:22 兴杰 阅读(358) 评论(0) 推荐(0) 编辑
摘要:前言 先看这 3 篇 ASP.NET Core – Web API Versioning ASP.NET Core – Swagger OpenAPI (Swashbuckle) ASP.NET Core – Swagger API Versioning OData versioning 和普通 W 阅读全文
posted @ 2021-10-25 18:50 兴杰 阅读(95) 评论(0) 推荐(0) 编辑
摘要:前言 以前我都是把 ODataController 和普通 API Controller 分开做. (因为 OData 实在多 Bug, 好东西尽量不要掺和它) Read 的部分用 OData, CUD 的部分就用原本的 API. 但最近 OData 弃用了 ODataRoute 这些东西, 改用 阅读全文
posted @ 2021-10-25 16:08 兴杰 阅读(167) 评论(0) 推荐(0) 编辑
摘要:前言 Swagger (OpenAPI) 是一套 Web API 文档规范. ASP.NET Core 有 2 个 Library 可用来实现 Swagger. Swashbuckle 和 NSwag. NSwag 能直接生成 client code 比如 JS, TypeScript 等等, 但 阅读全文
posted @ 2021-10-25 15:19 兴杰 阅读(136) 评论(0) 推荐(0) 编辑
摘要:前言 项目持续维护, API 就需要版本控制. ASP.NET Core 有官方的插件专门处理 API 版本控制. 主要参考 Your Guide to REST API Versioning in ASP.NET Core Asp.Net.Core WebApi 4种版本控制的方式 How to 阅读全文
posted @ 2021-10-25 14:02 兴杰 阅读(745) 评论(0) 推荐(1) 编辑
摘要:前言 写 Library 有时候会用到 database, 会想用 EF 来维护. 比如 Identity, IdentityServer, OpenIddict, 这些 Library 都有使用到 EF. 虽然大家都用 EF, 但它们使用的手法都不太一样哦. 这篇就来研究一下, 写 Library 阅读全文
posted @ 2021-10-23 21:49 兴杰 阅读(111) 评论(0) 推荐(1) 编辑
摘要:介绍 Filter 类似 Middleware,只是它集中在处理 request 的前后, 站 MVC 角度看就是 before 和 after action, 站 Razor Pages 角度就是 before PageModel after 参考 Docs – Filters in ASP.NE 阅读全文
posted @ 2021-10-23 17:45 兴杰 阅读(166) 评论(0) 推荐(0) 编辑
摘要:前言 上一篇讲了 ASP.NET Core – Handle Error on Razor Page 这一篇继续说说 Web API 的错误处理. 主要参考 Handle errors in ASP.NET Core web APIs Model validation in ASP.NET Core 阅读全文
posted @ 2021-10-23 10:35 兴杰 阅读(69) 评论(0) 推荐(0) 编辑
摘要:前言 网站不应该有 error, 但它却必然会发生的, 所以给用户一个友好的 error 页面是很重要的. 主要参考 Handle errors in ASP.NET Core Development 期的错误处理 在 dev 的时候, ASP.NET Core 已经替我们做好了一个错误页面, 对开 阅读全文
posted @ 2021-10-22 22:55 兴杰 阅读(200) 评论(0) 推荐(0) 编辑
摘要:前言 早年只有 MVC, Razor Page 是后来才出现的. 一开始其实我很看不起 Razor Page, MVC 能做的东西为什么要搞多一个 Razor Page 来做呢? 但我还是尝试用了起来, 这篇就聊一下 2 者的使用体验. 相似之处 2 者都有 .cshtml 来写 html 2 者都 阅读全文
posted @ 2021-10-22 21:04 兴杰 阅读(1051) 评论(0) 推荐(0) 编辑
摘要:前言 MIddleware 就是中间件, ASP.NET Core 是用来处理 http request 的. 当 request 抵到 server 就进入了 Middleware pipe. 每个 pipe 会有不同职责 (比如验证 athen, autho, routing 等) 然后依据 r 阅读全文
posted @ 2021-10-22 16:49 兴杰 阅读(113) 评论(0) 推荐(0) 编辑
摘要:需求 常见的需求就是从 request 里面读取一些 information. 比如 request URL, header, cookie, 写入 response header, cookie 实战 Razor Page Model 中 // 读取 request, header, cookie 阅读全文
posted @ 2021-10-22 11:59 兴杰 阅读(1600) 评论(0) 推荐(0) 编辑
摘要:前言 之前写过 6.0, 7.0, 8.0, 9.0 总结. 10.0 也是有些好东西哦, 尤其是 pattern matching 的完善, 差不多是时候可以重构 if else switch 的写法了. 主要参考 C# 10: New features and examples that are 阅读全文
posted @ 2021-10-21 10:42 兴杰 阅读(295) 评论(0) 推荐(0) 编辑
摘要:前言 JSON 是一个很好的格式, array, object 就能表达一个表格了. 如果想保存一些结构格式, 又不想用表格这么大费周章的话, JSON 会是很好选择. 比如我用它来记入 Audit Trial, 每一个请求的 post data 直接记入到一个 column 里面. SQL Ser 阅读全文
posted @ 2021-10-20 12:51 兴杰 阅读(362) 评论(0) 推荐(0) 编辑
摘要:主要参考 Global Query Filters Interceptors QueryFilter QueryFilter 就是默认过滤, 非常适合用来做 Soft Delete builder.HasQueryFilter(e => EF.Property<DateTimeOffset?>(e, 阅读全文
posted @ 2021-10-19 23:55 兴杰 阅读(428) 评论(0) 推荐(0) 编辑
摘要:前言 在 SQL Server – Soft Delete 中, 讲到了如果在 SQL Server 实现 Soft Delete. 这篇来说说, EF Core 在中间扮演的角色. 主要参考 Entity Framework Core: Soft Delete using Query Filter 阅读全文
posted @ 2021-10-19 21:45 兴杰 阅读(165) 评论(0) 推荐(0) 编辑
摘要:前言 久仰 dbo 大名, 但是一直没有认真去看它有啥作用. 今天翻看了一下 SQL Server sample database: AdventureWorks2019, 发现它用了许多 Schema 感觉像当 namespace 用, 于是好奇心下去查了一下 Schema. 主要参考 Sql S 阅读全文
posted @ 2021-10-19 18:09 兴杰 阅读(659) 评论(0) 推荐(0) 编辑
摘要:前言 EF core 6.0 开始有 build-in 的 Temporal Table 支持了. 关于 SQL Server Temporal Table 可以看这篇. 主要参考 What's New in EF Core 6.0 # SQL Server temporal tables 实战 C 阅读全文
posted @ 2021-10-19 16:41 兴杰 阅读(339) 评论(0) 推荐(0) 编辑
摘要:前言 之前写过一篇, 但那个时候还没有开始用, 现在是要用了, 所以翻新一下呗. SQL server temporal table 学习笔记 主要参考: 官网 Temporal tables [译]SQL SERVER 2016 – Temporal Tables SQL Server ->> 深 阅读全文
posted @ 2021-10-19 15:44 兴杰 阅读(690) 评论(0) 推荐(0) 编辑
摘要:前言 没有系统化学一本语言或技术, 那便会被一些冷知识坑. 这里做些记入. 变量作用域 SQL 是远古语法, 声明变量在最顶部就是一条上古法则. 如果我看见有了用这个法则写 C# 或 JS 我就会杀了它. 但是在 SQL 这条法则还真的不是没有用的呢. DECLARE @value INT 变量的作 阅读全文
posted @ 2021-10-16 23:10 兴杰 阅读(68) 评论(0) 推荐(0) 编辑
摘要:Document.scrollingElement 参考: why to use 'html, body' for scrollTop instead of just 'html' MDN 使用document.scrollingElement控制窗体滚动高度 要监听 root scrollbar 阅读全文
posted @ 2021-10-10 23:39 兴杰 阅读(228) 评论(0) 推荐(0) 编辑
摘要:Glob 通常用来匹配 file, gitignore, Tailwind CSS purge 都有用到 参考: Online Test Tool 语法解释 常用到的 ./PdfTemplate/**/!(Index).cshtml 双 ** 就是不管多少层 folder ! 是取反 上面这个匹配的 阅读全文
posted @ 2021-10-10 16:57 兴杰 阅读(168) 评论(0) 推荐(0) 编辑
摘要:广告相互竞争, 自己打自己? About similar keywords in a Google Ads account 如果用户的搜索能匹配到广告 Campaign 中多个广告的话, 会怎么样? 首先, 它不会 2 个广告都展现的. 它会依据一些条件在众多广告 Campaign 中选出合适的广告 阅读全文
posted @ 2021-10-09 13:54 兴杰 阅读(114) 评论(0) 推荐(0) 编辑
摘要:前言 用 Webpack 蛮久的了, 2.0, 3.0, 4.0, 5.0 但由于学的比较杂乱, 所以也没有系统的记入一下. 这次升级到 5.0 比较有系统的把一些资源记入了起来. 既然走了第一步, 那就顺便写一个简单的学习笔记吧. 内容会涵盖我目前用到的所有东西. Webpack, Sass, T 阅读全文
posted @ 2021-10-08 18:40 兴杰 阅读(297) 评论(0) 推荐(0) 编辑
摘要:有用链接: HTML Attribute Reference (查看所有 Attributes) HTML Paragraphs Link to W3Schools <p> 里面 double/multiple space 最终会变成 1 space, 如果要 multiple 就用 space 的 阅读全文
posted @ 2021-10-06 22:45 兴杰 阅读(158) 评论(0) 推荐(0) 编辑
摘要:有些是市场的规范, 有些是我的规范 Tag Name Lower Case 参考: W3Schools Attributes Name Lower Case 参考: W3Schools Always Quote Attribute Values 参考: W3Schools Always Double 阅读全文
posted @ 2021-10-06 22:24 兴杰 阅读(56) 评论(0) 推荐(0) 编辑
摘要:Void Elements 需要 end slash? 这些是 void elements, 它们没有 end tag, 也没有 content. 至于关闭时是 ends with > 还是 />, 其实 W3C 都可以. 但 MDN, W3Schools, Google 的例子都是没有 slash 阅读全文
posted @ 2021-10-06 21:17 兴杰 阅读(94) 评论(0) 推荐(0) 编辑
摘要:参考: Input Field Interaction using Interactive Components in Figma Create interactive components with variants Sign up for the interactive components b 阅读全文
posted @ 2021-10-06 19:17 兴杰 阅读(117) 评论(0) 推荐(0) 编辑
摘要:Figma 其实有蛮多黑科技的, 因为需求真的太多了, 在还没有实现的期间就诞生了很多 hacking 的 way. Feature Issue 实现 min-height 通过 0px 黑科技 其实里面还有一个 Frame 只是 Width = 0.00001px (太小就会变成 0, 但你不能直 阅读全文
posted @ 2021-10-06 18:41 兴杰 阅读(327) 评论(0) 推荐(0) 编辑
摘要:挺简单的, 只要知道它有什么, 基本上就会用了 监听 Event Type 监听 Callback Action 过度 Animation Frame Scrolling 阅读全文
posted @ 2021-10-06 18:36 兴杰 阅读(387) 评论(0) 推荐(0) 编辑
摘要:Design System 我们做设计通常会 Follow 一个 Design System, 比如 Material Guide. 里头会定义 Font, Color, Effect (Elevation) 等规范. Style 封装 & 复用 在 Figma 我们可以为我们调好的颜色, 字体命名 阅读全文
posted @ 2021-10-06 18:20 兴杰 阅读(679) 评论(0) 推荐(0) 编辑
摘要:参考 Create and use variants 定义与用途 Variants 是 Component 的扩展使用方式. 它就像 HTML 元素的属性一样, 通过修改属性, 元素就会变成相应的样式. 通常我们用它来实现 state (状态), 比如: hover, focus, error. 创 阅读全文
posted @ 2021-10-06 16:11 兴杰 阅读(573) 评论(0) 推荐(0) 编辑
摘要:参考 Guide to Components in Figma Figma Tutorial: Components - The Basics (Youtube) 定义与用途 Figma 的 Component 有点 Class 和 Instance 的关系. Component 就是 Class, 阅读全文
posted @ 2021-10-06 12:54 兴杰 阅读(2241) 评论(0) 推荐(0) 编辑
摘要:用途 Auto Layout 有点像 CSS 的 Flex, 它还带有 responsive 的概念.使用它以后可以替代掉不少 constraints 的写法. 用法 一个 parent 抱着多个 children 设置横向或纵向 (只能一个方向) 设置 children 之间的 gap 设置 pa 阅读全文
posted @ 2021-10-05 21:29 兴杰 阅读(611) 评论(0) 推荐(0) 编辑
摘要:Scroll Scroll 属于 prototype 的一部分. 当一个 Frame 的内容超出 Frame 的高度或宽度时, Frame 就具备了 scroll 的能力. 通过 uncheck clip content 我们可以看到内容已经超出 Frame 的高度了 在 prototype 内有一 阅读全文
posted @ 2021-10-05 21:21 兴杰 阅读(2347) 评论(0) 推荐(0) 编辑
摘要:用途 Constraints 用于 responsive design, 子元素和父元素建立约束关系后, 当父元素 dimension 变换的时候, 子元素会做出相应的变化 (移动位置或 resize dimension) 例子 约束有份左右和上下, 概念是一样的,只是方向不同而已, 所以这里我指说 阅读全文
posted @ 2021-10-05 20:20 兴杰 阅读(751) 评论(0) 推荐(0) 编辑
摘要:Figma 有几个常用的对齐方法 从左到右 1. 左对齐 Alt + A 2.左右居中对齐 Alt + H 3.右对齐 Alt + D 4.上对齐 Alt + W 5.上下居中对齐 Alt + V 6.下对齐 Alt + S 7. Child 对齐 Parent 调整间距 1. 上下间距调整 Alt 阅读全文
posted @ 2021-10-05 19:47 兴杰 阅读(2005) 评论(0) 推荐(0) 编辑
摘要:Figma 画 Border 其实还挺难的 4 边框 可以用 build-in 的 Stroke 实现 注: border 是在内部的, 和 HTML 一直 Border Top, Right, Bottom, Left 如果只想要其中 1 的话, Stroke 就不足够用了, 需要用 Effect 阅读全文
posted @ 2021-10-05 17:19 兴杰 阅读(1360) 评论(0) 推荐(0) 编辑
摘要:步骤 按 c 键 -> 点击区域 -> 写 comment -> post 它不仅仅在 design 的 page 可以写 comment 哦, 在预览 prototype 页面也是可以写 comment 的 阅读全文
posted @ 2021-10-05 16:50 兴杰 阅读(215) 评论(0) 推荐(0) 编辑
摘要:安装 Figma 安装 plugin 基本上就是点击一下开启而已. 到社区搜索 -> 点击 install Material Icon 下载地址 它的交互不是 drag 出来哦, 而是点击 icon 然后它会出现在某个地方... icon 的结构有 2 层, 要调 dimension 的话调外面那层 阅读全文
posted @ 2021-10-05 16:33 兴杰 阅读(184) 评论(0) 推荐(0) 编辑
摘要:大纲 Figma 的颜色是通过 FIll 实现的 (Fill 还有其它功能比如 fill 图片) 整体大概长这样, 我们一个一个看 颜色和 opacity 阅读全文
posted @ 2021-10-05 16:18 兴杰 阅读(167) 评论(0) 推荐(0) 编辑
摘要:结构 Figma 的字都会有一个 wrapper 控制 width. 虽然它是看不见的. 但是你要知道它有那个概念存在. 按 T 键, 然后鼠标点击或拉就可以做出一个 text 了. 基本配置 我顺着 Z 字形往下列出来 Roboto 是选字体 (它会链接电脑任何有安装的字, 如果是 web 版本的 阅读全文
posted @ 2021-10-05 15:11 兴杰 阅读(1144) 评论(0) 推荐(0) 编辑
摘要:参考: Figma Tutorial: Images 3 Ways to Insert Image 1. rectangle / frame + fill 画一个 rectangle / frame 然后去 fill 选择 image then browse an image to insert. 阅读全文
posted @ 2021-10-05 14:18 兴杰 阅读(228) 评论(0) 推荐(0) 编辑
摘要:参考: 10 tips to work 10x faster in Figma 15 tips to design 15X faster in Figma | Figma Tutorial 2021 常用 keyboard shortcut F = 画 frame O = 画圆形 T = 字体 C 阅读全文
posted @ 2021-10-05 12:52 兴杰 阅读(258) 评论(0) 推荐(0) 编辑
摘要:Frame = <div> Frame 就类似 HTML 中的 div, 它和形状 rectangle 特性上蛮相识的, 但是使用场景其实差很多, 所以不要搞错哦. (除了图片很少会用到 rectangle 的) Keyboard F 或者右上角选 Frame 就可以画出一个 frame 了. Fr 阅读全文
posted @ 2021-10-05 12:35 兴杰 阅读(1491) 评论(0) 推荐(0) 编辑
摘要:前言 Chart.js 是前端用来做可视化数据的库. 它是用 canvas 来实现的. 里头有各式各样的图表. 这个比较难系统学习, 通常都是项目需要用到才去翻翻找找. 但是日子久了难免又忘东忘西. 所以最好还是写一个小笔记. 这篇会记入我有用过的图片和配置. 参考 官网 docs Github I 阅读全文
posted @ 2021-10-04 12:33 兴杰 阅读(527) 评论(0) 推荐(0) 编辑

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