精华内容
下载资源
问答
  • 微信小程序框架文档

    2018-08-16 15:19:15
    微信小程序框架文档,微信小程序框架文档,微信小程序框架文档
  • 微信小程序框架

    2017-05-09 16:14:13
    最近微信小程序越来越受欢迎了,目前微信小程序已经允许开发个人的小程序。 下面就来给大家分享一下,如何开发一款属于自己的微信小程序。 1.下载开发工具 平台https://mp.weixin.qq.com 如果第一次登录公众平台...

    最近微信小程序越来越受欢迎了,目前微信小程序已经允许开发个人的小程序。

    下面就来给大家分享一下,如何开发一款属于自己的微信小程序。

    1.下载开发工具

    平台https://mp.weixin.qq.com

    如果第一次登录公众平台,点击“立即注册”按钮,选择小程序


    按照要求完成小程序注册。

    注册成功后,会进入小程序发布流程,这里一共分2步。

    Step1  填写小程序信息和小程序开发与管理

    点击下载“开发工具”链接,下载小程序开发工具。小程序的开发是有一套已经集成好的IDE适用于windows64、windows32、mac。用户可以根据自己的需要下载相应的开发工具。

    Step2版本发布

    2.小程序框架

    1.app.js

    可以实现程序一开就需要实现的功能

    通过getApp(),可以获取小程序实例,通过实例可以获取到它的方法和数据

    2. app.json

    小程序公共设置

    3. app.wxss

    小程序公共样式表

    4. js

    页面逻辑

    5. wxss

    页面样式表

    6. json

    页面配置

    这里要指出一点,小程序公共设置和公共样衣表的优先级是低于页面样式表和页面配置的。如果页面与页面之间有相同的样式或者相同的页面配置的话,可以优先写在app。wxssapp.json.

    展开全文
  • 非常全面的介绍了微信小程序框架,从时代背景到微信小程序结构
  • 微信小程序框架的制作

    千人学习 2019-01-06 20:13:37
    讲解微信小程序开发所需要准备的注意事项;开发工具的下载;怎么创建和运行第一个微信小程序,以及如何改造;分析微信小程序的目录结构;...实战讲解微信小程序框架的制作!为你小程序的开发打下第一步基础!
  • 微信小程序框架脑图全解
  • 同学们大家好,我是小伊同学,今天我们来学习微信小程序框架。 微信小程序实质上是一款基于web技术的应用程序,他和我们平常所接触到的前端网页是大同小异的。相同点在于他们使用的开发语言,代码结构以及代码...

    同学们大家好,我是小伊同学,今天我们来学习微信小程序框架。

     

     

      微信小程序实质上是一款基于web技术的应用程序,他和我们平常所接触到的前端网页是大同小异的。相同点在于他们使用的开发语言,代码结构以及代码的运行机制是一样。但是他们也存在一些不同之处,最直观地来看,网站页面是运行在浏览器中,微信小程序是运行在微信中。此外,微信小程序能够做到与微信紧密相融,使得在一些功能上的开发更为方便。比如获取用户身份,因为微信账号实际上已经标识了用户身份,只需要调取微信的信息就能很方便地知道用户是谁。此外还有包括手机位置信息,使用手机存储等,借助微信这一平台,小程序都能达到近乎原生APP的操作体验。

     

     

      我们要学习微信小程序的开发,首先就要来了解一下一般的前端开发是什么样的。

     

     

      前端的开发一般采用的是 HTML+ CSS + JS 这样的组合,使用了三种开发语言,那么他们都是干什么用的呢?

     

      假设做一个网站或者小程序是建造一间房子,那么html搭建了房子的骨架,通过html我们可以给房子设置一些墙、柱子和门窗。这些我们称之为组件,顾名思义,是房子的组成部件。那么在实际的前端中,这些柱子和门窗就是图片、链接、输入框和按钮等这些组成一个页面的基本元素,有了这些也就有了这个页面的框架。

     

      而CSS是用来对房间进行装修美化的,就像是把墙面涂上不同的颜色,确定好门窗的摆放位置,是一切看起来非常的赏心悦目。在实际的前端中,就是给每个页面元素加上样式,包括大小、颜色、位置、形状等等。通过css,我们的页面才有了漂亮的视觉效果。

     

      js的作用则是让门和窗户动起来,给组件添加需要的动态效果,比如对鼠标点击的响应,动态地改变展示数据等功能。

     

      通过html+css+js这三部分的配合,最终构成了一个完整的前端。那么小程序也是如此,在小程序中,html变为了wxml,css变成了wxss,这是因为在一些语法和用法上,小程序与普通的前端存在一些差别,但是他们每一部分负责的工作和他们之间的关系都没有变化,大家可以类比加以理解。

     

      同时,微信小程序的框架分为两层,分别是视图层逻辑层,框架的视图层由WXML与WXSS编写,由组件来进行展示,负责小程序的外貌;逻辑层又称为AppService,由js编写,负责小程序的行为动作。因此,我们编写的代码主要是三部分:视图层、逻辑层以及他们之间的联系互动,这一联系具体就是视图层与逻辑层之间的交互。逻辑层将数据进行处理后发送给视图层同时接收视图层的事件反馈视图层将逻辑层的数据展示到界面,同时将视图层的事件发送给逻辑层

     

     

      下面我们来看一下小程序的工程目录,在云开发创建的工程中,小程序的前端和后端代码均在一个目录下,即在小程序根目录下有四部分,cloudfunctions为云开发环境下的后端代码,竖线后为云环境的名称,比如这里的test,这部分代码主要由后端程序员编写,miniprogram为前端代码,前端需要编写的代码都放在这个文件夹里面。

     

      此外还会有一个readme自述文件和一个开发工具配置文件,这两个文件均由开发工具自动创建填写,不需要我们关注,有兴趣的同学可以自己探索,下面我们主要关注miniprogram文件夹。

     

     

      在一个小程序前端代码中,也即miniprogram文件夹下,一共有四种类型的文件,分别是:.json、.wxml、.wxss、.js。

    • json文件主要用来配置项目或者页面的属性,称为配置文件,文件内均为json格式的对象。

    • Wxml文件用来描述页面的结构,称为模板文件,代码类似html语言。

    • Wxss文件描述页面的样式,也称为样式文件,代码类似css语言。

    • js文件用来描述页面的逻辑,即处理页面和用户的交互,也称为脚本逻辑文件。这四种是小程序代码中比较核心的文件类型,

     

      此外,还可以在小程序中添加一些图片文件来美化页面,但这并不是必须的,一般来说我们使用的图片主要为.png和.jpg格式。

     

     

     

      小程序前端都放在miniprogram文件夹下,包含一个描述整体程序的app 和多个描述各自页面的page。描述整体的是以app开头的三个文件,分别为项目全局的js(全局数据和动作)、json(全局配置)和wxss(全局样式),三个文件必须放在根目录下,就是文件夹的最外层。

     

      一个pages文件夹,用于存放小程序的页面代码,该文件夹下可以有任意数量的文件夹,每个文件夹表示一个页面,文件夹名称即为页面名称,文件夹下为该页面的全部代码,使用我们刚才说的四个类型的文件来描述这个页面,且四个文件的名称必须要和页面名称相同。

     

     

     

      此外,在miniprogram文件夹下,还可能会有一个utils文件夹,其中放置的js文件用于存放公共的js代码,方便在不同页面调用。云开发环境下没有自动帮我们创建出来,我们的项目也不需要用到,因此在右边的目录下大家找不到。

     

      为了统一管理图片,我们常常手动在目录下添加images文件夹。

     

      最后,sitemap 配置文件,用来配置小程序及其页面是否允许被微信索引。

     

      好了,本小节的内容就是这些,如果大家有什么问题,欢迎在文末留言,我们明天继续哟~

     

     

    想看视频版?

    关注公号“微程序学堂”,我们的视频教程即将上线

     

    如果你自己写了好文章想投稿

    请联系我们

     

    展开全文
  • 主要介绍了微信小程序 框架详解及实例应用的相关资料,需要的朋友可以参考下
  • 主要介绍了微信小程序框架的页面布局代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 参考微信小程序ios/android模式, XX小程序框架支持ios/android模式, 进而通过原生去支撑这些基础API. 思路 逆向微信小程序 ios端通过tweak工具, 编写动态库注入的方式, hook JSContext/WKWebview 的相关配置 IDA/...
  • 何为框架你对微信小程序的技术框架了解多少??对wepy?框架进行一系列的深入了解微信小程序框架解析和探究小程序组件化框架WePY 在性能...微信小程序框架解析PPT–渠宏伟微信小程序框架详解(直播分享)小程序底层框架

    何为框架

    你对微信小程序的技术框架了解多少?

    ?对wepy?框架进行一系列的深入了解

    微信小程序框架解析和探究

    小程序组件化框架WePY 在性能调优上做出的探究

    开发者培训班上海专场PPT分享:小程序框架深度解析

    干货众多!微信小程序官方公开课:框架解析,官方小程序案例解析等等

    干货:微信小程序框架全解脑图,一张图看清组件构造,学习必备!

    微信小程序框架解析PPT–渠宏伟

    微信小程序框架详解(直播分享)

    小程序底层框架实现原理解析

    微信小程序框架解析

    微信小程序开发框架MINA分析

    扩展微信小程序框架功能系列教程

    扩展微信小程序框架功能:加解密

    扩展微信小程序框架功能:测试辅助

    扩展微信小程序框架功能:正则表达式

    扩展微信小程序框架功能:日期时间Moment.js

    扩展微信小程序框架功能:Redux

    扩展微信小程序框架功能:函数功能增强Underscore.js 、Lodash

    扩展微信小程序框架功能:Generator

    扩展微信小程序框架功能:Xml处理x2js

    扩展微信小程序框架功能:Immutable.js

    扩展微信小程序框架功能:Promise

    微信小程序框架详解系列

    微信小程序框架详解《一》配置文件及其支持的配置属性

    微信小程序框架详解《二》逻辑层和视图层

    有渔微信小程序系统概述《三》view层及小程序框架概述

    wyao:微信小程序入门四:框架详解(1):配置

    网易云捕:全新框架?微信小程序与React Native的异同之处

    github精选:艺龙小程序框架组件

    wepy详细教程: 一个组件化开发的小程序框架

    新手入门选修教程:小程序的框架及逻辑层

    总结

    小程序框架总结

    展开全文
  • 微信小程序框架(思维导图)

    千次阅读 多人点赞 2019-04-29 01:07:08
    这是小编整理的一份关于微信小程序框架的思维导图,建议大家电脑点击图片查看哦!

    这是小编整理的一份关于微信小程序框架的思维导图,建议大家电脑点击图片查看哦! 

     

     

     

    展开全文
  • 微信小程序框架逻辑层_小程序场景值 微信小程序框架逻辑层_小程序场景值 微信小程序基础库 1.1.0 开始支持,低版本需做兼容处理 当前支持的所有微信小程序场景值有: 场景值ID说明 ...
  • 微信小程序框架分析

    千次阅读 2018-03-08 21:43:28
    加上JavaScript逻辑层语言和json配置文件,构建起了微信小程序框架 框架页面文件 工具类文件: 框架全局文件: 2.1微信小程序目录结构介绍: 1. 框架全局文件:对于框架全局文件来说,必须放在项目的根目录中...
  • 默认框架 企业站框架 欢迎大家支持我是视频课程:微信小程序框架的制作
  • 通过第三方 JavaScript 库,扩展微信小程序框架功能。 扩展微信小程序框架功能(1)——Promise ES6 对 Promise 有了原生的支持,但微信开发者工具更新版本(0.11.112200)后, 移除了开发者工具对 ES6 中Promise ...
  • 微信小程序框架介绍 微信团队为小程序提供的框架命名为MINA。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能,对上层提供一整套JavaScript API,让开发者方便的使用微信 客户端...
  • 页面栈微信小程序框架以栈的形式维护了当前的所有页面。当发生路由切换的时候,页面栈的表现如下:路由方式页面栈表现初始化新页面入栈打开新页面新页面入栈页面重定向当前页面出栈,新页面入栈页面返回页面不断出栈...
  • 通过第三方 JavaScript 库,扩展微信小程序框架功能。 扩展微信小程序框架功能(1)——Promise ES6 对 Promise 有了原生的支持,但微信开发者工具更新版本(0.11.112200)后, 移除了开发者工具对 ES6 中...
  • 微信小程序框架集合

    万次阅读 多人点赞 2017-01-15 18:57:43
    weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库Wa-UI ★122 - 针对微信小程序整合的一套UI库wx-charts ★105 - 微信小程序图表工具wemark ★85 - 微信小程序Markdown渲染库WeZRender ★36 - 微信小程序...
  • 开发好自己的微信小程序框架后,可以在任何项目中应用 应用:商城 应用:企业站 应用:教育小程序 欢迎大家支持我是视频课程:微信小程序框架的制作 ...
  • 官方申请地址:https://mp.weixin.qq.com/ ...准备好自己的APPID(微信小程序,非公众号) 开发栏目中查看 ...欢迎大家支持我是视频课程:微信小程序框架的制作 欢迎大家支持我是视频课程:微信小程序框架的制作 ...
  • 微信小程序框架逻辑层_模块化微信小程序-文件作用域在JavaScript文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。通过微信小程序全局函数getApp()可以获取全局的...
  • 在上一章中,我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件: .json 后缀的 JSON 配置文件 ...欢迎大家支持我是视频课程:微信小程序框架的制作 ...
  • 微信小程序框架主体快速开发教程

    千次阅读 2018-05-31 10:18:48
    安装必要内容:首先安装nodejs:node....框架介绍微信小程序框架十分简单且容易上手,分为两部分视图层:*.wxml、*.wxss、逻辑层:*.js 基于javascript整个框架的核心是一种数据绑定系统,框架会使数据和视图保持同...
  • 准备好自己的APPID 设置&...[微信小程序框架制作-第04课-第一个默认小程序介绍](https://img-blog.csdnimg.cn/20190112201645287.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naG...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 77,711
精华内容 31,084
关键字:

微信小程序框架

微信小程序 订阅