Do you understand what "simplified test cases" is? We've discussed this issue before. I think this concept is useful in many aspects of life, but in the field of front-end development you can understand it as:
Simplified Test Cases is a demo/sample page you create that uses as little code as possible to reproduce the problems you are having. Contains only the HTML required to display the problem content. Contains only CSS related to simplified HTML. Contains only JavaScript related to the current problem features.
The purpose of creating these use cases is to troubleshoot. It works both for yourself and for anyone else to view the problem. The less irrelevant code other people need to read, the easier it is to understand the problem. The secret is that you will often find the problem when creating simplified test cases. ;)
I recently discovered another acronym: Sscecce.
It stands for "short, independent, correct (compilable), example". By searching for the meta tag, it looks like it's a credit to Andrew Thompson, the last update was in 2014. This landing page gives a wonderful description of them and explains the actions required to create Sscecce.
It covers classic situations where you find the problem is not as you think it is:
If you want to remove a lot of code for others to view, you might delete a portion of the code you think is not related to the problem early on, but the problem is solved.
...and end with the most important point:
We do not suggest that every problem requires an Sscecce to be solved. However, it makes people more likely to help and therefore increases the chances of finding solutions.
I think this is a big difference. If there is a small error deep in a huge, unfamiliar code heap, the chances of my attempt to help are very low. If it is a small error with Sscecce, the possibility of my attempt to help is high.
However, I think I still prefer "simplified test cases" because the term is easier to understand.
The above is the detailed content of Sscecce. For more information, please follow other related articles on the PHP Chinese website!

In a perfect world, our projects would have unlimited resources and time. Our teams would begin coding with well thought out and highly refined UX designs.

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons

SVG has its own set of elements, attributes and properties to the extent that inline SVG code can get long and complex. By leveraging CSS and some of the forthcoming features of the SVG 2 specification, we can reduce that code for cleaner markup.

You might not know this, but JavaScript has stealthily accumulated quite a number of observers in recent times, and Intersection Observer is a part of that

We may not need to throw out all CSS animations. Remember, it’s prefers-reduced-motion, not prefers-no-motion.

PWA (Progressive Web Apps) have been with us for some time now. Yet, each time I try explaining it to clients, the same question pops up: "Will my users be

It's extremely surprising to me that HTML has never had any way to include other HTML files within it. Nor does there seem to be anything on the horizon that

There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover,


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

MantisBT
Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Dreamweaver Mac version
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

PhpStorm Mac version
The latest (2018.2.1) professional PHP integrated development tool

WebStorm Mac version
Useful JavaScript development tools