HTML

Continuing from: 《同一个动画，我用三种技术栈实现的区别?》 WebGL Rock-Paper-Scissors Mini Game (Anime Style) The rules are pretty standard: Rock > Scissors Scissors > Paper Paper > Rock But the fun part is: Losing means taking off clothes. Yep, it’s that straightforward. The Origin Was Actually “I Wanted to Study Sprite Sheets” At first, I had no intention of making a game at all. I just wanted to study: atlas sprite layer compositing animation clipping Stuff like that. Then I thought: “There’s gotta be a real use case, right?” ...

Recently I did a rather interesting little experiment. I implemented a small anime character animation effect using three different approaches: WebGL Canvas 2D Pure DOM + CSS The effect itself isn’t complicated: Eye blinking Eyebrow/lower eyelid联动 Sweat droplet gently swaying Ahoge (hair antenna) swinging But the really interesting part isn’t actually “making it work.” It’s: When implementing the same thing with three different tech stacks, how different are they really? ...

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. ...

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. ...

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. ...

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] ...

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. ...

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’]; } ...

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? ...

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! ...