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

    2017-12-08 09:12:52
  • 微信小程序框架的制作

    千人学习 2019-01-06 20:13:37
    讲解微信小程序开发所需要准备的注意事项;开发工具的下载;怎么创建和运行第一个微信小程序,以及如何改造;分析微信小程序的目录结构;...实战讲解微信小程序框架的制作!为你小程序的开发打下第一步基础!
  • 本项目使用的框架是美团团队推出的小程序框架Mpvue,项目为模块化、组件化、工程化的项目。涵盖了原生小程序API的使用、Vue.js核心语法及flyio第三方Ajax请求库,后端使用Koa框架进行搭建。学习本课程内容可以快速...
  • 默认框架 企业站框架 欢迎大家支持我是视频课程:微信小程序框架的制作

    默认框架

    微信小程序框架制作

    企业站框架
    微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangjuhua
    微信小程序框架制作

    欢迎大家支持我是视频课程:微信小程序框架的制作
    微信小程序框架制作

    展开全文
  • 小程序框架介绍

    2018-11-21 10:45:29
    小程序框架分为两部分 (1)视图层(View) 描述语言:WXML 和 WXSS (2)逻辑层(App Service) 描述语言:JavaScript 框架的核心:一个响应的数据绑定系统 框架可以让数据与视图非常简单地保持同步。当做数据...

    小程序框架分为两部分    

    (1)视图层(View)   描述语言:WXML 和 WXSS    

    (2)逻辑层(App Service)  描述语言:JavaScript 框架的核心:一个响应的数据绑定系统         框架可以让数据与视图非常简单地保持同步。当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做相应的更新。

    WXML的语言特性 (1)数据绑定 (2)列表渲染 (3)条件渲染 (4)模板引用

    数据绑定

    (参见文档—>框架—>数据绑定)  

    WXML 中的动态数据均来自对应页面js文件中 Page 的 data对象 实现方式:         data里面配置属性,视图利用 Mustache 语法(双大括号)访问属性变量

    除了文本内容外也可以绑定属性

                

    数据绑定

    注意:①关键字true/false(需要放在双引号之内) 因为小程序会解析字符串,再去将字符串转化为boolean 值 例如:<checkbox checked="{{false}}"> </checkbox> 若直接设置<checkbox checked="false"> </checkbox>小程序会将“false”解析成字符串,该字符串是非空的则转化为boolean为true

    ③如果data里面的属性是一个对象,那么该对象下的数据则可以通过对象的属性访问

    小程序标签的共有属性

    属性名

    类型

    描述

    注解

    id

    String

    组件的唯一标识

    保持整个页面唯一

    class

    String

    组件的样式类

    在对应的wxss中定义的样式类

    style

    String

    组件的内联样式

    可以动态设置的内联样式

    hidden

    Boolean

    组件是否显示

    所有组件默认显示

    data-*

    Any

    自定义属性

     

    bind*/catch*

    EventHandler

    组件的事件

     

     

    条件渲染(wx:if)

    (参见文档—>框架—>条件渲染) 在小程序框架中,使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块    例如: <view wx:if="{{condition}}"> True </view>    如果condition条件为true则该组件显示,若condition条件为false则该组件不渲染 说明:如果多分支可以用 wx:elif="{{condition}}" 和 wx:else 来添加一个 else 块 注意:wx:if 和 hidden的区别

    block标签:它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。  如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在block标签上边使用 wx:if 控制属性。

       

    列表渲染(wx:for)

    (参见文档—>框架—>列表渲染) 在组件上使用wx:for制属性绑定一个数组或对象,可使用数组或对象中各项的数据重复渲染该组件         默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item         若绑定的是对象则当前项的键(key)变量名默认为 index,当前键对应的值的变量名默认为 item         名字可以通过wx:for-item 和wx:for-index指定 也可以利用block标签渲染一个包含多节点的结构块

    模板引用(template)

    (参见文档—>框架—>模板) WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。 第一步:定义模板         用template标签定义一个代码片段,使用name属性指定模板的名称 第二部:使用模板        使用 is 属性,声明需要的使用的模板,利用data属性的扩展运算符向模板传入需要的数据信息。

    说明: (1).wxml文件中可以定义多个模板,只需要通过name来区分 (2)模板的数据都是展开之后的属性            data='{{...item}}'是ES6的写法,item是当前项,...是展开运算符,那么在模板中不需要再{{item.name}}而是直接{{name}}即可。注意:   is 属性可以使用 Mustache 语法,来动态决定具体需要渲染哪个模板

    小程序里面除了支持模板引入,还支持文件的引入 文件引入的方式:

    (1)import      import只能引用模板文件里面定义的模板内容块

     

    (2) include      include引用目标文件内除了模板代码块的其他内容

    做的不好,希望能帮助到你!

     

    展开全文
  • 这里说的去除小程序框架其实并不严谨,因为小程序本身也算是一个框架,而且是一个功能更加完善的框架系统。在前端的概念中,我们一般说一个框架是指一个用来帮助开发者构建用户界面的框架,而小程序框架本身不仅仅...

    这里说的去除小程序框架其实并不严谨,因为小程序本身也算是一个框架,而且是一个功能更加完善的框架系统。在前端的概念中,我们一般说一个框架是指一个用来帮助开发者构建用户界面的框架,而小程序框架本身不仅仅包含了UI层的功能,还提供了API能力、服务端的能力,所以说小程序框架本身是一个比常规的前端框架更完善的东西,或者说是一个完善的构建应用系统。本文中所说的原生小程序与小程序框架的对比,均指与第三方小程序框架的对比。

    在小程序的世界里,原生小程序框架已经足够好,它就是那把给你雕刻小而美应用的雕刻刀,而不必要去寻找一把屠龙刀。

     

    1、框架的取舍

    最近Vue作者尤大关于框架设计平衡的分享中也提到了框架的取舍问题。

    当我们去构建一个复杂的前端应用的时候,如果没有工具,而是使用原生JavaScript去开发的话,那只会花费更多的时间。对小程序来说,原生小程序框架就是我们的工具,它足以用来构建一个复杂的小程序应用。

    然而web应用的开发环境是否也适用于小程序开发呢?

    小程序框架在小程序生态发展的初期的确起到了很大的促进作用,然而随着小程序原生框架的不断完善,这些小程序框架的作用已经不再具备优势。

    框架的确给前端带来了生产力的提高,也带动了前端界生态的发展。所以在小程序出现之后,一股框架之风也很快的出现,微信小程序刚推出之后,就出现了两个比较出名的小程序开发框架,wepy、mpvue。

    这两个框架都带着一个共同的出发点,那就是将前端框架的开发体验移植到小程序开发中,从语法层做了改动,使用用户可以采用类似 Vue.js 风格的语法去开发微信小程序。

    这些小程序框架初期主要做的是对小程序原生开发体验的增强,随着小程序生态的发展,又增加了跨端开发能力的支持。然而我们框架的引入真的增强了开发体验吗?我们是否真的需要跨端能力?是否需要通过引入框架的形式来实现跨端支持?

    答案是否定的,引入框架对于小程序开发来说只会带来更多的问题。

     

    2、原生小程序 VS Web 框架

    如下是原生小程序与Web框架功能的对比情况,可以看到 Web 框架具备的能力,原生小程序也具备。

    小程序出现的时候 Web 框架已经发展的比较成熟,所以可以简单猜测小程序的框架借鉴了许多 Web 框架的特性,这也是为什么小程序开发方式与前端开发方式如此接近的原因。

    功能对比

    在开发前端应用的时候,Vue和React技术栈是比较流行的两种类型,而对于选择什么样的生态工具时,许多开发者并不确定选择什么样的技术栈,所以一般都会选择Vue全家桶和React全家桶。

    原生小程序框架从能力上就考虑了小程序场景所需的技术栈,这也是笔者推崇原生小程序开发方式的原因,如果你对你当前构建的应用场景需要什么样的技术栈特别清晰,那么就用原生的好了,因为原生小程序框架就是基于小程序场景开发的。选择什么样的技术栈,提供什么样的框架能力,这应该是小程序平台团队去思考的问题。

     

    3、原生小程序的优势

    从上面的功能层级对比我们可以发现,原生小程序与框架相比,功能是非常接近的,简单来说就是同一个物种,只不过是花猫、白猫的区别。那么除此之外,原生小程序还有哪些优势呢?

    稳定安全可靠

    原生小程序由专业的小程序团队维护更新,这是社区开源项目无法比拟的。即使是热门的开源项目也难保不会出现停滞更新维护的情况,也许有一天你就发现代码中的坑就得你自己的修复。

    原生小程序还处于快速发展的阶段,每过一段时间就会发布新功能,如果使用原生小程序开发的话就可以及时的享用,而如果依赖于三方框架的话,只得依赖于框架作者更新之后才能使用。

    作为一个开发人员,有时候选择一个什么样的框架是很难的,如果你想正确的选择框架,就得必须要了解框架所做的一些内部权衡,你必须知道这个框架朝着哪个方向发展,并且知道它与你构建的东西是否一致。而对于小程序来说,上述的问题其实不存在,小程序框架就是小程序平台团队为你量身打造的。

    想了解更多小程序框架可以查看如下三个框架:

    WePY让小程序支持组件化开发的框架WePY框架在开发过程中参考了 Vue等现有框架的一些语法风格和功能特性,对原生小程序的开发模式进行了再次封装,更贴近于MVVM架构模式, 并支持ES6/7的一些新特性。mpvue是一个使用Vue.js开发小程序的前端框架,目前支持 微信小程序、百度智能小程序,头条小程序和支付宝小程序。框架基于 Vue.js,修改了的运行时框架runtime和代码编译器compiler实现,使其可运行在小程序环境中,从而为小程序开发引入了Vue.js开发体验。Taro是一套遵循React语法规范的多端开发解决方案。使用Taro,我们可以只书写一套代码,再通过 Taro的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动/QQ小程序、快应用、H5、React-Native 等)运行的代码。

    4、小程序跨端需求

    继微信小程序推出后,阿里,百度,头条也推出了自己的小程序平台,这就给小程序开发者带来一个问题,是每个平台开发一套还是寻求代码复用的技术方案。

    其实跨端方案很多,现有的小程序框架大多都内置了跨端能力支持,对于跨端支持能力要求并不是特别高的团队,也可以搭建自己的跨端方案,因为这些小程序框架都很类似,所以说搭建一套针对特定场景的跨端方案也变得可行。除此之外,目前市面上还有一些第三方提供的小程序工具支持一个后台支持多端小程序,比如有赞、APPx应用魔方等。

    当然每个人的具体需求和喜好选择不同,并不能一概而论。这里只是分享的个人使用感受,供大家参考讨论,有不同的意见欢迎留言讨论哦!

    展开全文
  • 微信小程序框架分析

    千次阅读 2018-03-08 21:43:28
    加上JavaScript逻辑层语言和json配置文件,构建起了微信小程序框架 框架页面文件 工具类文件: 框架全局文件: 2.1微信小程序目录结构介绍: 1. 框架全局文件:对于框架全局文件来说,必须放在项目的根目录中...
  • 微信小程序框架逻辑层_小程序场景值微信小程序基础库 1.1.0 开始支持,低版本需做兼容处理当前支持的所有微信小程序场景值有:场景值ID说明1001发现栏小程序主入口1005顶部搜索框的搜索结果页1006发现栏小程序主入口...
  • 框架进行一系列的深入了解微信小程序框架解析和探究小程序组件化框架WePY 在性能调优上做出的探究开发者培训班上海专场PPT分享:小程序框架深度解析干货众多!微信小程序官方公开课:框架解析,官方小程序案例解析...
  • 同学们大家好,我是小伊同学,今天我们来学习微信小程序框架。 微信小程序实质上是一款基于web技术的应用程序,他和我们平常所接触到的前端网页是大同小异的。相同点在于他们使用的开发语言,代码结构以及代码...
  • 美团小程序框架mpvue入门教程

    万次阅读 2018-04-08 09:59:31
    美团小程序框架mpvue入门教程 自打写了 美团小程序框架mpvue蹲坑指南, 一发不可收拾,今天趁周末空闲,来写个mpvue(没朋友)的简单入门教程,本教程只针对新手,老鸟勿喷。 另外,我还专门为本文做了一个简单的...
  • 2、原生小程序框架介绍 给大家画了一张图,重要的都在这了~ 3、app.json页面配置文件介绍 参考文档,建议大家收藏一下这个小程序文档,后面我们会经常用到~ https://developers.weixin.qq.com/minipr...
  • 今天在千聊直播用图文的方式分享了小程序框架,也是我的直播首秀。 整体感觉效果不是太满意,一方面用手机录音效果不是太好,另一方面,在直播的过程中,思维没有活跃起来,整个直播的过程感觉比较被动。 下面是...
  • 原文链接百度智能小程序框架性能优化实践 移动互联网中 Native App(NA) 和 H5 一直处在博弈状态,在性能体验和灵活性上艰难寻找着平衡,单从技术上来说,小程序就是 NA 和 H5 的又一次碰撞。小程序的灵活性已被...
  • 这里说的去除小程序框架其实并不严谨,因为小程序本身也算是一个框架,而且是一个功能更加完善的框架系统。在前端的概念中,我们一般说一个框架是指一个用来帮助开发者构建用户界面的框架,而小程序框架本身不仅仅...
  • 微信小程序框架(思维导图)

    千次阅读 2019-04-29 01:07:08
    这是小编整理的一份关于微信小程序框架的思维导图,建议大家电脑点击图片查看哦!
  • 微信小程序框架wepy文档: 参考链接:https://segmentfault.com/a/1190000007580866点击打开链接 点击打开链接 微信小程序第三方开发工具wept: 项目地址:https://github.com/chemzqm/wept点击打开链接 ...
  • 本文意在整理我项目上使用过的小程序框架,其中的内容由我们团队里的大神根据项目整理出来,我只是二次整理精简出项目以外的内容。时间线为:wepy、mpvue1.x、mpvue2.x wepy 当时的微信小程序还不像现在的...
  • 与目前业内的几个小程序框架相比较而言,mpx 开发设计的出发点就是基于原生的小程序去做功能增强。所以从开发框架的角度来说,是没有任何“包袱”,围绕着原生小程序这个 core 去做不同功能的 patch 工作,使得开发...
  • 小程序框架 小程序的配置 全局配置 - app.json pages 列表配置 window 配置 app.json { "pages": [ "pages/logs/logs", "pages/index/index" ], "window": { "backgroundTextStyle": "light", ...
  • 在上一章中,我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件: .json 后缀的 JSON 配置文件 ...欢迎大家支持我是视频课程:微信小程序框架的制作 ...
  • 基于Taro封装的微信小程序框架

    千次阅读 2020-01-16 14:50:09
      由京东凹凸团队开源的小程序框架Taro (https://taro.aotu.io/),以及对应UI框架Taro-UI (https://taro-ui.jd.com/#/),是一套遵循 React 语法规范的 多端开发 解决方案。根据官方介绍:    现如今市面...
  • 微信小程序开发—小程序框架详解(一)

    万次阅读 多人点赞 2016-11-17 22:11:43
    下面以开发者工具自动生成的程序框架为例,对小程序的框架进行介绍。选择一个空的项目目录创建一个小程序项目,如下图: 创建完成后我们看到如下目录结构: 目录结构小程序包含一个描述整体程序的 app 和多个...
  • 微信小程序框架主体快速开发教程

    千次阅读 2018-05-31 10:18:48
    安装必要内容:首先安装nodejs:node....框架介绍微信小程序框架十分简单且容易上手,分为两部分视图层:*.wxml、*.wxss、逻辑层:*.js 基于javascript整个框架的核心是一种数据绑定系统,框架会使数据和视图保持同...
  • Mpx是一款致力于提高小程序开发体验和效率的增强型小程序框架,目前在滴滴公司内部支撑了包括滴滴出行小程序,滴滴出行广场小程序,青桔单车,黑马电单车,小桔养车,小桔加油在内的小程序生态;自去年11月开源以来...
  • 准备好自己的APPID 设置&amp;...[微信小程序框架制作-第04课-第一个默认小程序介绍](https://img-blog.csdnimg.cn/20190112201645287.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naG...
  • 文章目录一、课程体系二、我的笔记三、其他部分内容四、源码 mpvue多端小程序开发指南 | 「小慕读书」官网 API | 慕课网「小慕读书」官网 一、课程体系 ...【笔记】实战mpvue2.0多端小程序框架——
  • 微信小程序框架

    2019-09-11 15:25:16
    美团出品,使用 Vue.js 开发小程序,从底层支持 Vue.js 语法和构建,目前有1.3w+Star 。框架基于 Vue.js 核心,熟悉Vue的同学可以快速上手。 美团火车票12306抢票、美团汽车票 和 美团充电都是mpvue开发的。 2.uni ...
  • 本文将结合阔悬在 iWeb 杭州站沙龙现场的分享《支付宝小程序在 mPaaS 中的深度集成实践》,介绍支付宝小程序框架的设计原理,以及如何在 mPaaS 体系中的深度集成支付宝小程序。 分享内容将从以下两个方面展开: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,226
精华内容 10,090
关键字:

小程序框架