微信小程序
看着APP将要被微信小程序取代,随不是本方向的但是好奇心促使我得看一看啊~毕竟计算机更新换代,处处都是新生啊!
女王の专属领地
尼采曰:每一个不曾起舞的日子,都是对生命的辜负!
展开
-
微信小程序源码
微信小程序demo:足球,赛事分析小程序简易导航小程序demo:办公审批小程序Demo:电魔方小程序demo:借阅伴侣微信小程序demo:投票微信小程序demo:健康生活小程序demo:文章列表demo微商城(含微信小程序)完整源码+配置指南微信小程序Demo:一个简单的工作系统微信小程序Demo:用于聚会的小程序微信小程序Demo:Growth 是一款专注于Web开发者成长的应用,…微信小程序D...原创 2018-05-03 15:53:11 · 4317 阅读 · 0 评论 -
微信小程序开发《1. 准备工作以及工具》
1. 准备微信开发账号微信小程序开发工具2. 开发工具使用登录页使用微信扫码登陆开发者工具,开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。模式选择开发者工具提供两种开发模式的选择。公众号网页调试 : 直接进入公众号网页项目调试界面,在地址栏输入 URL,即可调试该网页的微信授权以及微信 JS-SDK 功能。小程序调试 :进入小程序本地项目管理页,可以新建、删除本地的项目,或者选择进入已...原创 2018-02-21 21:51:22 · 1366 阅读 · 0 评论 -
微信小程序开发《2. 小程序代码构成》
通过开发者工具快速创建了一个 QuickStart 项目,里边生成了不同类型的文件:.json 后缀的 JSON 配置文件.wxml 后缀的 WXML 模板文件.wxss 后缀的 WXSS 样式文件.js 后缀的 JS 脚本逻辑文件JSON 配置在项目的根目录有一个 app.json 和 project.config.json,此外在 pages/logs 目录下还有一个 logs.json,我们...原创 2018-02-21 22:40:05 · 5708 阅读 · 0 评论 -
微信小程序开发《3. 视图与渲染》
1 . 组件的基本使用组件这里不详细记录了,就当做一个帮助文档来阅读;官方文档2 .数据的绑定主要通过{{xxx}}来绑定数据2.1 .js文件里面data的设置Page({ data: { text:'这里是内容!', }})2.2 .wxml里面的设置<text>{{text}}</text>3 .渲染标签的使用可以通过事件来进行切换;.js文件Pag...原创 2018-02-24 21:22:09 · 478 阅读 · 0 评论 -
微信小程序开发《4. 事件》
事件定义事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。<view id="tapTes...原创 2018-02-25 11:09:28 · 421 阅读 · 0 评论 -
微信小程序开发《5. 框架之配置》
框架框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者可以方便的聚焦于数据与逻辑上。响应的数据绑定框架的核心是一个响应的数据绑定系统。整个系统分为视图层(View)和逻辑层(App Service)框架可以让数据与视图非常简单地保持同步。当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做...原创 2018-02-25 14:27:32 · 632 阅读 · 0 评论 -
微信小程序开发《6 .框架之逻辑层》
逻辑层(App Service)小程序开发框架的逻辑层由 JavaScript 编写。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。注册程序AppApp()App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。object参数说明:属性类型描述触发时机onLaunchFunction生命周期函数--监听小程序初始化当小程序初始化完成时,会触...原创 2018-02-25 14:59:02 · 1611 阅读 · 0 评论 -
微信小程序开发《7 .框架之视图层--wxml》
视图层框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXin Markup language) 用于描述页面的结构。WXS(WeiXin Script) 是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。WXSS(WeiXin Style Sheet) 用于描述页面的样式。组件(Component...原创 2018-02-25 15:21:48 · 595 阅读 · 0 评论 -
微信小程序开发《8 .框架之视图层--wxs》
WXSWXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。注意wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript 文件中定义的函数,也...原创 2018-02-25 15:45:42 · 789 阅读 · 0 评论 -
微信小程序开发《9 .框架之视图层--wxss》
WXSSWXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。WXSS 具有 CSS 大部分特性。与 CSS 相比,WXSS 扩展的特性有:尺寸单位样式导入尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375...原创 2018-02-25 15:49:04 · 669 阅读 · 0 评论 -
微信小程序开发《10 .框架之打包和兼容》
兼容通过 wx.getSystemInfo 或 wx.getSystemInfoSync 获取到小程序的基础库版本号。也可以通过 wx.canIUse 来判断是否可以在该基础库版本下直接使用对应的API或者组件兼容方式 - 接口对于新增的 API,可以用以下代码来判断是否支持用户的手机。if (wx.openBluetoothAdapter) { wx.openBluetoothAdapter...原创 2018-02-25 16:02:46 · 1736 阅读 · 0 评论 -
微信小程序开发《11 .框架之自定义组件》
自定义组件从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。创建自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成。要编写一个自定义组件,首先需要在 json 文件中进行自定义...原创 2018-02-25 16:08:10 · 1008 阅读 · 0 评论