微信小程序开发和HTML5开发,css3开发的区别

微信小程序开发和HTML5开发,css3开发的区别,第1张

1、H5页面正规流程下需要用什么软件制作(不要网上那种几张摆摆自动生成的)

2、需要用到哪些技术(比如哪些程序语言)

3、微信里的一些特殊的动态效果,比如摇一摇、倾斜手机、举起手机是怎样实现的

4、H5页面怎样发布到微信上

5、有什么相关

前两天看 文档 看到选择器那块儿的时候,前面4个基本都能理解: class , #id , element , element, element ,但后面两个 ::after 和 ::before (文档中说,分别表示在view 组件的后面和前面插入内容),表示有点没有理解。于是上网仔细查了下。以下是笔记

wxml

wxss

js

效果

其实,after和before可以添加的不仅仅是像上面这种字符串,以下是可以添加的常用的内容

具体的请参考这篇文章

可以通过检测userAgent来判断微信小程序还是H5,具体方法如下:

1 在CSS中使用@media媒体查询功能,根据不同的userAgent设定不同的样式。例如:

@media screen and (min-width: 320px) and (max-width: 480px) {

/ H5 /

}

@media screen and (min-width: 1024px) {

/ 小程序 /

}

2 通过JavaScript代码获取当前页面的userAgent字符串,然后根据字符串中包含的内容来判断是微信小程序还是H5。

一个小程序页面由四个文件组成,分别是:js

页面逻辑 、wxml

页面结构 、wxss

页面样式表 、json

页面配置 。把样式宝贝到当前页面同名的wxss文件里面就可以了

以上就是关于微信小程序开发和HTML5开发,css3开发的区别全部的内容,包括:微信小程序开发和HTML5开发,css3开发的区别、微信小程序 CSS 选择器::after和::before的简单使用、css判断微信小程序还是h5等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/10139992.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存