1 引言

刚接触小程序,会有很多错误的思路去编写,为了避免在代码方面出错,本文将对前端和小程序做一个区分。

2 问题描述

微信小程序与web前端的区别。

3 算法描述

在web的html中我们一般都是使用div、p、pan、a等标签来制作页面,但是在微信小程序中就是使用了view、text、image等来制作小程序,在两者转换中我们可以把view标签当作html里面的div标签,image和html中的img一样,小程序里的wxml就和body类似,wxss就和css类似,用来定义标签的属性等。

4 结语

这次区分了html与小程序之间的差异,可以避免在使用标签出现错误的代码。


附件

wxml:
<view class="navbar">
 <lable wx:for="{{navbar}}"
 data-idx="{{index}}"
 class="item {{currentTab==index ? 'active' : ''}}"
 wx:key="unique"
 bindtap="navbarTap">{{item}}

微信小程序与web前端的区别相关推荐

  1. 微信‘小程序’: web前端的春天 or 噩梦?

    最近大家看到这张图是不是都快吐了?这两天一睁眼就被这张图刷屏了 喵了咪的,点到哪里都是这个报道和新闻 最近因为工作 和生活略忙,爱吹文章的我,更新频率也低了,在这里抱个歉,希望大家理解和包容,希望&q ...

  2. 【微信小程序】——web前端实战项目

    [微信小程序简介] 微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即 ...

  3. 微信小程序与web页面制作的区别

    前言 最近在做一个微信小程序版的个人博客,本来我还有点胆颤,毕竟也没正儿八经的去学一下,不过我之前接触过,而且web方面(网页制作)的基础还可以,所以斗胆就试一试咯,到今天为止,微信小程序页面终于算是 ...

  4. java webpack web项目_官方出品,微信小程序和 Web 端同构解决方案——kbone

    介绍 最近在琢磨一些小程序开发和移动web开发,偶然间在Github上看到了这样一个项目--kbone,一个致力于微信小程序和 Web 端同构的解决方案.微信小程序的底层模型和 Web 端不同,我们想 ...

  5. 服务器和微信公众号的区别,微信小程序和公众号的区别,看这三点就懂了

    原标题:微信小程序和公众号的区别,看这三点就懂了 第一点就是定位不同,小程序主要用来面向产品和服务,而公众号则是用于销售和传递信息.小程序在功能上和公众号有本质的区别(不支持关注,没有粉丝体系.消息推 ...

  6. 小程序和Web项目的区别

    小程序和Web项目的区别 运行环境不同: 微信小程序只能通过微信打开 web项目可以通过多个终端的浏览器打开 项目规模不同: 微信小程序一般是小应用级别的,大小限制为2M,否则上传不了审核 Web项目 ...

  7. 微信小程序做问卷——前端部分(回答问卷)

    文章目录 实现效果 实现 单选部分 多选部分 问答部分 全部代码 item.wxml item.wxss item.js 生成问卷的部分参考 微信小程序做问卷--前端部分(生成问卷) 实现效果 界面如 ...

  8. [vue] vue和微信小程序写法上有什么区别?

    [vue] vue和微信小程序写法上有什么区别?写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别. 一.生命周期 先贴两张图: vue生命周期 小程序生命周期 相比之下 ...

  9. [小记] 微信小程序 - 人脸识别前端(一)初体验

    微信小程序 - 人脸识别前端(一)初体验 记录尝试使用拍照模式进行人脸比对的过程-此方式有一定缺陷:调用系统摄像头,会保留照片于系统相册等 功能:人脸识别 + 打卡签到 说明:前端仅做拍照和转码操作等 ...

最新文章

  1. 成为优秀UI设计师需要具备哪些条件?
  2. 搞了半天,终于弄懂了TCP Socket数据的接收和发送,太难~
  3. 微软101道经典面试题
  4. TM4C123核心板焊接须知
  5. 【Python学习笔记】Coursera课程《Python Data Structures》 密歇根大学 Charles Severance——Week6 Tuple课堂笔记...
  6. sqoop 命令在crontab 不能自定执行
  7. 教你打通 Git 任督二脉
  8. 极品五笔管理员能用,普通用户无法使用
  9. 【LA3942】Remember the World(初识前缀树Trie----模版题 + dp)
  10. Work Stealing 的运作原理
  11. 夜神模拟器SD卡文件存储位置
  12. 再看《英雄本色》:世上已无英雄?
  13. 数据源EPMSSqlDataSource的使用
  14. sql server 2008 R2 与 sql server 2012 下载地址(包括x86、x64)
  15. cl 编译器环境配置问题
  16. 亚像素卷积网络(ESPCN)学习与Pytorch复现
  17. android 死亡阴影,英雄无敌3死亡阴影单机版
  18. 河海大学李轶课题组最新研究:潮滩水产养殖污染对沉积物ARGs和群落构建机制的影响
  19. Oracle数据库中stragg()函数,在瀚高数据库中如何替换使用?
  20. 第16课:Spring Cloud 实例详解——基础框架搭建(三)

热门文章

  1. 解决虚拟机中ubuntu无法识别U盘
  2. html5 定位坐标不精准,[Web开发]Html5定位不准确问题
  3. 【调剂】江汉大学2021年硕士研究生招生接收调剂公告(二)
  4. idm下载器是免费的吗?有哪些功能
  5. PTA----打死我也不说
  6. 【斐波那契LDPC】基于斐波那契序列的QC-LDPC改进,译码采用LLR-BP译码算法
  7. 看电影《致青春》有感
  8. 从提高练字效率思考如何学习技能
  9. 锂电池 保护板方案 中颖SH367309方案 原理图 PCB 源代码 锂电池电池管理系统 中颖SH367309保护板方案
  10. 什么是交换机独享带宽