摘要: Creational patterns provide object creation mechanisms that increase flexibility and reuse of existing code. Factory method: Provides an interface for 阅读全文
posted @ 2024-01-23 15:11 Zhentiw 阅读(5) 评论(0) 推荐(0) 编辑
摘要: Just for fun... Given a number (always positive) as a type. Your type should return the number decreased by one. For example: type Zero = MinusOne<1> 阅读全文
posted @ 2022-10-07 22:57 Zhentiw 阅读(41) 评论(0) 推荐(0) 编辑
摘要: Blog: https://www.geeksforgeeks.org/es6-trampoline-function/ Stackoverflow problem for recursion: const sumBelow = (number, sum = 0) => ( number 0 ? s 阅读全文
posted @ 2022-08-18 14:32 Zhentiw 阅读(30) 评论(0) 推荐(0) 编辑
摘要: Serverless framework with AWS Link to each sections Table of Content: Part 0: Serverless Project structure Part 1: DynamoDB & ApiGateway Part 2: Event 阅读全文
posted @ 2021-05-17 15:15 Zhentiw 阅读(145) 评论(0) 推荐(0) 编辑
摘要: Storage Services: S3 Glacier CloudFront Elastic Block Store (EBS) Storage Gateway Snow family Database Overview Block storage: Used on local networks 阅读全文
posted @ 2021-03-15 03:06 Zhentiw 阅读(144) 评论(0) 推荐(0) 编辑
摘要: S3 Features Prefiees and delimiters For example: the file name in S3 can be: `marking/plans/kpi_2021_1.pdf`. The point is make it looks like a folder 阅读全文
posted @ 2021-03-12 17:34 Zhentiw 阅读(135) 评论(0) 推荐(0) 编辑
摘要: In our previous code, we have seen this partten for operators: // #region operators const concat = curry((broadcaster, listener) => { let string = ''; 阅读全文
posted @ 2020-10-25 21:54 Zhentiw 阅读(149) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2020-05-07 18:22 Zhentiw 阅读(0) 评论(0) 推荐(0) 编辑
摘要: Generators can yield promises which can work with the "for await of" loop syntax. This lesson shows how all the pieces fit together and explains why t 阅读全文
posted @ 2020-03-22 02:59 Zhentiw 阅读(160) 评论(0) 推荐(0) 编辑
摘要: In this post, we are going to see how to use Ramda Lens. For example, we have data: R.lens: R.lens takes a getter and a setter: R.lensProp: There is a 阅读全文
posted @ 2019-02-24 20:12 Zhentiw 阅读(703) 评论(0) 推荐(0) 编辑
摘要: Just like the State ADT an Array is also an Applicative Functor. That means we can do the same tricks with liftA2 with Array that we have been doing w 阅读全文
posted @ 2019-01-16 16:30 Zhentiw 阅读(707) 评论(0) 推荐(0) 编辑
摘要: Use custom Cypress command for reusable assertions We’re duplicating quite a few commands between the registration and login of our user for assertion 阅读全文
posted @ 2018-12-06 21:13 Zhentiw 阅读(431) 评论(0) 推荐(0) 编辑
摘要: Use Cypress to test user registration Let’s write a test to fill out our registration form. Because we’ll be running this against a live backend, we n 阅读全文
posted @ 2018-12-05 15:54 Zhentiw 阅读(350) 评论(0) 推荐(0) 编辑
摘要: Despite the fact that Cypress is an application that runs natively on your machine, you can install it and add it as a dependency just like all other 阅读全文
posted @ 2018-12-05 02:38 Zhentiw 阅读(566) 评论(0) 推荐(0) 编辑
摘要: Ensure Functions are Called Correctly with JavaScript Mocks Often when writing JavaScript tests and mocking dependencies, you’ll want to verify that t 阅读全文
posted @ 2018-11-06 04:25 Zhentiw 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 1. Color Picker (Chrome) You might know how to use color picker in Chrome, recently there is a feature inside color picker which is "Contrast Ratio", 阅读全文
posted @ 2018-07-15 18:41 Zhentiw 阅读(233) 评论(0) 推荐(0) 编辑
摘要: We'll examine how to unnest function calls, capture assignment, and create a linear data flow with a type we call Box. This is our introduction to wor 阅读全文
posted @ 2016-12-11 21:47 Zhentiw 阅读(325) 评论(0) 推荐(0) 编辑
摘要: Well, this stuff will be a little bit strange if you deal with it first time. Container Object: Just a wrapper / contianer for values No Method No Nou 阅读全文
posted @ 2016-09-06 04:23 Zhentiw 阅读(333) 评论(0) 推荐(0) 编辑
摘要: First, what is 'High Order function', basic just a function, inside the function return another fuction. For example: Decorators is a subset of high o 阅读全文
posted @ 2016-06-14 03:10 Zhentiw 阅读(372) 评论(0) 推荐(0) 编辑
摘要: Somehow it looks like reflect in Java. For example: We define an mothod on the Object, it called defineMethod(). It accepts two arguements, one is met 阅读全文
posted @ 2016-05-02 03:06 Zhentiw 阅读(376) 评论(0) 推荐(0) 编辑
摘要: const BookingSchema = z.object({ roomType: z.string(), dueDate: z .string({ message: "invalid due date", }) .date('date format is wrong'), numberOfGue 阅读全文
posted @ 2024-11-19 15:50 Zhentiw 阅读(5) 评论(0) 推荐(0) 编辑
摘要: For component level authority controls, we need to find a common partten so that we can extract a common component to handle the permission control in 阅读全文
posted @ 2024-11-19 15:38 Zhentiw 阅读(2) 评论(0) 推荐(0) 编辑
摘要: export enum EffectFlags { /** * ReactiveEffect only */ ACTIVE = 1 << 0, RUNNING = 1 << 1, TRACKING = 1 << 2, NOTIFIED = 1 << 3, DIRTY = 1 << 4, ALLOW_ 阅读全文
posted @ 2024-11-19 02:51 Zhentiw 阅读(2) 评论(0) 推荐(0) 编辑
摘要: When users try to visit our application, example.comfor the first time, DNS need to parsing and find out application IP address. After first time visi 阅读全文
posted @ 2024-11-18 15:55 Zhentiw 阅读(3) 评论(0) 推荐(0) 编辑
摘要: The Reflect namespace object contains static methods for invoking interceptable JavaScript object internal methods. The methods are the same as those 阅读全文
posted @ 2024-11-17 03:04 Zhentiw 阅读(2) 评论(0) 推荐(0) 编辑
摘要: const [a, b] = { a: 3, b: 4, }; console.log(a, b); // TypeError: {(intermediate value)(intermediate value)} is not iterable How to make it work withou 阅读全文
posted @ 2024-11-06 15:53 Zhentiw 阅读(3) 评论(0) 推荐(0) 编辑
摘要: In case running into peer deps issue, one thing we can do (maybe unsafe) is using --legacy-peer-deps We can use this in case, some framework publish a 阅读全文
posted @ 2024-11-06 15:31 Zhentiw 阅读(5) 评论(0) 推荐(0) 编辑
摘要: Example code: function createIncrease() { const doms = new Array(100000).fill(0).map((_, i) => { const dom = document.createElement('div'); dom.innerH 阅读全文
posted @ 2024-11-04 16:13 Zhentiw 阅读(6) 评论(0) 推荐(0) 编辑
摘要: Example Code: <body> <div> <button class="btn" onclick="createInput(false)"> Button1</button> <button class="btn" onclick="createInput(true)">Button2< 阅读全文
posted @ 2024-11-04 15:26 Zhentiw 阅读(4) 评论(0) 推荐(0) 编辑
摘要: Example code: <template> <button @click="handleClick">Hello, Vue-CLI</button> </template> <script> export default { methods: { handleClick() { const a 阅读全文
posted @ 2024-11-04 15:13 Zhentiw 阅读(3) 评论(0) 推荐(0) 编辑