whatisgithub

What is spec?

ecomfe/spec — explained in plain English

Analysis updated 2026-06-26

★ 4,610Audience · developerComplexity · 1/5Setup · easy

In one sentence

A collection of Chinese-language front-end coding style guides from Baidu's ecomfe team, covering JavaScript, HTML, CSS, Less, React, and project structure standards used by one of China's largest tech companies.

Mindmap

mindmap
  root((spec))
    What it does
      Defines code style rules
      Covers multiple languages
      Versioned documents
      Chinese language guides
    Topics covered
      JavaScript and ESNext
      HTML and CSS
      Less styling
      React framework
    Use cases
      Team coding standards
      Code review reference
      Lint tool configuration
      Project structure guide
    Audience
      Front-end developers
      Chinese tech teams
      Code reviewers
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Reference the JavaScript or CSS style guides when setting up linting rules for a new front-end project.

USE CASE 2

Use the HTML and CSS standards as a benchmark when establishing coding conventions for your team.

USE CASE 3

Integrate FECS (the companion lint tool referenced in the repo) to automatically check code against these specifications.

USE CASE 4

Study how a large Chinese tech company's front-end team structures E-JSON data transfer and module organization standards.

What is it built with?

JavaScriptESNextHTMLCSSLessReact

How does it compare?

ecomfe/specmicrosoft/azurelinuxobjectbox/objectbox-java
Stars4,6104,6104,610
Language—RPM SpecJava
Setup difficultyeasyhardeasy
Complexity1/54/52/5
Audiencedeveloperops devopsdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

All documents are written in Chinese and require no installation, read the markdown files directly in the repository.

So what is it?

This repository is a collection of coding style specifications published by ecomfe, a front-end team at Baidu. The documents are written in Chinese and cover the rules and conventions that developers on the team follow when writing code. The specifications cover JavaScript, including a separate section for modern JavaScript features known as ESNext. There are also guides for HTML, CSS, and Less (a language that extends CSS with additional features). Beyond styling code itself, the collection includes standards for how data should be structured when transferred between systems (E-JSON), how modules and loaders should be organized, how packages should be structured, and how project directories should be laid out. A standard for chart libraries is also included, along with a guide for React, a popular JavaScript framework. Each document is versioned, with some marked as drafts still in progress. The repository also references FECS, a lint and auto-fix tool used to check code against these specifications automatically. This is primarily useful for developers working within or alongside the ecomfe team, or for anyone reading Chinese who wants to see how a large Chinese technology company structures its front-end coding standards. The README is in Chinese, and the linked specification documents are also in Chinese.

Copy-paste prompts

Prompt 1
Based on the ecomfe JavaScript style guide, what naming conventions, indentation rules, and variable declaration patterns should I configure in my ESLint setup?
Prompt 2
Using ecomfe's spec as a reference, show me a recommended directory and module structure for a large JavaScript front-end project.
Prompt 3
Based on the ecomfe CSS and Less style guide, what property ordering rules and naming conventions should I enforce with a linter?
Prompt 4
I want to follow the ecomfe coding standards for a React project. What are the key component naming, file structure, and prop conventions I should use?

Frequently asked questions

What is spec?

A collection of Chinese-language front-end coding style guides from Baidu's ecomfe team, covering JavaScript, HTML, CSS, Less, React, and project structure standards used by one of China's largest tech companies.

How hard is spec to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is spec for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?