小程序现在对开发者来说越来越友好啦，可以说任何新手小白都可以很轻松的开发一款小程序，尤其是现在又支持云开发，简直是如虎添翼什么是云开发云开发就是不需要开发者搭建服务器，直接使用数据库，省去了搭建服务器的麻烦，这个概念并不是现在才有的，如果大家有用过Bmob后端云、知晓云 就知道他们的原理代码君在大...
最近又从新捡起小程序，发现小程序的发展很快，现在也支持npm下载第三方库啦，因此专门写一篇给新手小白入门什么是npmnpm的全称是 node package management ，是node.js内置的软件包管理器。简单是就是用来管理第三方库的软件包。可能对于新手还是不懂他厉害的地方，比如某个大...
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰，不知道怎么布局，怎么摆放位置，其原因是不了解CSS样式的属性，所以，今天代码君打算写一篇关于CSS的教程，给大家普及一下。说起CSS布局，首先要讲解的就是FLex布局，这个可以说是一个万能钥匙，遇到什么复杂的布局，都可以通过Flex布局搞定，...
跑马灯效果比较常见，一般做电商类的小程序，都会用到，所以代码君今天特地写一篇文章，来教一下大家，如何去实现跑马灯效果，下面是代码君实现的效果，可以先看一下！ 跑马灯效果的制作制作方式很简单，先方上代码，后面会对代码详细讲解一、wxml界面的实现 <!-- 跑马灯效果 --> &...
哈喽，大家好，又到周五啦，有木有期待今天的更新呀~今天要教大家的是制作个人中心界面，先上效果图##个人中心制作####1. mine.js// pages/mine/mine.jsvar app = getApp()Page({ data: { userInfo: {}, motto...
今天的重点了，购物车，购物车的界面实现到不是很难，难点是处理里面的逻辑，无论是小程序，还是APP，购物车的逻辑都是最难的，下面开始教大家如何实现购物车了，先上效果图##购物车实现####1. cart.wxml<import src="/template/quantity/index.wxm...
今天要讲解商品详情页中sku的弹出选着框，这个涉及css动画样式，css动画是新的知识点，我们之前并没有接触过，请大家做好笔记，我们要做的效果是酱紫的~ 这个布局难点是需要绘制一个阴影背景、弹出的动画、购买数量加减的逻辑以及图片如何高于弹出框代码的实现1. detail.wxml<impor...
哈喽，大家好，今天要进入新篇章啦，商品详情页，这个可是个大模块，要分好几次才能讲解清楚，现在我们先进行第一讲，老规矩，先上效果图有木有很酷炫啊，下面由代码君教你如何实现。##详情页布局看效果图，可以知道详情页包含以下几个模块，banner、标题栏、选择购买栏、商品评价、商品详情、还有一个底部悬浮栏...
哈喽，大家好，又到周五啦，今天代码君要教大家分类页面的制作，废话不多说，先上效果图这个界面布局难度不是很大，css基础好的，很快就实现了，分类界面，左边是一级目录，右边是一级目录对应的二级目录，根据这个需求，我们数据设计的结构一定是数组嵌套数组，第一个数组包含一级目录数据，嵌套的数组包含的是二级目...
哈喽，大家好，看这标题是不是有点奇怪，你们期盼的微信小程序实战篇-电商（三）没出现，我是这么想的，因为电商里面的内容有很多，如何我只是以一二三那样命名的话，不方便你们查看每篇文章讲解的内容，所以我就换了一个命名的方式，把每篇要讲解的主要内容做为标题，这样就方便以后你们忘记知识点，要回顾的时候可以快...
哈喽，大家好，今天总于挤出时间，写第二篇啦，自从决定写文章才发现时间都不够用啊，废话不多说，我们直接进入正题吧！先回顾一下上篇文章，我们讲解了底部导航栏和顶部导航栏的制作，大家应该都记得把，基本上电商小程序都会带底部当导航栏，所以底部导航栏一定要会哦~，今天呐，我将教大家另一个必须会的，banne...
电商底部导航栏的制作我想大家对电商一定不陌生，一般电商的底部导航栏有以下几个首页、分类、购物车、个人中心。所以我们按照这个来做吧，说到底部导航，不知道你还记得在 微信小程序入门篇（一）中app.json的作用，如果不记得，请翻看一下，app.json是用来配置page路径以及导航栏属性的，那我们...
页面的构成还记得我们在上篇文章中讲解如何加入一个界面吗？在app.json中的pages加入要加的文件路径就可以啦，文件路径可以随便起，系统会自动创建出来的，那么我就接着之前的讲，我们之前创建了一个页面叫addPage，addPage里面包含四个文件* addPage.js、addPage.jso...
准备工作下载开发工具：微信小程序开发工具创建项目添加项目如果没有AppID可以选择无AppID,项目名称可以随便起，因为入门教程我想教大家都比较想学的商城，所以直接叫商城啦，项目目录中的shopping是自己创建的新文件夹，空文件夹系统就会自动在shopping文件夹中创建整个项目架构，记得勾选...
前言微信小程序作为近几年“微服务”的杰出代表，应用十分广泛。小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。说的通俗一些，微信小程序就是微信中非常小巧的程序（这不废话......），我们打开自己手机中的微信，向下一拉，就可以...
