Detailed explanation of the difference between WeChat's WXML and HTML WXSS and CSS

WXML and HTML:

The label names are different:

HTML tags mainly include: div, img, a, span...

WXML tags mainly include: view, image, navigator, text...

Attribute nodes are different:

<a herf="#">Hyperlink</a>

<navigator url="/pages/index/index"></navigator>

WXML provides a template syntax similar to vue

data binding list rendering conditional rendering

WXSS and CSS:

1. WXSS adds the rpx size unit, which will be automatically converted under different size screens

2. WXSS provides a global style (app.wxss) to set the global style, and page css to set the local style

3. wxss will only support some selectors of css (.class/#id/element/union descendant selector/etc.)

The js file of the applet:

The js file of the applet includes the following three different files according to different functions

app.js: The entry file for the execution of the applet project. The entire project is started by calling the App() function.

js file of the page: the entry file of the applet page, the entire page is started by calling Pages()

Ordinary js file; it is an ordinary function module file, which is used by the page by encapsulating public functions and attributes

Guess you like

Origin blog.csdn.net/psjasf1314/article/details/127107321