Color Mode


    Language

Differences Between Mini Program Development and Web Development

May 6, 2020

Web development is built using HTML, CSS and JavaScript, where HTML describes the structure of the page, CSS determines the appearance of the page, and JS defines the interaction between the page and the user.

Mini program development is built using WXML, WXSS and JavaScript, where WXML is the equivalent of HTML, but more simple than HTML, mainly reflected in simplifying and standardizing the sticky notes.

WXSS has most of the features of CSS, but incorporates some new features and modifications for the Mini Program, JS Logic Interaction only uses the core of JavaScript.

From the above, Web development and Mini program development depend on JavaScript, but there are some differences, as follows:

DOM: Document Object Model

BOM: Browser Object Model

Because there are no DOM Objects and BOM Objects in the Mini Program, it is impossible for some libraries familiar to front-end developers, such as jQuery and Zepto, to run in Mini Programs.

Web development, rendering threads and scripting threads are mutually exclusive, so long-time script running may make a page unresponsive. In a Mini Program, rendering threads and scripting threads run separately.

The former runs in JSCore without a full browser object, thus lacking the relevant DOM and BOM APIs.

Meanwhile, the JSCore environment is different from the NodeJS environment, which means that some NPM packages cannot run in Mini Programs.

The differences between the three operating environments are as follows:

Web developers work with IE/Chrome/QQ browsers on PC, and Safari/Chrome browsers as well as various WebViews on iOS or Android systems on mobile devices.

Mini Program developers work with WeChat on iOS, Android, and WeChat DevTools.

The three operating environments of the Mini Program as follows:

Runtime EnvironmentLogic LayerRendering Layer
iOSJavaScriptCoreWKWebView
AndroidV8Chromium custom kernel
WeChat DevToolsNWJSChrome WebView

When developing web pages, Web developers only need to use browsers with some auxiliary tools or editors.

The development of Mini Programs involves applying for Mini Program accounts, installing WeChat DevTools, configuring projects, and so on.

Article Photo by baidu

mini programweb development

Author

Li Huang

Li Huang

Java Developer

👩🏼‍💻

You may also like

June 23, 2026

RAG: From Concepts to a Bedrock + OpenSearch Serverless Build

Large Language Models are extraordinary generalists, but they fail predictably in two cases: when asked about information they have not seen during training, and when that information has changed since their cut-off date. Fine-tuning, the practice of furt...

Serigne Mbacke Ndiaye

Serigne Mbacke Ndiaye

RAGAWSInfrastructure

February 3, 2026

Serverpod for a Weekend - The Good, The Bad, and The Surprising

I've been building Flutter apps professionally for years now, and I've seen the backend landscape evolve from Firebase to Supabase to custom Node.js APIs. Each solution came with trade-offs: Firebase locked you in, Supabase was great until you needed cust...

Muhammed Ayimen Abdul Latheef

Muhammed Ayimen Abdul Latheef

BackendFlutter

ServicesCasesAbout Us
CareersThought LeadershipContact
© 2022 Monstarlab
Information Security PolicyPrivacy PolicyTerms of Service