小程序入门

02 小程序入门实战

技术交流QQ群:1027579432，欢迎你的加入！欢迎关注我的微信公众号：CurryCoder的程序人生1.创建项目和目录文件结构小程序包含一个描述整体程序的app和多个描述各自页面的page。一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：一个小程序页面由四个文件组成，如下图所示：注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。由于一个小程序可能有多
CurryCoder·2020-06-22 20:49

csdn-爬虫 ip代理

7.微信小程序简单教程8.微信小程序入门教程+案例demo9.目前为止最全的微信小程序项目实例10.从程序员的角度分析微信小程序
bihackers·2020-06-22 15:52

小程序入门浅析

从0到1开发小程序服务器https验证：微信有文档模板推送微信开发角色管理者开发者体验者数据事件分析开发工具设置ES6-ES5：打开上传：打开代码压缩：需要做是否实时刷新页面：是是否验证https有效性调试（consolelog）和谷歌的通知台基本一样SourceStorage本地缓存AppData（小程序的数据层80%是基于data此处理数据）调试data可以据此调试，特别好用可以看测试数据文件
王中阳·2020-06-22 12:50

微信小程序入门之各类有用的资料

微信小程序出来也有一段时间了，目前市场上各类小程序也已经逐渐成熟，我也自己开发了两款小程序，前段时间一直在开发，没来得及写博客，现在就好好的总结一下最近一段时间所得吧。一、首先介绍一个很好的社区给大家，这个社区里有很多demo，文档，博客都可以学习。http://www.wxapp-union.com/forum.php。我在这个社区收获很多。二、学习网站系列：（1）W3CScholl的指导文档，
奇怪的她的他·2020-06-21 17:55

小程序入门 远程控制 MQTT物联网协议 publish 和订阅subscribe onenet 阿里云 百度云 基于GPRS模块和STM32

本文基本公开了如何移植MQTT物联网协议到STM32平台上，并结合GPRS模块（SIM800C/SIM900A/SIM868等）实现publish和订阅topic从onenet，阿里云，百度云等。一、代码适用范围1.设备端：主控芯片为STM32F103C8T6，但是兼容所有STM32芯片中。通信模块为sim800c或sim868，代码兼容，868多个GPS使能代码和获取GPS信息及解析代码。主控与
dingdongkk·2020-06-21 07:00

黄秀杰小程序入门佳品——增删改查+页面跳转+传值取值+布局样式 .

技术点：读取分类列表点击某分类进入编辑页，操作编辑与删除点击列表页底部按钮，跳转添加，共用编辑页目标场景分类管理技术点读取分类列表点击某分类进入编辑页，操作编辑与删除点击列表页底部按钮，跳转添加，共用编辑页效果列表页jsvarBmob=require('../../utils/bmob.js');varthat;Page({onLoad:function(){that=this;},onShow:
奋斗年轻人·2020-06-21 03:42

小程序完善用户信息——小程序入门与实战（16）

上一章节我们完成了小程序的登录功能。这一章节我们来讲解条件渲染跟小程序获取用户信息。条件渲染wx:if在上一章节我们使用了wx:if,现在来给大家介绍。我们使用wx:if=""来判断是否需要渲染该代码块：wx:if=true表示渲染该代码块。wx:if=false表示不渲染该代码块。#wxml//当is_show为true的时候就显示//当is_show为false的时候就显示黔在在,今年18岁#
黔在在_·2020-06-21 02:09

小程序获取手机号——小程序入门与实战（15）

上一章节我们学习了小程序登录的部分流程，今天我们继续来把登录流程完善。小程序客户端将获取到的微信用户绑定的手机号传给后端，返回给小程序客户端自定义登录状态token。获取手机号获取微信用户绑定的手机号，需先调用wx.login接口。请注意：需要用户主动触发才可以发起获取手机号接口，所以我们需要button组件的帮助。button组件按钮，为表单组件。常用属性：open-type微信开放能力，值为字
黔在在_·2020-06-21 02:09

个人中心页跟小程序登录流程—小程序入门与实战（十三）

在上一章节我们已经已经完成了首页，还剩“点赞”跟“分享”我们在讲解了小程序登录之后讲解。设计稿先来分析一下设计稿由设计稿可以看出，个人中心分为3个状态。第一个为已经登录并且已经有头像昵称第二个为没有登录第三个为已经登录但是没有完善头像昵称由此我们可以思考出，需要先登录，然后完善头像昵称，才可以有第一张设计稿的样子。页面静态布局先把个3个状态先写出来，然后再来做处理#personl.wxml@黔在在
黔在在_·2020-06-21 02:03

项目不同环境配置不同接口域名—小程序入门与实战（十二）

上一章节，我们讲了小程序得模块化，怎么封装wx.request来发送请求。这一章节我们讲的是开发项目过程中在开发环境，生产环境设置不同得请求接口域名。新建config.js在src/es6目录，新建一个config.js文件exportdefault{BRAND:{name:'guojiangxiansir'},GLOBAL:{baseUrl:process.env.NODE_ENV==='dev
黔在在_·2020-06-21 02:47

前后台数据交互跟数据渲染—小程序入门与实战（九）

4-3上一章节我们了解了小程序的页面使用Page({})注册，数据data，生命周期函数，事件处理函数都可以被接收。先静后动，我们的首页已经是一个静态页面了，所以我们需要用数据来渲染首页。wx.request后台数据交互发送HTTPS网络请求。wx.request({url:'https://guojiang.club/api/sir/card',//真实的接口地址header:{'content
黔在在_·2020-06-21 02:01

页面配置与Page页面生命周期—小程序入门与实战（八）

4-2在上一节，我们已经把index.wxml跟index.wxss写完了。这一件我们来讲index.json页面配置跟index.js与小程序page页面生命周期。页面配置每一个小程序的页面也可以使用.json文件来对本页面的窗口表现进行配置。请注意：页面中的配置项会覆盖app.json的window中相同的配置项。页面配置中只能设置app.json中window对应的配置项，以决定本页面的窗口
黔在在_·2020-06-21 02:01

数据分页跟小程序触底事件—小程序入门与实战(十)

上一章节的知识真的是干货满满，学到了用setData()可以给数据赋值，可以使用wx.request发送HTTPS请求，使用{{}}绑定数据。不知道大家发现没有，后端给我们的数据是分页的。所以我们这章来学习小程序里数据分页应该怎么处理。分页数据的处理Page({data:{cardList:[],//列表page:1,//当前页数has_more:true//是否还能分页},onLoad(){th
黔在在_·2020-06-21 02:00

小程序模块化—小程序入门与实战（十一）

上一章节我们讲了分页数据的处理，setData数据限制的解决办法，模板字符串以及触底分页获取数据。那么这一章节我们学习小程序的模块化。模块化可以将一些公共的代码抽离成为一个单独的js文件，作为一个模块。模块只有通过module.exports或者exports才能对外暴露接口。通过require方式引入exports是module.exports的一个引用，因此在模块里边随意更改exports的指
黔在在_·2020-06-21 02:00

首页布局跟小程序如何配置Iconfont—小程序入门与实战（七）

4-1经过上一章节的学习我们已经搭建了项目的整个框架，雏形已成。接下来我们只需要的往里面堆东西就可以了。设计稿网址（14天分享有效，过期的可以找我拿）：https://lanhuapp.com/url/Airvn密码:I4DA分析首页设计稿写代码一定要注意细节和结构性，拿到设计图首先分析应该怎么做，应该有哪些模块，哪些模块可以通用，一定要经过设计之后再动手去写。从设计稿可以看出，图片是通屏的。经过
黔在在_·2020-06-07 09:07

小程序生命周期跟全局样式—小程序入门与实战（六）

上一章节我们构建了小程序的第一个页面。3-6app.js每个小程序都需要在app.js中调用App方法注册一个小程序实例。用白话说就是，你不注册它，你就不能拥有一个小程序。废话不多说，直接上代码。//app.jsApp({onLaunch(options){//可以写代码},onShow(options){//可以写代码},onHide(){//可以写代码}})App(Objectobject)注
黔在在_·2020-06-06 07:59

配置小程序项目的第一个页面—小程序入门与实战（五）

上一小节我们虽然构建了项目的目录，也配置了几个必要文件，但是我们的项目还是不能编译起来，我们还需要完善app.json、app.js、app.wxss这3个文件跟之前我们说的src/pages/index文件夹。3-4新建第一个页面有人会疑惑，为什么配置app.json之前需要新建第一个页面，你们忘记了吗？app.json里面有一个pages属性，是必选项。pages数组事页面路径列表。配置编辑器
黔在在_·2020-06-05 04:36

搭建项目框架—小程序入门与实战（四）

上一小节，我们学习了小程序的代码构成。接下来我们就可以学习来搭果酱先生这个项目的脚手架。之所以要自己搭建脚手架，是为了让Webstorm或者VScode可以实时编译小程序代码，提高开发效率。3-2项目脚手架搭建果酱先生是使用webpack，bable，less开发的微信小程序项目，如果你还是新手不了解这些也没有关系，你只需要按照步骤一步步来也可以搭建好的。在搭建之前，你需要先安装以下应用程序即可：
黔在在_·2020-06-04 01:30

小程序环境搭建—小程序入门与实战（二）

在学习这个小程序项目之前，黔在在碎碎念，光看不做是虚架子，你需要的是在电脑面前跟着我一步一步的实践，带你从0开始构建果酱先生这个项目。2-1申请AppId开发小程序的第一步。AppId是什么我们每个人都有属于自己得身份证，AppId就是小程序在小程序平台的身份证。也就是说，一个AppId只能对应一个小程序。步骤先注册一个属于自己的小程序账号。#网址https://mp.weixin.qq.com/
黔在在_·2020-06-02 22:46

小程序的代码构成讲解—小程序入门与实战（三）

上一章节我们已经知道如何申请小程序的AppId,并且也安装了微信开发者工具。接下来我们需要了解小程序的代码构成。3-1官方种子项目与小程序代码构成在上一章节我们已经利用微信开发者工具快速构建了一个名称为HelloWorld的小程序项目，可以借这个项目来看看。点击菜单栏“编辑器”，就可以看到这个小程序的代码构成了了。可以看出构建小程序项目，根目录下必须要有app.js,app.json,app.wx
黔在在_·2020-06-02 22:10

小程序环境搭建—小程序入门与实战（二）

在学习这个小程序项目之前，黔在在碎碎念，光看不做是虚架子，你需要的是在电脑面前跟着我一步一步的实践，带你从0开始构建果酱先生这个项目。2-1申请AppId开发小程序的第一步。AppId是什么我们每个人都有属于自己得身份证，AppId就是小程序在小程序平台的身份证。也就是说，一个AppId只能对应一个小程序。步骤先注册一个属于自己的小程序账号。#网址https://mp.weixin.qq.com/
黔在在_·2020-06-02 22:29

从零开始的微信小程序入门教程(四)，理解小程序事件与冒泡机制

壹❀引我在之前初识WXML与数据绑定两篇文章中，介绍了小程序静态模板与样式相关概念，以及小程序几种常用数据绑定方式，在知道这些知识后，我们可以写一些不算复杂的小程序页面，并能将一些自定义的数据渲染到视图层，这非常棒。那么本文我们将继续介绍小程序中比较重要的事件概念，在学习完事件后，我们可以让小程序具备一定的交互性，那么本文开始。贰❀初识小程序事件在小程序中，事件是视图层到逻辑层的通讯方式。比如，我
听风是风·2020-05-02 12:00

从零开始的微信小程序入门教程(三)，有趣且好玩的数据绑定

壹❀引我在从零开始的微信小程序入门教程(二)，初识WXML与WXSS一文中简单介绍了小程序组件与小程序样式相关概念，在了解这两者之后，其实我们已经可以搭建出简单的静态页面，与书写HTML页面一样，小程序页面也只能通过多写多练提升
听风是风·2020-04-20 22:00

从零开始的微信小程序入门教程(二)，初识WXML与WXSS

壹❀引时隔大半年，我终于开始写小程序入门教程的第二篇了，其实我也在纳闷，这么久的时间我到底干了什么，仔细一想，我学了JavaScript部分进阶知识，学了ES6，系统性的去复习了angularjs，学了正则以及一些乱七八糟的东西
听风是风·2020-04-16 00:00

小程序入门（1）项目结构篇。

项目结构小程序入门（0）项目创建篇，下载开发工具并创建项目。小程序入门（2）浅析篇，了解wxml与wxss的配合使用小程序进阶（1）豆瓣电影，看文档，复制文档代码基础布局也可以轻松搭建。
yan_志超·2020-04-12 08:19

【小程序入门集锦】11，仿某宝顶部可滑动Tab效果

先看效果：具体是不是某宝的效果不管它，tab分类切换在许多业务场景中都能用到，不但可以在顶部滑动，稍修改一下，在底部滑动也可以。作者是易小程，已将其代码开源在：https://github.com/zhongjie-chen/wx-scrollable-tab-view它是这样实现的：1，在wxml中使用横向滑动的scroll-view2，scroll-view上面是使用view自定义实现的tab
石桥码农·2020-04-08 22:14

微信小程序入门 ——增删改查+页面跳转+传值取值+布局样式

**目标场景**分类管理技术点读取分类列表点击某分类进入编辑页，操作编辑与删除点击列表页底部按钮，跳转添加，共用编辑页效果列表页jsvarBmob=require('../../utils/bmob.js');varthat;Page({onLoad:function(){that=this;},onShow:function(){that.loadCategories();},loadCateg
极乐叔·2020-04-07 16:44

【小程序入门集锦】12，一个可爱的互动登陆面板

先看效果：在屏幕上添加互动，能为产品体验加分不少，这就是所谓的互动设计。在Flash中，捂脸与放手是分别是动画的两帧，用户单击号码框与密码框，触发的是gotoplay指令。但是图示显然不是用Flash动画实现的。这种状态下趴着的这两只手，是用css样式border-radius外加transform实现的效果：hand与hand-r只是x偏移不同。当单击密码框时，通过setData给双手圆点添加了
石桥码农·2020-04-02 19:48

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

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

微信小程序实战—知乎日报

前言看了那么多的小程序入门，想必各位看官也差不多对小程序已经有了一定的了解。这篇文章就不再主讲入门，现在我们要通过一个知乎日报的小程序去实践一下，加深对微信小程序API的理解。
夏风轻语·2020-03-31 12:30

小程序 入门

title:小程序入门date:2017-04-1103:50:12tags:小程序categories:小程序注册小程序账号https://mp.weixin.qq.com获取微信小程序的AppID登录
语过添情iljyya·2020-03-29 21:46

微信小程序入门级教程-13【完】

前言搜索功能做完了，本节课我们开始写电影详情的功能了~目录https://www.jianshu.com/p/9c9b555b52e8步骤movies文件夹下新建movie-detail文件，并且把对应的文件全部建好。在电影模板movie-template.wxml中给每一个电影的view上增加一个点击事件，并且绑定上电影的ID，然后在点击事件中跳转到movie-details.wxml页面，并且
骑着毛驴逗你玩儿·2020-03-29 04:17

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

调试方法单步调试是F10跳到下一个断点是F8小程序的调试和一般的网页调试差不多，但是注意几点：调试文件的选择打开调试器，选中Sources页签，然后使用快捷键：ctrl+p打开搜索框，选择后缀为sm的文件进行调试。选择sm后缀的文件调试数据绑定的展示打开调试器，选中AppData页签，可以查看到页面数据绑定的详细信息，是否正确绑定。记载着所有页面的数据绑定内容。数据绑定展示通过上面这个图片，我们就
icessun·2020-03-29 00:51

小程序思维导图，让小程序不再难懂（二）

小程序小程序入门简单，会点前端的人基本都能很快上手。官方文档也写得比较清晰了，我也不做太多的重复动作。一些常用的功能或a
java思维导图·2020-03-28 10:31

微信小程序入门级教程-09

前言  本系列教程从第一篇到上节课一共讲述了八篇文章了，讲的都是一些本地假数据和一般的文章列表，详情等基础的东西，那么从这节课开始，我们将正式开始进入好玩的部分知识了-电影模块了！闲话少说，正式开始吧。目录https://www.jianshu.com/p/9c9b555b52e8Tab导航栏我们在之前页面上最开始随便写了一些导航，如下所示：导航栏在本节教程中，我们就要开始正式使用小程序的tab导
骑着毛驴逗你玩儿·2020-03-27 03:19

微信小程序入门与实战 常用组件API开发技巧项目实战

第1章什么是微信小程序？介绍小程序的特点与适用场景、对开发者的影响以及课程特色！七月老师小程序进阶课《纯正商业应用——微信小程序实战》与《微信小程序商城构建全栈应用》已上线，全面进阶小程序！第2章小程序环境搭建与开发工具介绍小程序开发工具的下载与安装、微信Web开发者工具主要功能简介第3章从一个简单的“欢迎“页面开始小程序之旅完成第一个小程序页面，并学习小程序的基本目录与文件结构，View、Ima
天赐云烟·2020-03-26 18:00

微信小程序入门级教程-03

前言  上篇教程，我们介绍了如何写最基本的一个小页面和基础的交互事件。在本文中呢，我们就暂时不教其余东西了，就针对于上篇文章中出现的一些冗余代码，优化优化，可不要因为是优化就松懈，对于代码的优化和结构优化，其实是非常有必要，并且十分重要的。目录https://www.jianshu.com/p/9c9b555b52e8  首先贴出项目结构：项目结构问题一：Javascript包含假数据导致文件体积
骑着毛驴逗你玩儿·2020-03-25 17:34

小程序入门（0）项目创建篇

已经创建项目的可以看我另一篇讲解小程序入门讲解（1）项目结构篇。官方下载地址安装后扫描二维码登入。添加项目你应该是没有APPID的选择无APPID会缺少一项功能后面讲解（目前只发现一项）。
yan_志超·2020-03-25 14:11

【小程序入门集锦】6，小程序渲染html文本的组件weParse

一、wxParse简介小程序目前没有webview组件，不支持直接渲染htmlcode。(以后可能会添加)使用这个：https://github.com/icindy/wxParse组件包，可以将70%的html文本在小程序解析显示，视频与表格、表情都支持从上面github地址下载zip包，解压后新建小程序项目，就可以预览demo。二、如何使用它？1，拷贝wxParse目录2，引用//在使用的Vi
石桥码农·2020-03-25 05:18

微信小程序入门

以官网教程为主-------------------https://mp.weixin.qq.com/debug/wxadoc/dev/一，新建一个小程序登录你的微信公众平台，新建一个项目我的账号是it·syou那个，qq密码image.png项目目录得是一个空文件夹AppID是小程序ID！！，若点击确定出现“该登录名不是该小程序用户”，那么就去检查你的APPIDimage.png就可以这样了im
喵呜Yuri·2020-03-24 18:41

小程序入门准备

最好的教程：官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/index.html.js后缀的是脚本文件.json后缀的文件是配置文件.wxss后缀的是样式表文件.wxml后缀的文件是页面结构文件开发工具下载：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html常用快捷键格式调整
云淡天空·2020-03-23 03:35

微信小程序入门级教程-08

前言  上节课讲解的基本的音频播放，但是我们在最后说了音频播放其实是有问题的！不知道小伙伴们有没有发现有什么问题？  问题1：点击音频总控开关，页面上的播放暂停图标之间没有随之切换。  问题2：播放音乐，返回上一页，然后重新点进文章详情，音乐依旧在播放，但是图标是默认的未播放状态图标。问题一问题二目录https://www.jianshu.com/p/9c9b555b52e8问题一的解决办法：监听
骑着毛驴逗你玩儿·2020-03-22 18:09

【小程序入门集锦】18，小程序是如何创造出来的？

微信小程序是如何架构出来的，深入了解之后，可能你会悄然大悟。所有的创新都是在前人的基础之上进行的。react实现了高效的虚拟DOM，微信在此基础之上，构建了一个微信浏览器，即小程序运行环境。(原链接)附原文地址，有部分删改，以下是正文——首先你需要有下面的工具啦1、Mac电脑2、微信web开发者工具.app3、WebStorm/其他编程器或IDE，最好可以支持重命名首先，我们需要右键微信web开发
石桥码农·2020-03-22 05:04

【小程序入门集锦】8，一个组件化开发框架wech

小程序官方的架构为了适应各种情况，总是取最中正的布局和安排，不取巧，不卖巧。第三方工具/框架，每多一分功能就给开发者多带来了一分束缚。相对于大而全的框架，我最喜欢的是工具式的、对原开发模式没有改变或少改变的，可替换的框架。可能就像是一个utils集合，随处可用，随处可换。今天介绍的这款组件化实现方案，是wech：https://github.com/chenzhuo1992/wech这是一个只有9
石桥码农·2020-03-21 21:36

wepy 小程序入门

wepy工具地址：https://github.com/wepyjs/wepy安装使用安装（更新）wepy命令行工具。npminstallwepy-cli-g生成开发示例wepynewmyproject进入项目目录cdmyproject开发实时编译wepybuild--watch也可npmrundev发布项目，清除注释、压缩文件npmrunbuild开发者工具使用使用微信开发者工具新建项目，本地开
HaRun·2020-03-14 07:46

学习笔记-微信小程序入门

由于业务需要，近期恶补了小程序开发流程，尽在此记录个人开发过程中的心得。一准备篇俗话说，兵马未动，粮草先行。本章主要讲述开发前的各种准备。1登录https://mp.weixin.qq.com，在该页面注册或者登录。注意：公众号和小程序不能共用一个账号。2第一次使用小程序，选择上图中的“立即注册”，在注册的帐号类型中选择“小程序”。3在注册界面，根据个人情况填写注册信息，并按照流程进行验证。4用验
sayLusy·2020-03-10 02:33

初识小程序

微信小程序入门什么是微信小程序：不需要下载直接使用的一种程序不需要下载-安装包大小小于1M用户用完即走，不用关心是否安装太多应用应用将无处不在，随时可用(帮助我们连接人与服务的一中方式)小程序适合的程序业务逻辑简单的使用频率低的性能要求低的小程序的编程思想的特点小程序的思想更接近于
旅行路上的吕行·2020-03-04 22:05

【小程序入门集锦】15，一个开源的小程序计算器

这是一个小程序新手练习的项目（基于微信quickdemo改写），做了一个计算器。有基本的UI，有基本的跳转及简单的js逻辑，很适合初学者阅读。读别人的代码，就是归整自己的编程技能。涉及微信小程序开发相关知识：1、CSSFlexbox布局2、事件绑定、页面跳转3、Page、window、App全局设置4、wxml、wxsss、js、json文件使用方法5、view、text、icon、button组
石桥码农·2020-03-03 03:25

微信小程序入门讲解

微信小程序注册https://mp.weixin.qq.com/wxop...项目结构project.config.json配置文件（不需要动）app.json（用户配置）路由pageswindow整个程序样式tabar底部设置.....app.js入口程序xxx.jsapp.js是入口程序，代表应用要做的事通过路由切换到了index.js中Page(options)data属于页面的数据this
凃老师·2020-03-02 08:24

2020-02-25

第一章——微信小程序入门1.1初识微信小程序1.什么是微信小程序微信小程序：是一种不需要安装即可使用的应用，用户只需扫一扫或者搜一下即可打开应用，无需安装或卸载。最初由张小龙提出。
派大_7b66·2020-02-25 13:21
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他