微信小程序
微信小程序学习相关
爱玩游戏的小隐
菜鸡码农 & DOTA2信仰玩家
展开
-
微信小程序安装外部npm
以vant组件库为例,打开cmd。切换到小程序项目根目录1.初始化项目npm init2.引入vant组件库npm i @vant/weapp -S --production3.打开微信小程序,勾选,使用npm模块4.工具 —》构建npm看到这个时构建就完成了...原创 2020-01-10 10:18:50 · 503 阅读 · 0 评论 -
微信小程序中对于数组的动态修改
开发过程中应该有同学已经注意到了,在setData时,有时候会涉及到数组的修改,对于修改某一个固定元素还比较好做,但是动态修改时,出现问题了/*静态修改*/this.setData({ a[1]:1})动态的时候该怎么写呢?这样?this.setData({ a[i]:1;})试一下就知道,肯定不行。因为并不能识别到 a[i] 是什么所以这里会用到一个比较巧妙的方法来处理...原创 2019-04-18 10:01:32 · 3139 阅读 · 0 评论 -
微信小程序之全局变量的使用和设置
通常我们会在app.js里面设置一些全局变量或是方法,设置完毕后,可以在各个页面对其进行赋值或是调用。今天来看一下怎么去调用这些首先是初始化//app.jsApp({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: function () { }, /** * 当小程序启动,或从后台进入前台显示,...原创 2019-04-18 10:00:55 · 7395 阅读 · 0 评论 -
微信小程序之页面路由
页面路由在小程序中所有页面的路由全部由框架进行管理。页面栈框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下:路由方式页面栈表现初始化新页面入栈打开新页面新页面入栈页面重定向当前页面出栈,新页面入栈页面返回页面不断出栈,直到目标返回页Tab 切换页面全部出栈,只留下新的 Tab 页面重加载页面全部出栈,...原创 2019-04-18 09:59:44 · 775 阅读 · 0 评论 -
微信小程序之flex布局
flex布局在做前端的时候十分的方便快捷,这里学习了一下分享给大家flex( flexible box:弹性布局盒模型),是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持:简单解释一下概念图,就是说flex支持横向布局和纵向布局,然后有可以分为正向和反向微信小程序 View 支持两种布局方式:Block 和...原创 2019-04-18 09:59:02 · 682 阅读 · 0 评论 -
微信开发之旅———Day8(实战演练)
最近私事比较多,原定的一周一更也拖了许久,今天来给大家放几个项目来实战一下。以下是我整理到的一些还不错的示例源码,可在github下载然后导入到开发工具里面,然后去学习一下,毕竟实践才能出真知。话说微信开发者工具更新了,现在导入项目可以直接导入而不是像以前一样新建了。放源码:点击下载这几份源码里面的东西还是很多的,建议大家过年没事干可以多看一下,里面有很多值得去学的东西。之后的话可能不会有...原创 2019-04-17 20:16:53 · 200 阅读 · 0 评论 -
微信开发之旅———Day7(媒体api之图片api)
(昨天不太舒服就鸽了一天,QAQ)前天看了一个最常用的网络api——wx.request !然后可能会有人问了,我想自己写api,怎么去做呢?这里给大家提供一个思路,就是用spring boot去写api,仅需要少量的配置,开发复杂度大大降低。(有需求的同学可以先去了解一下,我之后可能也会开一篇从零学spring boot吧,有兴趣的朋友们可以关注一下)。之前还说过,除了这个api还有很多a...原创 2019-04-17 20:16:25 · 434 阅读 · 0 评论 -
微信开发之旅———Day6(远程请求)
之前讲到了网络api的使用,这里有自己服务器的同学可以使用spring boot自己写一写api然后部署到服务器上使用,没有的同学可以跟我这里一起操作一下。##一、新建一个项目需求:一个搜索框+一个搜索按钮大家可以自己尝试写一下下面是我写的(比较简陋,只是为了讲解api这一块的使用,虽然文档很容易懂,但是过程中还是会碰到不少问题,这里带大家一起解决一下)<!--pages/test...原创 2019-04-17 20:15:54 · 288 阅读 · 0 评论 -
微信开发之旅———Day5(网络API)
昨天做完了登录界面处理了逻辑,今天先来搞一下界面的排版吧这里不做过多的介绍了,css的学习我推荐这里,wxss和css使用基本没有太大的差距,所以可以学css上手。新手朋友们戳这里-----》菜鸟教程直接上代码和效果图<!--pages/helloworld/helloworld.wxml--><view class='container'><text>...原创 2019-04-17 20:14:57 · 246 阅读 · 0 评论 -
微信开发之旅———Day4(hello world~)
之前两天研究了一下小程序和页面的框架问题。理论居多吧,今天我们来实战一波,自己动手做一个页面出来。##第一步 整理环境首先新建一个项目(或者用之前那个也可以)然后应该是这样的一个场景。删除本身模板自带的页面,我们重头来写删完后的文件目录应该是这样的同时可能会出现这样一个报错有没有同学想起来,之前我们提到过,每新增一个页面,就需要到app.json里面进行一次注册(最新版本的开发环境...原创 2019-04-17 20:14:23 · 275 阅读 · 0 评论 -
微信开发之旅———Day3(小程序框架——下)
昨天讲到整个微信小程序的大框架。今天来深入探究一波。具体每个页面由什么组成呢?怎么运行起来的呢?(本期有前端基础的同学可以直接跳过啦!!!!)#页面结构先来回顾一下每一个页面的组成page* page.wxml* page.wxss* page.js* page.json简单的说微信的每个分为三层:逻辑层、视图层、数据层##wxmlwxml可以称他为标签...原创 2019-04-17 20:12:53 · 246 阅读 · 0 评论 -
微信开发之旅———Day2(小程序框架——上)
上次大概了解了一下微信开发是什么,安装了环境,注册了账号,创建了第一个项目并调戏了它一会~~##框架结构pages,顾名思义,是页面的意思,这个文件夹里汇总着所有的页面。pages文件夹下还有多个子文件夹,就是具体的每一个页面。而每一个页面文件夹下又有着.wxml、.wxss、.js和.json文件。然后继续来看,除了pages,同一级目录下还有app.js 、app.json 、app....原创 2019-04-17 20:12:17 · 279 阅读 · 0 评论 -
微信开发之旅———Day1(小程序初体验)
微信小程序是以微信作为操作系统的一种程序,它在手机中只有一个小于1MB的程序或客户端,其服务端在腾讯公司,服务端为一个调度器,数据的存贮必须每个程序有自己的独立空间,数据的访问是采用RESTFUL方式,也可以采用WebService形式,只要数据的格式是JSON就可以了。名词解释RESTful:一种软件架构风格、设计风格,而不是标准,只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交...原创 2019-04-17 20:10:45 · 312 阅读 · 0 评论