Vue-DingYu的一些筆記

[Frontend Note] How Frontend Sets Up a Private CDN Site

Use an enterprise private CDN to optimize page speed and security

Using an enterprise private CDN site can not only speed up frontend resource loading and reduce bundle size, but also improve project security and reliability!

Posted byJamie Wednesday, December 28, 2022

[Frontend Note] How Vue implements reactive data

Combining Virtual DOM, data hijacking, and side effect functions to implement reactive data in Vue

Since Vue3 was released, many people have shared that they are often asked in interviews: 'What is the principle of reactive data in Vue2 and Vue3?' This article references a book published by the Vue team to implement Vue's reactive data.

Posted byJamie Thursday, October 6, 2022

[Frontend Note] Smoother multilingual frontend development with i18next/vue-i18n + Typescript

When the translation files get large and have lots of keys, Typescript can help!

I previously took over a frontend project with Chinese, Japanese, and English versions, where the translations had multiple levels of nesting. It was easy to mistype a single character during development, causing i18n to fail to find the key and the wrong text to show on screen.

Posted byJamie Friday, September 30, 2022

[Frontend Note] Conventions for a Vue project

Project setup: Vue3+Typescript+Webpack5+Eslint+Prettier

How to configure ESLint+Prettier in a Vue3+Typescript+Webpack5 project?

Posted byJamie Sunday, September 18, 2022

[Frontend Note] Frontend engineering: ESLint + Prettier

Set up ESLint and Prettier as the foundation of your frontend project conventions

When working on a frontend team, having a basic set of conventions established up front makes code more readable, easier to maintain, and reduces friction during code review.

Posted byJamie Saturday, September 10, 2022

[Frontend Note] Two-timing the frontend: from Vue to React, the basics

Things to watch out for when crossing from Vue3 into a React project

Most of my work projects use Vue, and I'm pretty used to writing Vue. But people always look at the other bowl while eating from their own --- the freedom of React's JSX style has caught my eye too.

Posted byJamie Wednesday, August 10, 2022

[Frontend Note] Using watch in Vue to listen for data changes

A summary of how to use watch in Vue2.x and Vue3

Vue2.x and Vue3 implement watch a bit differently, so I'm writing it down.

Posted byJamie Friday, March 25, 2022

[Frontend Note] Event Bus in Vue

A summary of how to use event bus in Vue2.x and Vue3

For cross-component communication, besides Vuex, the event bus is also commonly used in smaller projects. The way you implement an event bus in Vue2.x and Vue3 is a bit different.

Posted byJamie Thursday, March 24, 2022

[Frontend Note] Building Custom Plugins in Vue!

A summary of how to build custom plugins in Vue2.x and Vue3

Building your own plugins reduces repetitive work and brings happiness to both work and life!

Posted byJamie Thursday, March 17, 2022

Jamie's tech blog