小程序入门

小程序入门

朋友们，此笔记适合一边看视频一边对照，或者学完课程后回顾重点。没看视频的看这个笔记可能会不知所云。如果有疑问或者建议欢迎提出，以帮助我完善笔记，谢谢。一，小程序特点免安装类似于app必须在微信中使用二，用户获得小程序方式搜索与附近的小程序扫一扫与长按识别小程序码好友分享与公众号关联第三方小程序应用商店小程序之间互相跳转三，小程序的官方文档地址：https://developers.weixin.q
老周_o_o·2018-05-14 10:49

小程序入门（二）

底部导航配置及头部标题栏配置，（纠结死不知道写点啥。快快来人给我推荐推荐啊？）1、app.json配置-----pages（配置项目页面，"pages/index/index",新增直接一次在下面写下就好了无需一步步新建文件ctrl+s保存工具会自动生成的）之前的文章也有介绍（可参考《app.json和page.json配置》）。2、app.json----------window（标题栏配置）注
冫笙·2018-04-19 21:38

微信小程序入门

目录1.新建项目1.1项目结构说明1.2程序运行程序流程2.基础组件3.常用API微信公众平台小程序开发工具下载申请账号邮箱（账号不能是微信开放平台或微信公众平台）密码查看AppID和AppSercet设置|开发设置打开工具|填写AppID创建项目|点击编译（在左侧模拟器看效果）|点击预览（生成二维码用微信扫描）1.新建项目新建项目1.1项目结构说明.wxml:页面显示文件.js:脚本文件.wxs
平安喜乐698·2018-03-11 00:01

微信小程序开发初学者之入门步骤和体验

在Android项目不忙之余，自学了微信小程序入门。常听前辈说，做一名开发人员最重要的不是你会什么语言，而是在面对不会的语言和未接触过的任务时，有着怎样的学习力和学习逻辑。
张小贝_·2018-03-09 17:40

微信小程序入门-rpx

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。设备rpx换算px(屏幕宽度/750)px换算rpx(750/屏幕宽度)iPhone51rpx=0.42px1px=2.34rpxiPhone61rpx=
Smallwolf_JS·2018-02-23 14:23

微信小程序入门三之Flex布局

？遇到的问题1、tabBar切换，改变导航条的标题在页面的.json里面编写，注意在根节点写，不要画蛇添足加windows节点！！{"navigationBarTitleText":"我是标题",}2、无法直接用本地图片设置为View标签背景图片微信报错提示：本地资源图片无法通过WXSS获取，可以使用网络图片，或者base64，或者使用标签。解决方案：1、使用网络图片:background-ima
Qiang_1995·2018-02-08 15:48

微信小程序入门篇（一）

小程序也已经出来有一段时间啦，对于一些想去学习又无从下手的朋友们，欢迎和代码君一起去学习一下小程序！准备工作下载开发工具：微信小程序开发工具创建项目添加项目如果没有AppID可以选择无AppID,项目名称可以随便起，因为入门教程我想教大家都比较想学的商城，所以直接叫商城啦，项目目录中的shopping是自己创建的新文件夹，空文件夹系统就会自动在shopping文件夹中创建整个项目架构，记得勾选qu
代码集中营·2018-02-07 10:57

一个菜鸟(老yin逼)教后端的你如何"一天"做好微信小程序

慕课网那个小程序课程微信小程序入门与实战，说实话，那时候刚出我就买了，然而我一个做后端从提不起兴趣静下心看。
楠宝宝·2018-02-04 00:00

【微信小程序入门】微信小程序+和风天气完成天气预报

《冷暖预知》天气小程序学无止境，以玩儿玩儿的心态去学习！前一天晚上写的，写的不太好，第二天马上修改了，如有差错，请多指教。花半天时间完成简单的小程序应用。适合小程序初学者。步骤：申请小程序帐号：小程序注册入口,具体操作按照官网步骤执行，相信你会看的很明白的（-安装微信开发者工具，打开工具填写信息：①项目目录为自己要开发小程序的位置②AppId在微信管理后台的设置-开发设置中③项目名称自己起，填写完
程会玩·2018-01-30 00:00

微信小程序入门到实战（二）

上一文章里面，我们实现了第一个小程序页面，并且了解到了一些小程序的知识，接下来继续开始我们的学习。页面的跳转在第一个小程序页面，预留了一个按钮，这是为了跳转到其他的页面，在微信小程序里面跳转的方法主要有下面三种：wx.navigateTo()wx.redirectTo()wx.switchTab()wx.switchTab({url:'/index'})路径可得注意写对，区分绝对路径和相对路径：绝
icessun·2018-01-30 00:00

微信小程序入门到实战（一）

了解小程序什么是小程序？小程序其实就是一个工具，为人提供便捷服务的；随时可用，用完即走，减少桌面上面的app数量；B2C（人与商品）淘宝JDP2P（人与人）微信QQC2P（人与服务）微信小程序支付宝小程序什么应用适合小程序？对于一些性能要求不高，使用频度不高，业务逻辑简单的应用适合做成一个小程序的应用；比如购票，缴费，手机充值等小程序的文件结构一个小程序首先有四个应用入口文件：-app.js：设置
icessun·2018-01-29 12:56

微信小程序入门到实战（一）

了解小程序什么是小程序？小程序其实就是一个工具，为人提供便捷服务的；随时可用，用完即走，减少桌面上面的app数量；B2C（人与商品）淘宝JDP2P（人与人）微信QQC2P（人与服务）微信小程序支付宝小程序什么应用适合小程序？对于一些性能要求不高，使用频度不高，业务逻辑简单的应用适合做成一个小程序的应用；比如购票，缴费，手机充值等小程序的文件结构一个小程序首先有四个应用入口文件：app.js：设置一
icessun·2018-01-28 00:00

微信小程序入门笔记（下）

经过了两个多月，项目完成上线。在这过程遇到了更多的坑，总结如下：微信的坑bindlongtap与bindtap同时有的时候，longtap会触发tap事件。但是从某个版本开始可以使用longpress，它不会触发tap事件。wx.showToast字数限制，大概不能超过7、8个字。仔细想一下也是可以理解的，因为toast是几秒之后自动消失的，文字太多用户也读不过来。wx.showModal按钮字数
野草_前端·2017-12-23 16:30

微信小程序入门笔记（上）

目前项目正在开发中，总结地比较少，也不全，后续会更新。踩坑点scroll-view标签设置横向滚动时，需要以下设置设置滚动项display：inline-block;设置滚动视图容器white-space:nowrap;滚动项不要用float背景图可以用base64格式，或者网络图片，不能用本地图片；本地图片只能用image标签，也就是说本地图片不能用作雪碧图image标签有默认的宽高，所以ima
野草_前端·2017-12-23 16:17

微信小程序-开发实战（二）

刚刚写了小程序入门没几天，小程序就开放个人开发者资格，感觉为我而来啊\(≧▽≦)/。
Sherry_wy·2017-12-21 10:52

微信小程序之小白教程系列 第一篇 微信小程序 -- Hello World

首先你要知道，这是一套微信小程序入门级的教程，原理、理念这些东西统统没有，这里只有一样东西--快速使用并开发。这个系列主要讲解后端工程师如何快速入门小程序.本篇为你讲解如何获得开发权限、工具等。
阿北·2017-10-10 00:00

支付宝小程序入门教程+案例demo

支付宝小程序入门教程+案例demo尊重原创，转载请注明出处一、支付宝小程序开发工具你要有吧？
朝花吸食·2017-09-25 00:17

【笔记-微信小程序】imooc-微信小程序入门与实践

第一章：什么是微信小程序1-1开篇及课程特色介绍1、老师id:小楼昨夜又秋风：https://zhuanlan.zhihu.com/oldtimes，知乎id：七月在夏天。2、实践式学习小程序开发：官方api文档1-2直观感受一下微信小程序1、小程序的特点：（1）小程序适合做简单的，用完即走的应用。（2）小程序适合低频的引用。（3）小程序适合性能要求不高的应用。2、哪些类型的应用适合小程序：（1）
aSuncat·2017-09-21 13:16

微信小程序入门教程--列表渲染多层嵌套循环及wx:key的使用

前言入门教程之列表渲染多层嵌套循环，目前官方的文档里，主要是一维数组列表渲染的案例，还是比较简单单一，给刚入门的童鞋还是无从入手的感觉。{{index}}:{{item.message}}还有一个九九乘法表把数据直接写到wxml里的，并不是动态二维数组的列表渲染。{{i}}*{{j}}={{i*j}}那么今天，我们主要来讲讲动态多维数组和对象混合的列表渲染。''讲解何为多维数组和对象混合，给个很简
It_BeeCoder·2017-07-18 00:41

微信小程序之页面数据绑定及页面跳转传参

在写前面的小程序入门项目时，发现有两个很常用而且觉得也算比较重要的知识点，这里记录下：页面数据绑定比如你的页面需要显示一个Hello字符串，这个这个字符串可能会根据某些情况会动态变化，这个时候就需要进行数据绑定展示了在
老胡 - laohu·2017-07-17 17:00

微信小程序入门

一放暑假学校就安排了为其4周的实训，跑来广药的拓胜学下微信小程序，一开始以为很难，结果通过看文档慢慢入门之后发现并没想象中的难，入门之后自己跟着视频做了个简易版的天气预报，再自己做了个豆瓣电影app（基本上自己能够做出来，主要是调用api，挺方便的），还参考源码做了美团外卖，以为会教后台，结果并不教，就教了一周多小程序就结束小程序的教学了，好了，闲话少说，先介绍下入门基本步骤：直接百度微信小程序进
limitlessness·2017-07-09 18:34

微信小程序入门笔记

微信小程序开发入门笔记>>>>>>>>>>>>>>>>>>>>>>>>（持续更新，欢迎转载）<<<<<<<<<<<<<<<<<<<<<<<<本地原地址:http://blog.csdn.net/happycxz/article/details/74562389注册要去微信公众平台注册账号，注册时选择账号类型为“小程序”。相关注册过程不详述，具体见此链接：注册小程序帐号如果想为某公众号开发微信小程序
happycxz·2017-07-06 16:10

每周荐书：Web扫描、HTML 5、Python（评论送书）

感谢大家对每周荐书栏目的支持，先公布下上周中奖名单 永远的肥仔孙_悟_空《深入理解JVM＆G1GC》陈心朔12期-宋荣凯《Nginx完全开发指南：使用C、C++和OpenResty》liu---shui极简《知晓程序：微信小程序入门指南
broadview2006·2017-06-14 15:00

重走0到100的路，小程序路在何方？

本文选自《知晓程序：微信小程序入门指南》。微信之父张小龙这样描述小程序：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。
broadview2006·2017-06-08 09:00

小程序入门案例教学 - 手机归属地查询

手机归属地查询源码微信小程序练手Demo，基本功能查询手机归属地根据历史记录查询手机位数校验界面预览初始化创建空白项目新建一个空白项目AppID可选择无不选择中创建quickstart项目，而是创建空白项目，方便加深理解基本配置首先，创建全局配置文件app.json/app.json{"pages":["pages/index/index"]}定义了首页的路径，保存之后，将会自动生成index的目
心智极客·2017-06-08 00:00

微信小程序入门流程

准备工作：     1、一个QQ邮箱，用来注册。一个邮箱只能有一个小程序，而且微信开放平台的服务号、订阅号、企业号、小程序之间的账号都不能公用。     2、手机号和QQ绑定，有一个微信号，作为小程序的开发者、管理者和体验者。 小程序主要流程如下图： 开始注册：     1、进入注册地址：https://mp.weixin.qq.com/cgi-bin/wx     2、注册完成，邮箱激活。主体如
javaPrimary·2017-05-09 16:00

【小程序入门集锦】17，使用微信Web开发者工具从零建造一个小程序项目

原文地址：http://www.jianshu.com/p/aaef5ceb3936，为便于阅读有部分删改。这篇文章写的非常简易，适应刚下载开发工具的新手学习。IDE准备下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html知识准备JavaScrip还是要看看的，推荐教程：JavaScript初级教程从零开始微信小
石桥码农·2017-04-19 22:00

【小程序入门集锦】16，小程序size从1M升到2M

1、第三方平台支持小程序第三方平台新增小程序授权托管。小程序管理员将小程序授权给第三方平台后，该平台可帮助小程序进行代码开发与帐号管理。小程序授权后，第三方平台的能力如下：配置服务器地址代码开发、上传、提交与发布模版消息、客服消息微信登录详见：微信开放平台（open.weixin.qq.com）-资源中心文档借此功能，一批创业公司如我等都有意开发通用型小程序产品了2、小程序新增数据分析接口小程序新
石桥码农·2017-04-17 23:27

【小程序入门集锦】14， 一个高仿QQ的微信小程序

（以下内容如何有代码错乱，建议查看原链接：http://note.youdao.com/noteshare?id=0ccf9beb3466ada76efd5bc62e429645）这篇文章主要写我在SmallAppForQQ这个项目进展的过程中遇到的一些问题。希望阅读此文对你有一定帮助。SmallAppForQQ：一个访QQ的微信小程序文章开头，先简单介绍下项目结构，若没有安装开发工具，可去htt
石桥码农·2017-04-16 00:38

【0基础学习微信小程序】4.模块化与page函数

在微信小程序入门（三）中，我们主要学习了开发者工具介绍以及项目的结构，本篇文章就主要介绍微信小程序的模块化以及page函数。
菜鸟窝·2017-04-02 09:15

微信小程序入门三request请求

上一章介绍了微信小程序的UI框架weui-wxss这章就谈谈微信小程序的数据交互---wx.request官方文档中明确说明，wx.request发起的是https的请求，如果你的服务器是http站点，那需要做配置。可以参考文章：http转https教程但如果你没有服务端或者不想写后台代码，在这里是可以调用我提供的接口，本文中会介绍使用方法。首先，我们应该从服务端开始准备，我用的是java。框架是
ITDragon龙·2017-03-08 21:00

小程序入门1

前言去年9月份的时候，小程序开发者工具还需要破解，每个版本的API会有一些改进，所以在开发的过程中要不时的检查自己项目中用到的API，如果发现你的项目挂了，去查看官方文档，小程序学习难度较RN容易，实质上是一个MVVM模式，无需操作DOM，实现数据绑定，推荐小程序学习方法：最好的教程是官方文档，但是不建议把官网所有内容全部看一遍，意义不是很大，而是你需要做什么样的功能的时候再去查文档，文档正确的打
BR·2017-02-26 14:56

微信小程序入门：网络请求封装

前言：在开发过程中，最重要的还是网络请求了，没有链接服务器的app与咸鱼有什么区别，今天就来介绍下微信小程序中的网络请求api：微信小程序对网络的要求非常高，首先服务器必须是配置HTTPS才能进行请求，而且对于小程序开发必须在开发者账号中设置域名并且通过TLS版本的检测才能请求，但是在平常自己写demo的时候没必要配置，我们只需要在开发工具中设置：开发环境下不校验请求域名以及TLS版本。wx.re
Smile__EveryDay·2017-02-15 17:00

微信小程序入门：开发工具以及目录

前言:前一章简述了微信小程序的注册，既然注册了，那么肯定要开发微信小程序了。俗话说的好：工欲善其事必先利其器既然有了小程序开发，微信也发布了一款自己研发的小程序开发工具名为：微信Web开发者工具下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html这是官方的开发工具，集合了开发，预览，发布为一体的开发工具，目前第三
Smile__EveryDay·2017-02-15 17:47

微信小程序入门五：样式表wxss

一、引入模板小程序提供了两个引入外部模板的方法：import和include使用外部模板可以实现大部分共同页面的代码利用，在一个app中，头部和脚部基本不会变动太大，这时就可以通过模板的方式引入，实现多个页面的复用。1.1import示例：{{text}}引入：注意：import有作用域，即import引入的模板只在当前页面有效，即import不会向下查找另外的模板1.2includeinclud
Sophie_U·2017-01-21 13:39

微信小程序入门四：视图层事件

一、事件机制在微信官方定义的事件概念如下：什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如id,dataset,touches。1.1事件绑定在wxml的标签中进行事件绑定主要有两种方式：bind+事件名或者touch+事件名1）、bindbind+事件名可以绑
Sophie_U·2017-01-20 22:26

微信小程序入门六: WebSocket应用

实例内容今天主要说一下微信的WebSocket接口以及在小程序中的使用。WebSocket是什么（简述）微信的WebSocket接口和HTML5的WebSocket基本一样，是HTTP协议升级来的，做为一个新的Socket在B/S上使用，它实现了浏览器与服务器全双工通信。因为这里是做小程序，所以就不对WebSocket的底层和协议做过多的说明了，只是稍微介绍一下。想了解详细的WebSocket可以
王乐平·2017-01-20 21:43

微信小程序入门三：视图层

微信小程序框架的视图层主要内容：WXML，WXSSWXML，WXSS可以看成是HTML，CSS对应的结构，其写法也大致相同。一、WXMLWXML是小程序框架实现的标签语言，有点像React的组件标签。其结合基础组件、事件系统，可以构建出页面的结构。常用的几个标签如下：1.1数据绑定{{message}}//page.jsPage({data:{message:'HelloWorld!'}})如上：
Sophie_U·2017-01-20 15:18

详解微信小程序入门五: wxml文件引用、模版、生命周期

实例一:include方式引用header.wxml文件文件引用对于代码的重用非常重要，例如在web开发中我们可以将公用的header部分和footer等部分进行提取，然后在需要的地方进行引用。微信小程序里面，是包含引用功能的――include、import。这两个引用文件的标签，使用基本差不多，这里先说一下include。微信中的视图文件引用，引用过来的都是没有渲染的，基本类似于直接将引用过来的
lecepin·2017-01-20 08:01

如何开发微信小程序（一）个人开发者该如何测试开发小程序

微信小程序入门（一）论个人开发者怎么测试开发小程序微信小程序，可谓最近比较火的话题，我也对小程序充满好奇，所以就准备试试怎么开发小程序。【1】如何获得开发权限？
耿子666·2017-01-18 21:14

微信小程序入门四: 导航栏样式、tabBar导航栏

实例内容导航栏样式设置tabBar导航栏实例一：导航栏样式设置小程序的导航栏样式在app.json中定义。这里设置导航，背景黑色，文字白色，文字内容测试小程序app.json内容：{"pages":["pages/index/index","pages/login/login","pages/logs/logs"],"window":{"backgroundTextStyle":"red","na
王乐平·2017-01-12 20:35

微信小程序入门三: 简易form、本地存储

实例内容登陆界面处理登陆表单数据处理登陆表单数据（异步）清除本地数据实例一:登陆界面在app.json中添加登陆页面pages/login/login，并设置为入口。保存后，自动生成相关文件（挺方便的）。修改视图文件login.wxml姓名：密码：登陆修改登陆样式login.wxss/*pages/login/login.wxss*/.container{padding:1rem;font-siz
王乐平·2017-01-10 21:02

微信小程序入门-简单页面编写

前言今天微信小程序正式上线，抱着学习新技术的心态开始第一次接触微信小程序，无论外面怎么吹微信小程序怎么干掉大量的原生的app，作为一个新的事物，存在就必定有其存在的价值，作为一个学习者要保持一个正确的学习心态。勇于的追求新的东西。应用范围张小龙对小程序的定义：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户
xiaofengwu123·2017-01-09 20:09

微信小程序入门-弹性模型

不闲扯直接上代码页面的wxml文件，一个view容器中包含三个子容器abc接下来就是wxss文件/*pages/module/module.wxss*/.flex-wrap{display:-webkit-flex;flex-direction:column;height:1000rpx;}.flex-wrapview{text-align:center;font-size:40rpx;color
一只小小小蜜蜂·2017-01-05 22:43

微信小程序入门一: 简 介、文本、事件、样式

现在微信小程序已经推出了，我也来这里尝一下鲜。小程序简介原生APP和WebAPP谁是未来的主流这个命题争了很多年，而原生APP最大的优势也就是对于系统控件接口和框架的调用能力比WebAPP不知道高到哪里去。虽然京东同时提供了手机APP和手机H5形式的页面供用户浏览和下单，但是同时用过二者的都能体会到，H5页面在流畅度上还是差一些。在此之前，很多创业者以公众号菜单栏内嵌H5的形式，完成了基础功能的微
王乐平·2017-01-03 22:26

漫谈微信小程序入门初识小程序

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。文件结构大致可以分为：WXML（WeiXinMarkLanguage，微信标记语言）视图层WXSS（WeiXinStyleSheet，微信样式表）JS（JavaScript，小程序的主
Crcker·2016-12-19 17:51

微信小程序入门教程--列表渲染多层嵌套循环及wx:key的使用

前言入门教程之列表渲染多层嵌套循环，目前官方的文档里，主要是一维数组列表渲染的案例，还是比较简单单一，给刚入门的童鞋还是无从入手的感觉。{{index}}:{{item.message}}还有一个九九乘法表把数据直接写到wxml里的，并不是动态二维数组的列表渲染。{{i}}*{{j}}={{i*j}}那么今天，我们主要来讲讲动态多维数组和对象混合的列表渲染。''讲解何为多维数组和对象混合，给个很简
蓝狐锅锅·2016-11-26 00:09

微信小程序入门教程

微信小程序（下面简称小程序）近些月来刷爆了我们这些程序猿们的圈子，可以说无数的程序猿磨刀霍霍，准备在这快蛋糕上杀出一片天地。那么作为前端开发人员，小程序开发和我们平常的开发有什么不同的地方呢？让我们一起来走进门里看看。我们从下面几个方向来了解一下小程序的开发：1.开发工具2.布局差异3.JS差异4.其它序先看一张小程序初始化的目录：小程序包含一个描述整体程序的app和多个描述各自页面的page。一
沐清风blog·2016-11-18 17:51

微信小程序入门三实战

微信小应用借鉴了很多web的理念，但是其与传统的webApp、微信公共号这些BS架构不同，他是CS架构，是客户端的程序小程序开发实战--豆瓣电影项目配置-在app.jsop中进行简单配置--navigationBarBackgroundColor：导航栏背景颜色--navigationBarTitleText：导航栏文本内容--navigationBarTextStyle：字体颜色，只能是blac
wyao·2016-11-14 16:00

微信小程序入门二

#微信小程序开发实战##准备###课程概要-微信小程序基本介绍-开发环境及工具的安装配置-微信小程序的设计规范-微信小程序基本结构分析-WXML和WXSS语法规范-微信小程序API使用-微信小程序访问网络资源-完整项目的开发流程###Demo项目地址https://github.com/zce/weapp-demo####CloneorDownload（需准备`GIT`环境）```bash$cdp
wyao·2016-11-08 13:00
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他