UI of signature detection https://seasonliu.com/station/signature-detection

Introduction

Recently, I’ve worked on an innovation project, signature detection. It judges whether a document is signed. It’s a very interesting project. I would like to share this experience, bringing an innovation project from the lab to production.

This project is split into several phases.

  1. Do experiments: explore ideas and find…

My blogs website

As a developer, I like learning and sharing new technology. However, I find it wastes a lot of time to copy my notes and post them on blogs websites like medium. So, I decided to create my own blog site.

My blog site should publish my notes automatically, without posing…

Introduction

Recently, I worked on building CI, Continuous Integration, of the frontend for my company, and I tried to bring the units tests to our dev team. It’s a very interesting experience, and I would like to share my thoughts.

This article will talk about the following topics:

  1. What is the…

Introduction

Recently, the cryptocurrency market is very interesting. We enjoy making profits from it. But, how can we maximize the profit?

As a developer, I believe there have some algorithms that can pull this job. …

Introduction

Nowadays, there is so much information around us. It’s impossible to read all of them. String matching algorithm becomes indispensable. It helps us grab the pieces we want.

There are so many algorithms to do that. I’ve found KMP is the most efficient one and “easiest” to understand. …

a sliding block controlled by mouse

Introduction

Nowadays, more and more animation is applied on Front-end. It’s interesting to understand how JavaScript controls the animation.

In this article, I will talk about:

  • what is the animation in the browser
  • how to build a timeline
  • how to build an animation
  • how to control a timeline (pause / resume)

Animation in browser

In Front-end Development, one of the most important and cumbersome parts is State Management. Although there are a lot of awesome tools, such as NgRx, Redux, Vuex, etc, it’s still hard to understand and use them in the project.

Inspired by the Simple App State Management of Flutter, I wrote…

Because our company chose Angular as the front-end framework, I started to using TypeScript instead of JavaScript. Now, I completely love TypeScript. It gives us some powerful weapons that JavaScript can’t provide:

  • Type System: TypeScript consistently checks variables’ type. This feature significantly lowers the chance of bugs
  • OOP: Although JavaScript…

Introduction: [Toy Browser] Introduction

Previous article: [Toy Browser] HTML parsing and CSS computing

Keywords: CSS, DOM Tree, image rendering

In previous article, the toy browser parsed and tokenized a HTML file. After that, it built a DOM Tree mounted with all the computed CSS rules. …

Introduction: [Toy Browser] Introduction

Previous article: [Toy Browser] HTTP Request and Response Parse

Keywords: HTML, CSS, DOM Tree, Finite-state machine

In previous article, toy browser can send a request to the server, receive its response, and parse the response. Now, HTML file is extracted. Next step, we need to create…

Jijie Liu

Developper in Paris, interested in Big Front-end, Full Stack, Explainable AI. Try to introduce AI into Full Stack workflow

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store