05 2022 档案

摘要:效果 原理 一眼看上去, background 有渐变颜色 linear-gradient. 当 hover in 的时候有一束白光, 从右边移动到左边. hover out 则是反过来. 它其实是通过 background-size, background-position 来实现的. 如果不熟悉 阅读全文
posted @ 2022-05-29 07:04 兴杰 阅读(56) 评论(0) 推荐(0) 编辑
摘要:前言 最近听朋友说, 正在使用 ADFS 做 SSO, 哎哟. 我都是用 OIDC 做的, 这个 ADFS 是啥? 没听过. 于是搜索了一下, 这里先做一个小记入. ADFS 介绍 参考: stackoverflow – Federated Identity Management: ADFS vs 阅读全文
posted @ 2022-05-29 06:38 兴杰 阅读(484) 评论(0) 推荐(0) 编辑
摘要:Spam from Website Enquiry 网站一般上都会有 Contact Us 页面. 里头有一个表格, 访客可以通过提交表格发出对产品和服务的讯问. 本来是一个质询功能, 但就是有坏人利用这个功能, 给站长提交了广告内容. 本来是给你质询的, 你却拿来发广告给我! 气得我... 更过分 阅读全文
posted @ 2022-05-25 12:54 兴杰 阅读(243) 评论(0) 推荐(0) 编辑
摘要:参考 Docs – Enable Cross-Origin Requests (CORS) in ASP.NET Core 介绍 CORS (Cross-Origin Resource Sharing) 讲的是游览器对跨域服务端发起 HTTP request (Ajax),被游览器禁止读取。 Chr 阅读全文
posted @ 2022-05-23 13:14 兴杰 阅读(294) 评论(0) 推荐(0) 编辑
摘要:前言 上一篇 JavaScript – XMLHttpRequest 有提到 XMLHttpRequest 正在被 Fetch 取代,这篇就继续介绍 Fetch 吧。 参考 阮一峰 – Fetch API 教程 Simple Get Request & Response const response 阅读全文
posted @ 2022-05-23 11:44 兴杰 阅读(707) 评论(0) 推荐(0) 编辑
摘要:前言 要看懂这篇请先看下面几篇 JavaScript – Iterator JavaScript – Generator Function JavaScript – Promise JavaScript – 用 Generator 运行异步函数 & await async Async Iterato 阅读全文
posted @ 2022-05-22 20:38 兴杰 阅读(113) 评论(0) 推荐(0) 编辑
摘要:前言 上一篇 JavaScript – Promise 介绍了如何用 JS 编写可读性高的异步函数. 但其实呢, Promise 还不是最好的. 在 es6 之前, Promise 比起回调地狱是好了很多, 但是还不够美. 一堆的 .then 和回调函数. 还不够美. 于是就有了用了 es6 的新特 阅读全文
posted @ 2022-05-22 17:23 兴杰 阅读(173) 评论(0) 推荐(0) 编辑
摘要:前言 我学 Promise 的时候, 那时还没有 es6. 曾经还自己实现过. 但时隔多年, 现在 es6 的 promise 已经很完善了. 这篇作为一个简单的复习. (毕竟我已经 1 年多没有写 JS 了...) 以前写过相关的文章: Javascript Promise 学习(上) Javas 阅读全文
posted @ 2022-05-22 11:52 兴杰 阅读(222) 评论(0) 推荐(0) 编辑
摘要:前言 网页开发做久了, 自然而且会接触到许多 status code. 这篇列出一些常见的 status code. 初学者可以把它们学上来. 真的很常见哦. 参考 Wikipedia – List of HTTP status codes 2xx 2xx 的 codes 都属于成功的 reques 阅读全文
posted @ 2022-05-21 23:18 兴杰 阅读(125) 评论(0) 推荐(0) 编辑
摘要:前言 虽然现在的 Email Client 有在进步, 但是比起 browser 还是差太远了. 假如你用 HTML5 + CSS3 的方式去写 Email Template 的话是不行的. 这篇特地学习一下如何写好 Email Marketing HTML Template. 参考 Youtube 阅读全文
posted @ 2022-05-21 21:10 兴杰 阅读(114) 评论(0) 推荐(0) 编辑
摘要:前言 Full stack 的问题就是经常需要一阵子离开一个环境. 比如我跑去写 Angular 几个月. 回来写 Razor, 肯定是卡卡的. 尤其是一些比较不常用到的语法. 所以有一个很好的笔记就很重要了. 以前我都懒的写, 但这半年我整理了很多, 也体会到这样做确实是很方便. 毕竟人家写的是教 阅读全文
posted @ 2022-05-21 17:58 兴杰 阅读(93) 评论(0) 推荐(0) 编辑
摘要:前言 Razor Class Library 的用途是封装 Razor views, pages, controllers, page models, Razor components, View components, and data models, 到一个独立的 Library, 然后 sha 阅读全文
posted @ 2022-05-20 12:11 兴杰 阅读(347) 评论(0) 推荐(0) 编辑
摘要:前言 Angular Material 只有 Form field, 但 Material Design 有份 Text field 和 Form field, Form field 是给 checkbox 和 radio 用的, Text field 则是给 input, select 用的. 它 阅读全文
posted @ 2022-05-18 16:56 兴杰 阅读(278) 评论(0) 推荐(0) 编辑
摘要:前言 它们关系挺乱的, 而且不只是我一个人感觉乱 还有 所以这篇做一个整理吧. Material Design Google 的设计指南. 早年用于 Android Apps, 现在也用于 Web Application. 许多 Google products, e.g. Gmail, Google 阅读全文
posted @ 2022-05-18 12:33 兴杰 阅读(378) 评论(1) 推荐(0) 编辑
摘要:前言 在 MDC – Material Design, Angular Material, MDC, MWC, Lit 的关系 中, 我有提到基于 MDC 的 Framework 生态有多糟糕. 但它的一些架构设计出发点确实是为了 Framework 着想的. 这篇稍微看一看这部分. 参考 Gith 阅读全文
posted @ 2022-05-18 11:53 兴杰 阅读(52) 评论(0) 推荐(0) 编辑
摘要:前言 Angular Material 为了更好的和 Material Design 保持一致, 放弃了自己开发, 改而使用 wrapping MDC 的方式来维护 Angular Material. Youtube – NG Conf 2019 Day 3 CDK Is The Coolest T 阅读全文
posted @ 2022-05-17 13:22 兴杰 阅读(162) 评论(0) 推荐(0) 编辑
摘要:参考 阮一峰 – Proxy 介绍和使用 Proxy 的作用是代理对象, 消费者不直接使用对象, 而是使用代理对象. 一般上做代理的目的就是想拦截对象访问做一些别的事情. 比如当对象改变以后, 同步 HTML. 基本用法: interface Person { name: string; age?: 阅读全文
posted @ 2022-05-14 17:55 兴杰 阅读(107) 评论(0) 推荐(0) 编辑
摘要:参考 阮一峰 – Generator 函数的语法 介绍 Generator Function 是一种特别的函数, 它让函数有一种分阶段执行的能力. 一般的函数, 你调用它, 它执行所有函数内的代码, 就结束了. 但 Generator 函数不同, 它可以只执行一部分的代码, 然后返回, 接着再继续执 阅读全文
posted @ 2022-05-14 15:49 兴杰 阅读(114) 评论(0) 推荐(0) 编辑
摘要:参考 Set 和 Map 数据结构 Set 介绍和使用 Set 很像 Array, 但其实它是一个 Iteralbe 对象. 用于保存多个值, 而且具有 unique 特性 (1 个 set 里面不会有重复的值) 注意: Set 是通过 加 NaN = NaN 来判断值是否相同. (既不是 也不是 阅读全文
posted @ 2022-05-13 23:04 兴杰 阅读(36) 评论(0) 推荐(0) 编辑
摘要:参考 阮一峰 – Iterator 和 for...of 循环 前言 es6 以后经常可以看到 for...of 的踪迹. 如果你细看会发现它挺神奇的. 不只是 Array 可以被 for...of, 有些对象也可以被 for...of. const array = [1, 2, 3]; conso 阅读全文
posted @ 2022-05-13 13:49 兴杰 阅读(272) 评论(0) 推荐(0) 编辑
摘要:介绍 Angular Language Service 是一个针对 Angular 项目的程序静态分析 (Program Static Analysis) 工具,它的作用是提升开发体验。 很多 IDE (比如:VS Code、WebStorm) 都可以通过安装插件的方式来使用 Angular Lan 阅读全文
posted @ 2022-05-13 03:38 兴杰 阅读(593) 评论(0) 推荐(0) 编辑
摘要:介绍 Angular wrap 了一层 ESLint, 定义了一些 best practice guide. 这篇说说如何 setup 它. 这个 ESLint 并不是 under Angular Team 维护的哦. 是好心人士做的, 而且做的不错. 好难得. 参考 Github – angula 阅读全文
posted @ 2022-05-13 03:07 兴杰 阅读(334) 评论(0) 推荐(0) 编辑
摘要:前言 这篇讲一讲发布和环境 (development, staging, production) 介绍 我的网站是 host 在 Azure 的 Virtual Machine, 跑 IIS, 没有使用 docker, 就一个简单方式而已. 通常网站会分 3 个阶段 1. development 开 阅读全文
posted @ 2022-05-12 11:26 兴杰 阅读(235) 评论(0) 推荐(0) 编辑
摘要:前言 以前用 npm, 后来 yarn 火了就用 yarn. 后来 yarn 2.0 大改版, Angular 不支持就一直没用. 一直到去年的 Angular 13 才开始支持. 最近又开始写 Angular 了, 所以来补上它吧. 这篇会讲到 Node.js v16 + Yarn 3 运行 Ty 阅读全文
posted @ 2022-05-11 19:09 兴杰 阅读(3342) 评论(2) 推荐(5) 编辑
摘要:前言 一年半没有写 Angular 了. 现在又要开始写了. 复习过程中也顺便整理一下笔记呗. 介绍 CLI 是 Angular 的辅助工具. 输入一些 command 它会帮你 create 一些有结构的 files, 提升开发速度. Global CLI 安装 & 升级 Global 安装 CL 阅读全文
posted @ 2022-05-10 20:31 兴杰 阅读(284) 评论(0) 推荐(0) 编辑
摘要:前言 Symbol 是 es6 的特性. 如果只是写业务逻辑代码, 其实是不太会用到的. 如果是做架构, 封装, UI 组件才有需要. 但学它的概念是好的. es6 有需要内置的 Symbol 链接者许多常用的功能, 如果想修改这些 build-in 的东西, 了解 Symbol 是必须的. 参考 阅读全文
posted @ 2022-05-10 15:12 兴杰 阅读(125) 评论(0) 推荐(0) 编辑
摘要:前言 JavaScript (简称 JS) 有几个概念 Object, Prototype, This, Function, Class 是比较难理解的 (相对其它语言 C# / Java 而已),这主要是因为 JS 设计之初并没有完善这几个部分 (当时没有需求), 而后来一点一点补上去的时候又需要 阅读全文
posted @ 2022-05-08 14:05 兴杰 阅读(534) 评论(0) 推荐(0) 编辑
摘要:介绍 JS 是弱类型语言, 在编程时, 有许多自动类型转换的技巧, 虽然大家都不太鼓励, 尤其是用了 TypeScript 之后, 但无可否认自动转换很方便, 看上去也很干净. 所以这篇还是要介绍一些常见的类型转换语法. 题外话: C# 是强类型, 为什么可以 "abc" + 5, 但不可以 "1" 阅读全文
posted @ 2022-05-08 00:13 兴杰 阅读(59) 评论(0) 推荐(0) 编辑
摘要:参考 TC39、ECMA-262、ECMAScript 的一些事儿 简史 es3 千禧年后稳定版 es4 革命版本, 最后在 2008 年难产了 es5 2009 年推出, 拿了 es4 一些比较简单的部分来实现. es6 2015 年推出, 拿了 es4 许多比较难的部分来实现. 也叫 es201 阅读全文
posted @ 2022-05-07 16:31 兴杰 阅读(118) 评论(0) 推荐(0) 编辑
摘要:前言 以前写过一篇关于 Rouding 的 decimal, double, float, 但有点杂乱, 这篇做一个整理. Why need rouding? 除法会诞生小数. 甚至会诞生无限小数 (除不完). 无限小数肯定是不行的, 计算机也存不了. 这时就需要 rouding. 即便不是无限, 阅读全文
posted @ 2022-05-07 16:08 兴杰 阅读(293) 评论(0) 推荐(0) 编辑
摘要:前言 之前就写过一篇 decimal, double, float,但写的有点杂乱,这篇把 JS 的部分独立写成一篇整理版。 参考 JavaScript 浮点数运算的精度问题 关于JavaScript中计算精度丢失的问题 Rounding C#.Net筑基-深入解密小数内部存储的秘密 big.js设 阅读全文
posted @ 2022-05-07 14:11 兴杰 阅读(2172) 评论(2) 推荐(0) 编辑
摘要:参考 阮一峰 – 基本语法 Switch switch 经常用来取代 else if, 因为可读性比价高, 而且通常性能也比较好. standard 长这样 const orderStatus = 'Pending'; switch (orderStatus) { case 'Pending': c 阅读全文
posted @ 2022-05-07 12:13 兴杰 阅读(28) 评论(0) 推荐(0) 编辑
摘要:参考 阮一峰 – 函数的扩展 基本用法 function fn1(param1, param2 = 'default value') { return 'return value'; } fn1('1'); JS 函数特色 no optional parameters JS 的函数没有 option 阅读全文
posted @ 2022-05-06 23:44 兴杰 阅读(71) 评论(0) 推荐(0) 编辑
摘要:介绍 Rest 和 Spread 的共同点是语法都是 ... (点点点). 但它们的概念是相反的. 看例子体会: Rest Parameters 参考: 阮一峰 – rest 参数 rest parameters 可以替代 arguments 对象. old school: function met 阅读全文
posted @ 2022-05-06 20:11 兴杰 阅读(102) 评论(0) 推荐(0) 编辑
摘要:参考 阮一峰 – 变量的解构赋值 Array Destructuring Assignment old school const items = [1, 2, 3]; const item1 = items[0]; const item2 = items[1]; const item3 = item 阅读全文
posted @ 2022-05-06 17:47 兴杰 阅读(112) 评论(0) 推荐(0) 编辑
摘要:前言 一年半没有写 JS 了, 今天开始来个大复习, 顺便把这么多年零零散散的知识点做成笔记. 练练字. ES 3, 5, 6, 2017, 2018... ES 6 等于 ES2015 ES 7 等于 ES2016 以此类推, 年份减一就对了. 通常 ES 6 以后大家都用年份来称呼了. ES6 阅读全文
posted @ 2022-05-06 16:31 兴杰 阅读(476) 评论(0) 推荐(0) 编辑
摘要:前言 写着 TypeScript 学习笔记, 顺便也写点 JS 的呗. 参考 JS数据类型分类和判断 阮一峰 – 数据类型 JS 数据类型 string number boolan undefined null object symbol (es6) bigint (es2020) 其中 symbo 阅读全文
posted @ 2022-05-05 22:50 兴杰 阅读(41) 评论(0) 推荐(0) 编辑
摘要:前言 有些概念可能你用不到, 但是懂也无妨. 装箱 / 拆箱 参考: C#装箱和拆箱(Boxing 和 UnBoxing) 通常讲到这些都跟性能有关. 把值类型变成引用类型就叫装箱. int number = 11; object obj = number; int 是值类型, 放入到 object 阅读全文
posted @ 2022-05-05 00:06 兴杰 阅读(202) 评论(0) 推荐(0) 编辑
摘要:前言 一转眼, 一年多没有写 TypeScript 了. 最近又要开始写了, 乘此机会打算系统学习一下, 顺便写一个学习笔记. 我接触 TypeScript 比较早, 那是 Angular 2 beta 的年代, 那时候 TypeScript 还不到 1.8 呢. 后来都是看 What's New 阅读全文
posted @ 2022-05-03 23:44 兴杰 阅读(81) 评论(0) 推荐(0) 编辑
摘要:前言 JavaScript 早期是没有 Modular 和 Type (类型) 的. 随着这几年的普及, 几乎有维护的 Library 都有 Modular 和 Type 了. 但万一遇到没有 Modular 或者 Type 的 LIbrary 时, 要如何 import 和类型安全的调用它们呢? 阅读全文
posted @ 2022-05-02 13:03 兴杰 阅读(359) 评论(0) 推荐(0) 编辑
摘要:更新 我本来想 skip 掉 bundler (webpack), 感觉单侧不需要搞那么复杂, 所以用了 TypeScript 自带的 bundle (outFile) + SystemJS. 谁知道这技术早就落后 n 年了. 真的是太久没有玩前端了. 想 bundle TypeScript 用 e 阅读全文
posted @ 2022-05-01 22:27 兴杰 阅读(138) 评论(0) 推荐(0) 编辑
摘要:前言 我的网站很少用 CDN 下载 JS , 因为 bundle 工具通常都会直接从 node_modules 拉出来放进 bundle.js. 这几天搞 TypeScript 学习笔记, 为了简单没有使用 bundle 工具. 只用了 SystemJS 管理模块. 但遇到 node_modules 阅读全文
posted @ 2022-05-01 16:08 兴杰 阅读(10) 评论(0) 推荐(0) 编辑

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