About Me

I am Dennis Gao, a skilled Front-End Developer with seven years of experience. My expertise extends to thoughtful business code architecture, deep understanding and practical experience in performance optimization, and practical experience in the realms of code editor and low-code platform. Proficient in the React technology stack, I also possess a solid grasp of its underlying principles.

Professional Experience:

In my recent role at Qiniu Cloud Information Technology Co., Ltd. - Xishu Technology Co., Ltd., from April 2021 to October 2023, I served as the core Front-End developer for the Pandora machine data intelligent platform. I excelled in maintaining and developing multiple code editors, including a custom SPL language editor and markdown editor. Additionally, I played a key role in designing and developing core modules for a low-code platform, focusing on rendering logic, component communication, and micro-frontend architecture. My contributions also extended to performance optimization, code refactoring following the MVVM pattern, and various team initiatives.

At Hangzhou Youzan Technology Co., Ltd., where I worked from May 2019 to April 2021, I took ownership of the front-end for Youzan's B2B prepaid card business. Not only did I excel in user experience optimization, but I also acted as a Project Manager, overseeing resource coordination and ensuring project progress. My achievements include formulating cross-device code reuse strategies and early adoption of Weex development, contributing to the team's capability in Weex development.

In my previous role at Faben Information Technology Co., Ltd. (January 2018 to May 2019), I led the front-end development for the Kaleidoscope management platform. As a front-end lead, I successfully refactored projects, enhanced team collaboration, and introduced development standards. Notable achievements include the abstraction of common logic into reusable components and the creation of tools like "redux-simplifier" for code reduction without compromising predictability.

Education:

I graduated from Northeast Forestry University with a bachelor's degree in 2011.

Other:

Apart from my professional experience, I actively contribute to open-source projects on GitHub, such as socketjs, postcss-plugin-namespace, antlr4js-cli, interview-test, and have made contributions to libraries like static-eval, ant-design, and react-native-android-wifi.

About This Site

This site utilizes a variety of modern web development techniques to provide a seamless and engaging user experience. Here's a brief overview of the key technologies and libraries used in the project:

Vercel:The site is deployed using Vercel, a cloud platform that automates the deployment process, providing scalability and reliability for the web application.

Next.js:The site is built on the Next.js framework, which enables server-side rendering, efficient routing, and a great developer experience. It leverages the latest version of Next.js to ensure access to the newest features and optimizations.

React 18: The site harnesses the power of React 18 for building interactive user interfaces. React is a JavaScript library for building user interfaces, and version 18 introduces concurrent rendering and other performance enhancements.

Tailwind CSS:The site's styling is crafted using Tailwind CSS, a utility-first CSS framework that provides a highly efficient way to design and style components. It allows for rapid development and easy maintenance of a consistent design system.

Three.js:Incorporating Three.js adds a new dimension to the site by enabling 3D graphics and animations. It allows for the creation of visually stunning and interactive 3D elements.

TensorFlow.js:TensorFlow.js is integrated into the site, bringing machine learning capabilities to the client-side. It allows for the execution of machine learning models directly in the browser.

@tensorflow-models/face-detection:This TensorFlow.js model is specifically used for face detection, enhancing the site with facial recognition capabilities.

@tensorflow-models/qna:Leveraging the TensorFlow.js QnA model, the site enables question and answer functionality powered by machine learning.

Sass: Sass is used to enhance the styling capabilities of the project. It extends CSS with features like variables, nesting, and mixins, making it easier to manage and organize styles.

PostCSS and Autoprefixer:PostCSS is employed for transforming styles with plugins, and Autoprefixer is specifically used to automatically add vendor prefixes to CSS rules. This ensures compatibility with various browsers.

Prettier: The project uses Prettier for code formatting, ensuring a consistent and readable codebase. Prettier helps maintain a clean and standardized coding style across the entire project.

Date-fns:Date-fns is a library for handling dates in JavaScript. It's used in the project to facilitate easy and reliable date manipulation and formatting.

Gray-matter: Gray-matter is employed for parsing front-matter from content files. It allows for easy extraction of metadata from files, which can be useful for managing dynamic content.

Remark and Remark-HTML: Remark is a Markdown processor, and Remark-HTML is a plugin that converts Markdown to HTML. These are used for handling and rendering content in a user-friendly format.

The project is designed with a focus on performance, maintainability, and a positive user experience. Feel free to explore the features and content, and enjoy your journey through the site!