Chen Hai Yun

When a React component handles bursting events like window resize, scrolling, user typing into an input, etc. — it's wise to soften the handlers of these events. Otherwise, when the handlers are invoked too often you risk making the application lagging or even unresponsive for a few seconds. Fortunately, debouncing and

One of the most fundamental parts of frontend development is styling, in this post, we will see how to use styles with webpack. This post is a continuation of my earlier post where I have explained How to set up react project with webpack and babel. So if you have

The following is a guest post by David Corbacho, a front end engineer in London. We’ve broached this topic before, but this time, David is going to drive the concepts home through interactive demos that make things very clear. Debounce and throttle are two similar (but different!) techniques to

In my previous post on Create react App from scratch using JS , I got positive responses and many comments on making a post on typescript, hence i decided to do the same task using Typescript with Fast Refresh. Hope you would like this as well! :) The simplest way to create

Fun fact: Did you know that HTML checkboxes have three built-in states, not just two? In addition to the checked state, there is also an indeterminate state. You can’t set a checkbox to indeterminate with HTML, only with JavaScript. Here’s what they look like in the browser: Why

On Git, tags are often used in order to tag specific commits that may be more important than others. Tags may be used in order to bookmark certain events : releases, bug-fixes or just to add an informative and descriptive note to a commit. On GitHub, tags are often associated with

PHP MySQL CRUD Application - Tutorial RepublicIn this tutorial you will learn how to build a CRUD application to create, read, update and delete records in a MySQL database table with PHP.TutorialRepublicIn this tutorial you'll learn how to build a CRUD application with PHP and MySQL. What is CRUDCRUD

In this tutorial, we will take the following steps and create a very robust, clean, and fast local multi-version PHP (7.4, 8.0, 8.1) development environment on macOS Big Sur with Intel or Apple M1 chipsets: Install Xcode, VS Code & Homebrew *: This step is required to get

Install with brew Use brew to install the nginx with command:brew install nginx After install run:sudo nginx Testing Open Navigator it by going to URL:http://localhost:8080 Configuration The default place of nginx.conf on Mac after installing with brew is:/usr/local/etc/nginx/nginx.conf

以2022年的国家法定假期为例 ➜ ~ curl http://icalendar.simonchen.xyz:8088/ical BEGIN:VCALENDAR VERSION:2.0 X-WR-CALNAME:中国法定节假日 X-APPLE-CALENDAR-COLOR:#8DEEEE PRODID:xhh52ch@gmail.com BEGIN:VEVENT DTSTAMP:20211218T160000Z DTSTART;VALUE=DATE:20210101 DTEND;VALUE=DATE:20210104 SUMMARY:元旦假期 TZID:Asia/Shanghai UID:93eff3fb-00cb-4855-b0ec-25996122cb07 DESCRIPTION:元旦:2021年1月1日至3日放假，共3天; END:VEVENT BEGIN:VEVENT DTSTAMP:20211218T160000Z

At the time of this writing, React Router v6 is still in alpha, but the time is about right to start playing with it and exploring what’s to come. This guide will give you a peek at the new features/changes! As you may know, the lead maintainers forked

Query builder is used build complex SQL queries in an easy way. It is initialized from Connection method and QueryRunner objects. We can create QueryBuilder in three ways. ConnectionConsider a simple example of how to use QueryBuilder using connection method. import {getConnection} from "typeorm"; const user = await getConnection() .createQueryBuilder() .select(

凭借精巧的 “洋葱模型” 和对 Promise 以及 async/await 异步编程的完全支持，Koa 框架自从诞生以来就吸引了无数 Node 爱好者。然而 Koa 本身只是一个简单的中间件框架，要想实现一个足够复杂的 Web 应用还需要很多周边生态支持。这篇教程不仅会带你梳理 Koa 的基础知识，还会充分地运用和讲解构建 Web 应用必须的组件（路由、数据库、鉴权等），最终实现一个较为完善的用户系统。 @tuture-dev查看代码 起步Koa 作为 Express 原班人马打造的新生代 Node.js Web 框架，自从发布以来就备受瞩目。正如 Koa 作者们在文档中所指出的： Philosophically, Koa aims to “fix and replace node”, whereas

Try the following: docker rmi $(docker images | grep 'imagename') docker rmi $(docker images 'completeimagename' -a -q)

IntroductionThis page is mostly foundation information. It's kinda boring but essential stuff that will help you to appreciate why and how certian things behave the way they do once we start playing about with the fun stuff (which I promise we'll do in the next section). Taking the time to

Regular expressions, abbreviated as regex, or sometimes regexp, are one of those concepts that you probably know is really powerful and useful. But they can be daunting, especially for beginning programmers. It doesn't have to be this way. JavaScript includes several helpful methods that make using regular expressions much more

Git makes managing branches really easy - and deleting local branches is no exception: $ git branch -d <local-branch>In some cases, Git might refuse to delete your local branch: when it contains commits that haven't been merged into any other local branches or pushed to a remote repository.

操作分支删除远程分支 Executive Summary $ git push -d <remote_name> <branchname> $ git branch -d <branchname> Note: In most cases, <remote_name> will be origin. 删除本地分支 Delete Local Branch To delete the local branch use one of the following: $ git branch -d <branch_name&

我们在ubuntu中使用 apt-get install安装git的时候，版本都比较低，那么如何才能安装最新的版本的git呢 请按照下面的步骤来执行命令，就可以搞定啦 sudo apt-get install python-software-properties software-properties-commonsudo add-apt-repository ppa:git-core/ppa -y sudo apt-get update sudo apt-get install git -y git --version