小程序导航

微信小程序从基础到实战完整视频教程

ε祈祈猫儿з 提交于 2020-01-07 11:16:05
微信小程序从基础到实战完整视频教程 本课程对微信小程序开发做了详细的分析与讲解,由浅入深地带你搞定从基础到进阶再到实战所需的所有相关知识与技能。 什么是微信小程序? 小程序是一种不需要下载安装即可使用的应用,它实现了应用「触手可及」的梦想,用户扫一扫或搜一下即可打开应用。也体现了「用完即走」的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。 为什么要学微信小程序? 比 NativeApp 简单、比 WebApp 性能稳定、未来商业价值高。如果你是一名前端,那么未来小程序会是你另一个战场;如果你不是BAT,善用微信小程序开发将给你带来流量和用户;如果你是业内大V,新的研究课题来了。 资源链接: 微信小程序从基础到实战完整视频教程 教程目录: 第 1 部分 微信小程序从基础到实战课程概要 第 1 节 微信小程序从基础到实战课程概要 1.1微信小程序从基础到实战课程概要 第 2 部分 初识微信小程序 第 1 节 微信小程序简介 2.1微信小程序简介 第 2 节 微信小程序开发准备 2.2.1微信小程序开发准备 2.2.2微信小程序开发工具的使用 2.2.3目录结构详解 第 3 节 视图渲染与事件 2.3.1视图与渲染 2.3.2微信小程序事件 第 4 节 综合案例详解1 2.4综合案例 - 快递查询 第 3 部分 微信小程序开发进阶 第 1 节

软件工程第六次作业

北战南征 提交于 2020-01-07 03:38:48
团队作业:项目的总结与反思,请从以下方面展开: 1、选题 2、团队合作及冲突解决 3、项目实现 4、今后计划 答:总结与反思如下 1)选题 我们组选择的项目是做一个微信小程序。微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。 小程序提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生 APP 体验的服务。 基于微信小程序轻快的特点,小程序拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同需求,实现用户与小程序服务方的共赢。 2)团队合作及冲突解决 合作: a. 一个高效率的团队,成员不一定是十全十美的,要充分尊重并接受各具特长的每个成员。每个人不是一定完美的,但是一定有自己的发光点。 b. 既然各有所长,也要各取所短。容纳每个人的缺点和不擅长之处,互相取长补短。团队成员千万不要瞧不起别人,要虚心倾听他人意见,虚心请教。 c. 当然,有分歧的时候、意见不同的时候肯定会遇到,这是很正常的事情,这种情况下,每个成员发表自己的意见,最后由团队组长决定。 d. 团队想要高效率的工作,就要给予每个成员合适的工作。让每个人做自己各自擅长的部分,这样时间上的效率就非常高,如果有剩余时间

软件工程第六次作业

扶醉桌前 提交于 2020-01-05 03:03:56
团队作业:项目的总结与反思,请从以下方面展开: 1、选题 2、团队合作及冲突解决 3、项目实现 4、今后计划 答:总结与反思如下 1)选题 我们组选择的项目是做一个微信小程序。微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。 小程序提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生 APP 体验的服务。 基于微信小程序轻快的特点,小程序拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同需求,实现用户与小程序服务方的共赢。 2)团队合作及冲突解决 合作: a. 一个高效率的团队,成员不一定是十全十美的,要充分尊重并接受各具特长的每个成员。每个人不是一定完美的,但是一定有自己的发光点。 b. 既然各有所长,也要各取所短。容纳每个人的缺点和不擅长之处,互相取长补短。团队成员千万不要瞧不起别人,要虚心倾听他人意见,虚心请教。 c. 当然,有分歧的时候、意见不同的时候肯定会遇到,这是很正常的事情,这种情况下,每个成员发表自己的意见,最后由团队组长决定。 d. 团队想要高效率的工作,就要给予每个成员合适的工作。让每个人做自己各自擅长的部分,这样时间上的效率就非常高,如果有剩余时间

微信小程序开发简易教程一

纵然是瞬间 提交于 2019-12-21 03:42:05
1. 获取微信小程序的 AppID( 注意这里的AppID是小程序专门的id,可以在登录微信公众号的小程序里面看到,无 AppID某些功能会受到限制! ) 登录 https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。 注意:如果要以非管理员微信号在手机上体验该小程序,那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。 2. 创建项目( 项目的名称一般是英文,尽量不使用中文,可能会报错 ) 我们需要通过 开发者工具 ,来完成小程序创建和代码编辑。 开发者工具安装完成后,打开并使用微信扫码登录。选择创建“项目”,填入上文获取到的 AppID ,设置一个本地项目的名称(非小程序名称),比如“我的第一个项目”,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。 为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择“是”,开发者工具会帮助我们在开发目录里生成一个简单的 demo。 项目创建成功后,我们就可以点击该项目,进入并看到完整的开发者工具界面

微信小程序购物商城系统开发系列-目录结构

十年热恋 提交于 2019-12-21 01:40:37
上一篇我们简单介绍了一下微信小程序的IDE( 微信小程序购物商城系统开发系列- 工具篇 ),相信大家都已经蠢蠢欲试建立一个自己的小程序,去完成一个独立的商城网站。 先别着急我们一步步来,先尝试下写一个自己的小demo. 这一篇文章我们主要的是介绍一下小程序的一些目录结构,以及一些语法,为我们后面的微信小程序商城系统做铺垫。 首先我们来了解下小程序的目录结构 Pages 我们新建的一些页面将保存在这个文件夹下面,每一个 小程序页面 是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。 .js 后缀的文件是脚本文件, .json 后缀的文件是配置文件, .wxss 后缀的是样式表文件, .wxml 后缀的文件是页面结构文件。 Utils 我们写的一些公共的工具js可以放里面。 app.js 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。 app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。 { "pages":[ "pages/index/index", "pages/logs/logs" ], "window"

微信小程序开发流程

好久不见. 提交于 2019-12-20 15:56:00
突然想尝试微信小程序开发,但之前一直没做过,所以将注册流程分享出来供大家查看。 1、注册微信小程序账号    按照文档指引,咱们得先注册一个微信下程序的账号,访问地址(https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN),选择“小程序”,按要求填写相关信息即可完成微信小程序的注册。(ps:微信严格区分个人公众号与小程序,因此微信小程序的注册邮箱不可以与微信个人公众号的邮箱相同)       2、获取微信小程序的 AppID    注册完成后登录,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。       3、下载微信小程序开发者工具    由于微信小程序的代码及规范相对封闭,因此按照微信官方的说法,为了帮助开发者简单和高效地开发微信小程序,推出了全新的开发者工具(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html),集成了开发调试、代码编辑及程序发布等功能。    4、创建demo项目   下载完成后,选择创建“项目”,填入上一步获取到的AppID,设置本地项目的名称(非小程序名称),如:demo

小程序之面试题

你。 提交于 2019-12-18 11:26:39
小程序之面试题 一: 小程序与原生App哪个好? 答: 小程序除了拥有公众号的低开发成本、获客成本低以及无需下载等优势,在服务请求延时与用户使用体验是都得到了较大幅度的提升,使得其能够承载跟复杂的服务功能以及使用户获得更好的用户体验。 二: 简述微信小程序原理? 答: 微信小程序采用JavaScript、WXML、WXSS三种技术进行开发,从技术讲和现有的前端开发差不多,但深入挖掘的话却又有所不同。 JavaScript:首先JavaScript的代码是运行在微信App中的,并不是运行在浏览器中,因此一些H5技术的应用,需要微信App提供对应的API支持,而这限制住了H5技术的应用,且其不能称为严格的H5,可以称其为伪H5,同理,微信提供的独有的某些API,H5也不支持或支持的不是特别好。 WXML:WXML微信自己基于XML语法开发的,因此开发时,只能使用微信提供的现有标签,HTML的标签是无法使用的。 WXSS:WXSS具有CSS的大部分特性,但并不是所有的都支持,而且支持哪些,不支持哪些并没有详细的文档。 微信的架构,是数据驱动的架构模式,它的UI和数据是分离的,所有的页面更新,都需要通过对数据的更改来实现。 小程序分为两个部分webview和appService。其中webview主要用来展现UI,appService有来处理业务逻辑、数据及接口调用。它们在两个进程中运行

电商行业微信小程序开发推广方案,专业解读

有些话、适合烂在心里 提交于 2019-12-14 23:18:50
电商类小程序作为最直接带来收入的小程序类别,此功能是比较关键的,无论何时何地,只要有微信便可完成购物流程,对于提高用户留存率与购买积极性非常有帮助。 一,大纲:小程序功能: 1,信息展示、轮播图、推荐板块、热卖板块、分享板块 2,核心功能、商品分类、商品列表、特卖、会员中心 3,营销工具、积分商城、优惠券、拼团、二级分销 二,具体推广方案: 1,信息展示 轮播图,轮播图是小程序首页里吸引用户眼球的重要区域,主要以滚动的形式展示店铺主推护肤品、促销活动海报为主,便于用户快速获取化妆品店重要信息,提升转化率。 2,推荐板块 对于电商行业小程序新用户而言,店铺设置的推荐板块能够快速帮助用户了解商品,增加用户在小程序中停留时间,进而促成转化。而对于老用户,推荐板块起到一个引导作用。 3,热卖板块 商家把当前销量、评价等综合因素较高的商品设置在小程序首页的热卖专栏中,当用户进入小程序便能快速了解到各个系列的热卖商品,起到很好的引导性作用,缩短用户获取信息路径,提升用户体验。 4,分享 当用户在店铺小程序浏览商品时,需要把当前的商品分享至好友,用户可在商品详情页面直接点击分享按钮,好友点击分享页面即可跳转到相应的页面,简化用户获取商品信息路径,提升用户体验。 5,商品分类 在小程序中商品的类目众多,商家根据商品来进行不同的分类,让用户快速找到自己想要的商品,有效节约用户时间。 ,6,商品列表

uniapp开发支付宝小程序和微信小程序的区别和一些坑 总结

扶醉桌前 提交于 2019-12-11 06:07:45
uniapp开发支付宝小程序和微信小程序 1.跳转tabor的时候uni.switchTab中url只能写成’/pages/order/order’,而在微信小程序里可以写成相对的路径 2.设置沉浸式导航时候,微信小程序返回按钮会消失,而支付宝不消失 3.关于支付宝的智能客服 在uniapp里虽然没有找到 但是代码可以直接写进去 编译的时候会直接编译出来 4.map组件其中polygons功能 在微信小程序中是需要加s的 但是在支付宝里是不需要加s的 来源: CSDN 作者: 春天的小绵羊 链接: https://blog.csdn.net/weixin_44823323/article/details/103477938

小程序学习

本小妞迷上赌 提交于 2019-12-07 12:06:30
内页不自定义导航: 在内页文件夹的json中写上: { "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationStyle": "default",          //顶部不自定义导航 "navigationBarTitleText": "产品中心" } 上面是设置单页面的代码,不需要加window 下面是全局设置的代码,需要加window "window": { "backgroundColor": "#fafafa", "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationStyle":"custom",            //顶部自定义导航 "navigationBarTextStyle": "black" }, 来源: https://www.cnblogs.com/shandayuan/p/12001254.html