Build macOS-style web apps

Project Overview In today’s world of web development, user experience and interface design are becoming increasingly important. Mac Web Vue Template This is a modern and elegant Vue.js Web template inspired by macOS design. It is a modern web application template based on Vue.js. Its design is inspired by the elegant interface of macOS. This project not only provides beautiful UI design, but also includes complete project structure and best practices. ...

May 11, 2025 · 2 min · MoeJue

My 2D photo album is back

From the earliest [Gallery] (https://moejue.cn/archives/10), to [Picture Bed] (https://moejue.cn/archives/61), to the current photo album. My persistence in pictures can be said to have spanned several centuries. The pictures in the gallery were stored in Qiniuyun, but later the traffic was blocked and closed. The Picture Bed is now providing image upload services for blogs. Photo album is the concept of a photo album in a mobile phone. It can store both pictures and videos. Gradually it is becoming more and more perfect. ...

November 8, 2024 · 2 min · MoeJue

On the difference between fast and slow Internet speeds

On the difference between fast and slow Internet speeds With the popularity of the Internet, users pay more and more attention to the speed of response. The faster the website, the higher the user stickiness and conversion rate. To put it simply, it means increasing the speed! There are many factors that affect website speed, such as…………………. Being serious is not my style, please watch my performance below Origin of the idea: The initial idea was to use pure CSS to implement it. Base64-encode the base image and place it directly on the background-image, so that the background image can be loaded together with the web page. ...

November 7, 2020 · 2 min · MoeJue

The owner is back with a new version of the triple.

Since the 5.20 confession, the owner has been missing ……. I don’t know how many months have passed, but the 3 in 1 is updated again. I set a flag in the group two months ago, and today I fulfill it, don’t ask me what I did in the middle two months -. - Don’t ask me what I was doing in the middle two months. Full text Because the network recognition often hangs, very unstable, there have been partners in the feedback with me, so this time specially updated the local recognition. Recommended 1G RAM above the machine installation, recommended configuration 2 core 2G, optimal configuration 16 core 32G [#manual funny] ...

August 4, 2019 · 3 min · MoeJue

How to submit a form gracefully

This is a very basic HTML form submission question, but it is a very practical technique My business scenario is like this: A form that can dynamically create input, as shown below This means that the name of the input cannot be fixed, otherwise it will definitely be overwritten. The first one is the traditional ordinary submission method, giving each input to be submitted a unique name. ... The format that the browser submits and captures is like this What the server gets and prints is like this, which is very unfriendly to back-end data processing. ...

May 6, 2019 · 2 min · MoeJue

Query sql for some common functions

1. Scenario: Query a player’s ranking and how many votes away from the previous one Method 2 (remove reordering and query the number less than yourself) $temp = DB::fetch_first(“SELECT distinct total+jewel_vote+forge_vote ,COUNT(*)+1 AS RANK FROM " . DB::table(‘vote_competition’) .” WHERE total+jewel_vote+forge_vote>" . $competition[‘all’] . " and aid={$aid} ORDER by forge_vote desc"); $rank = $temp[‘RANK’]; Unable to directly query the votes of the previous contestant if ($temp[’total+jewel_vote+forge_vote’]) { //What is queried here is the number of votes different from the first contestant. $up = $temp[’total+jewel_vote+forge_vote’]-$competition[‘all’]; } ...

April 10, 2019 · 5 min · MoeJue

Mengyin Film and Television – Online film and television application

Blog | Demo Site | QQ group | GitHub An online film and television application based on the elegant laravel framework and a girly UI that is not girly at all The author has something to say Although there are online movies and TV shows all over the Internet, this does not prevent me from writing one myself, so that it will be convenient for me to watch it later. After all, by doing it yourself, you can have enough food and clothing, and learn new knowledge, wouldn’t it be wonderful? ...

September 25, 2018 · 3 min · MoeJue

CSS3 Random Background Image Switching Effect

css3 random background image fade switching effects demo effect as shown in the background of this article See you pick my fantasy field of secondary limited edition pick more tired, pick a half an hour, take the time to organize and send it out! design was originally intended to use jQuery to achieve, but noticed the css3 @keyframes rule, css3 has been so powerful that once only js can achieve the effect! ...

May 16, 2018 · 3 min · MoeJue

Randomized Secondary Image API 2nd

After a gap of 2 days and three months, it’s been a long time since the first randomized secondary image API was released. The second bullet api, out of the blue Update Notes: Compared to the last version, this time the images are more suitable for background images, desktop wallpapers, etc. The last version was a hodgepodge of images, all kinds of images, miserable (I don’t even use them myself). In this version, I spent some time to select some pictures (1080P+) and upload them to Sina Cloud. Support https in the real sense, the pictures are all hosted on Sina cloud, the speed is also improved. Remove all kinds of meaningful parameter settings The content of the images are all anime and secondary yuan images (all ages (laughs)) ...

March 4, 2018 · 1 min · MoeJue

HTML5 Canvas - Ball Collision

html5 is the fifth major revision of Hypertext Markup Language (HTML), an application under the Standard Generalized Markup Language, the core language of the World Wide Web. HTML 4.01 has changed a lot since 1999, and today, several of the elements that were deprecated in HTML 4.01 have been removed or redefined in HTML5. In order to better handle today’s Internet applications, HTML5 adds many new elements and features, such as: graphics drawing, multimedia content, better page structure, better form handling, and several api drag-and-drop elements, positioning, including web application caching, storage, web workers, and more. ...

July 18, 2017 · 2 min · MoeJue