小程序与网站开发 第1篇
是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部 tab 等。
以我们当前新建的项目为例
是项目的配置文件,用来记录我们对*小程序开发工具
*所作的个性化的配置。
微信现已开放小程序内搜索
,效果类似于 PC 网页的 SEO。 文件用来配置小程序页面是否允许微信索引
。
当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。
注意:sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在配置文件 当中修改action字段为disallow。
小程序的每一个页面,都可以使用json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖的wiondow当中的同名配置项。
注意: json文件当中不能写任何的注释。
只需要在 -> pages属性下新增页面的路径,小程序开发者工具会自动帮我们创建对应的页面文件。
不再需要我们手动创建页面文件,很舒服哦。
只需要调整 -> pages 数组中页面路径的前后顺序,即可修改项目的首页。小程序会把排在第一位的页面,当作项目首页进行渲染。
wxml(weixin markup language)是微信小程序设计的一套标签语言,用来构建小程序页面的结构,类似web端的html。
标签名称不同
属性节点不同
提供的类似vue当中的模板语法 1.数据绑定 2.列表渲染 3.条件渲染
WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,类似于网页开发中的 CSS。
小程序与网站开发 第2篇
小程序和web的js用法上都没有什么区别,最重要的区别只是在于在网页上js代码一般用webapi如rest API。但是在微信上用的都是微信提供的一些接口。
比如相同实现从后端接收传递过来的值的功能:
小程序:
web
同样就是实现一个生命周期函数(不同状态下进行什么的操作)这里相比较而言小程序它的格式要求规范会多一点,他必须要求那个JS每一个都要按照这个规范的样子。web这边可能就比较随意一点。web指的是html加javascript没有vue
小程序:
web
下面就是一些常用的小程序一些函数
onLoad(options)
:
onShow()
:
onReady()
:
onHide()
:
onUnload()
:
onPullDownRefresh()
:
onReachBottom()
:
onShareAppMessage()
:
小程序与网站开发 第3篇
在传统网页开发中,前端和后端需要更紧密地配合,前端还要处理数据更新和渲染。比如html需要一些样式来进行渲染但是如果不在后端给它运行的时候给他渲染的话那么这些样式可能不会出现。同时进行页面跳转,比方说我从该页面跳转到另一个页面,还需要后端特意的为每个页面实现一个渲染逻辑(除非你在前端再多用一些代码去完成)
微信小程序的设计的的确确简化了前后端的分离。前端只需专注于样式和界面,而后端则处理数据和接口。小程序的样式和页面结构完全在前端定义,有些页面它不存在于后端交互的时候就不需要给它进行渲染了。不需要依赖后端进行渲染,这使得页面展示和用户交互更为高效。
实现这个用户资料更新,小程序只用接收到我这个数据就够了。但是web需要一个加载重新加载渲染的功能。