微信小程序
关注
分享
扫一扫
gaoya7305
一切皆有可能
展开
-
微信小程序05 - 开发框架组成介绍
目录了解小程序的开发框架WXML的语法一、小程序的开发框架WXML: 描述页面的内容WXSS: 描述页面的样式JavaScript: 控制页面交互逻辑和数据通信WXS: 它是对WXML能力的增强的一种脚本语言，可以将我们请求到的数据，进行filter（过滤）,和计算处理，帮WXML快速构建出页面的内容结构。二、WXML的语法开始标签和结束标签包裹着我们的内容（...原创 2019-06-12 16:41:12 · 1067 阅读 · 0 评论 -
微信小程序10 - 事件流
前面说过事件可以让视图层和逻辑层进行通信。那什么是事件呢？如何绑定组件上的事件？index.wxml通过view标签来绑定一个点击事件，事件名是clickMeindex.js绑定了clickMe的回调函数，{打印事件函数所有的返回信息}事件对象各个属性的含义...原创 2019-06-18 16:00:48 · 487 阅读 · 0 评论 -
微信小程序09-生命周期，页面路由
分为小程序应用生命周期和页面生命周期应用生命周期第一次进入，客户端会帮我们初始化小程序的运行环境，同时会从CDN上下载，或者本地缓存中拿到我们小程序的代码包，注入到运行环境里。初始化完毕后，微信客户端会给我们逻辑层的Ap. js的app实例，来派发onLaunch事件。逻辑层的app.js 的app 构造器参数里面的onLaunch方法就会被调用，进入小程序后，用户就可以点击我们左上角的关...原创 2019-06-18 15:51:50 · 257 阅读 · 0 评论 -
微信小程序08 - 底层架构实现，启用运行机制之MINA框架
1.底层架构2.运行机制小程序的开发框架称为MINA框架‘’View：视图层 搭建视图的结构和展现样式App Service:逻辑层 处理事务逻辑，数据交互的服务中心Manager:逻辑处理部分的执行API:底层提供的叫WAService.js文件来封装各个api的接口，让各个平台的运行环境能通过API使用微信客户端能力。只有一个app service,并且整个生命周期常驻...原创 2019-06-18 14:44:02 · 832 阅读 · 0 评论 -
微信小程序04-helloWorld
手把手教你创建一个helloworld前言创建好一个小程序工程文件，它会自动添加很多文件，我们把除了project.config.json 留下，其余全部删除。通过我们接下来一个个的文件创建，会让你加深对每个文件的理解。部分文件介绍project.config.json 保存用户的配置信息一个微信小程序应用至少有连个文件： app.js, app.jsonapp.js - 注...原创 2019-06-12 10:27:54 · 620 阅读 · 0 评论 -
微信小程序03 -开发者工具详解
工具栏人头像-个人中心：展示小程序系统版本更新后的一个推送消息。方便的切换小程序账号头像旁边的3个按钮，我们可以点击他们去控制相应的模块的显示或隐藏普通编译：我们可以选择添加编译模式自定义编译条件，如启动页面和页面的启动参数，已经我们需要进入的一些场景值预览 ：让本地的代码实时的在真机上预览，点击该按钮，他会生产一个二维码，用真机扫描即可远程调试（真机调试）：通过网络连接对我们手机...原创 2019-06-11 16:20:24 · 722 阅读 · 0 评论 -
微信小程序02-小程序的构成
目录：工程目录结构一、工程目录结构前期只是准备：JavaScrip - https://www.liaoxuefeng.com/wiki/1022910821149312HTML+CSS 知道干啥就okjs - JavaScript 文件json - 项目配置文件，负责窗口颜色等wxml - 类似HTML文件wxss - 类似CSS文件...原创 2019-06-10 16:09:24 · 320 阅读 · 0 评论 -
微信小程序01-初识
目录：1.什么是微信小程序2.微信小程序的由来2.微信小程序的申请和工具的下载一、什么是微信小程序对于大部分人觉得这个不是神经病，是个人都知道，为什么还要介绍。——被一个群里面的宣传小程序是病毒木马的普通老百姓打击了。微信小程序-------是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用，主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上...原创 2019-06-10 11:20:26 · 245 阅读 · 0 评论 -
微信小程序11-view容器
小程序有丰富的组件，看下组件含义：所写的标签都是组件，属性来修饰组件，进行更多丰富的操作。组件类型：视图容器组件：控制页面的内容scroll-view:滚动容器swiper:轮播组件movable-view：可支持移动缩放组件cover-view: 这个view可以盖在原生组件上具体视图组件的属性可参考官方文档：https://developers.weixin.qq.co...原创 2019-06-19 14:39:32 · 322 阅读 · 0 评论 -
微信小程序07-JavaScript,WXS介绍
1.JavaScript 介绍组成如图：小程序的组成了解下就可以，可忽略bom:浏览器的对象模型，处理浏览器窗口和框架，描述了与浏览器进行交互的方法和接口，修改url,重新打开浏览器的窗口。dom:浏览器的文档对象模型 html xml 的应用程序接口，加载到浏览器的当前网页，通过js,读取当前网页的dom对象。Native:原生的模块，通过这个模块使用JavaScript本身不...原创 2019-06-14 14:38:07 · 679 阅读 · 0 评论 -
微信小程序06-开发框架之WXSS
一、响应式像素WXSS: 决定了小程序的界面样式，他和CSS很类似，是在CSS基础上进行补充和修改。接下来看下WXSS 修改了CSS 上的那些东西？rpx: 响应式的像素CSS pixels: 逻辑像素PPI/DPI: 每英寸所拥有的像素数目DPR:手机在某一方向上的设备像素和CSS像素之比小程序推出的rpx，它规定了屏幕宽度是750个rpx,从而根据屏幕宽度进行自适应...原创 2019-06-14 14:06:20 · 295 阅读 · 0 评论