微信小程序
文章平均质量分 86
码农掘金
公众号:代码集*中营
作者:代码君 微信:dmj1530
每天进步一点点,用心分享有价值的东西。代码君分享过 小程序入门教程指南、Python入门指南、各类软件资源分享
展开
-
微信小程序 云开发入门指南
小程序现在对开发者来说越来越友好啦,可以说任何新手小白都可以很轻松的开发一款小程序,尤其是现在又支持云开发,简直是如虎添翼文章首发公众号「代码集中营」什么是云开发云开发就是不需要开发者搭建服务器,直接使用数据库,省去了搭建服务器的麻烦,这个概念并不是现在才有的,如果大家有用过Bmob后端云、知晓云 就知道他们的原理代码君在大学的时候,毕设就是用的Bmob云,这样开发者不用去购买搭建服务器,不用操心服务端的稳定性和数据库的安装云开发模块介绍云开发入口注意这个入口必须是由申请过小程序id的才会原创 2021-04-12 19:08:02 · 977 阅读 · 1 评论 -
微信小程序 npm 使用指南
最近又从新捡起小程序,发现小程序的发展很快,现在也支持npm下载第三方库啦,因此专门写一篇给新手小白入门文章首发公众号「代码集中营」什么是npmnpm的全称是 node package management ,是node.js内置的软件包管理器。简单是就是用来管理第三方库的软件包。可能对于新手还是不懂他厉害的地方,比如某个大神开源了某个第三方库,并且支持npm,那么你只需要一行代码的事情,就可以直接站在巨人的肩膀开发啦配置npm环境安装node,下载对应的包即可 官网下载地址:http://原创 2021-04-12 19:06:47 · 2687 阅读 · 0 评论 -
微信小程序视频源码资源合集
最近发现好多读者在学习小程序,学习最缺少的就是资源,因此代码君把之前的学习资源共享出来,以便读者更快的入门微信小程序视频资源小程序视频教程,相信大家在光看代码君的小程序教程有可能看不到,没关系,这里有视频教学,从头开始教大家写小程序,资源在此。资源获取方式:关注《代码集中营》回复【小程序视频合集】小程序源码集合一、应用类闹钟小程序源码知乎日报小程序源码移动商城源码小程序音...原创 2018-10-16 14:59:09 · 11425 阅读 · 22 评论 -
微信小程序CSS之Flex布局
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰,不知道怎么布局,怎么摆放位置,其原因是不了解CSS样式的属性,所以,今天代码君打算写一篇关于CSS的教程,给大家普及一下。说起CSS布局,首先要讲解的就是FLex布局,这个可以说是一个万能钥匙,遇到什么复杂的布局,都可以通过Flex布局搞定,为了方便大家理解Flex属性,我将会一步步解析FLex的属性,并附上效果图基本概念采用 Flex...原创 2018-10-13 17:00:06 · 4819 阅读 · 3 评论 -
微信小程序如何实现跑马灯效果?
跑马灯效果比较常见,一般做电商类的小程序,都会用到,所以代码君今天特地写一篇文章,来教一下大家,如何去实现跑马灯效果,下面是代码君实现的效果,可以先看一下!#跑马灯效果的制作制作方式很简单,先方上代码,后面会对代码详细讲解一、wxml界面的实现 <!-- 跑马灯效果 --> <view class="example"> &l原创 2018-10-12 09:16:49 · 4109 阅读 · 0 评论 -
微信小程序实战篇-个人中心
哈喽,大家好,又到周五啦,有木有期待今天的更新呀~今天要教大家的是制作个人中心界面,先上效果图个人中心制作1. mine.js// pages/mine/mine.jsvar app = getApp()Page({ data: { userInfo: {}, motto: 'Hello World', // orderItems原创 2017-08-04 14:57:16 · 46482 阅读 · 18 评论 -
微信小程序实战篇-电商(一)
哈喽,大家好,端午节过的怎么样啊,代码君可是没休息,专心的写电商文章哦,也是蛮拼的,如果对代码君认可的话,欢迎点赞转发,你们的点赞转发是对我最大的支持!好啦,言归正传,我们今天要讲解微信小程序的实战篇-电商,因为很多读者都反馈让我出一个关于电商的教程,所以我就打算利用空余时间写几篇关于电商小程序的教程,这个是第一篇,好,小明同学,现在要开始划重点啦,注意听哦~电商底部导航栏的制作我想大原创 2017-05-31 08:47:55 · 25725 阅读 · 15 评论 -
微信小程序实战篇-下拉刷新与加载更多
哈喽,大家好,看这标题是不是有点奇怪,你们期盼的微信小程序实战篇-电商(三)没出现,我是这么想的,因为电商里面的内容有很多,如何我只是以一二三那样命名的话,不方便你们查看每篇文章讲解的内容,所以我就换了一个命名的方式,把每篇要讲解的主要内容做为标题,这样就方便以后你们忘记知识点,要回顾的时候可以快速查找的到,有木有很贴心啊~,不要迷恋哥,哥只是个传说。好了不开玩笑啦,回到正题上来,请看标题,木错,原创 2017-06-17 10:59:19 · 91400 阅读 · 22 评论 -
微信小程序实战篇-购物车
哈喽,大家好,快半个月没写了,现在提笔都有点生硬了,一直没更新的原因,一个是代码君也要上班,加上最近工作比较忙,还有就是写文章一直未被认可,所以没什么动力再创作了,那时真的坚持不下去,打算放弃了,感谢读者曹明,一个韩国的研究生读者,支持我,并给我鼓励,期待我更新下一篇,我非常感动,瞬间战斗力恢复,其实你们简单的点赞,评论,都是给我最大的支持,好了,煽情完毕,该讲今天的重点了,购物车,购物车的界面实现原创 2017-07-21 16:36:16 · 50886 阅读 · 21 评论 -
微信小程序实战篇-商品详情页(二)
今天要讲解商品详情页中sku的弹出选着框,这个涉及css动画样式,css动画是新的知识点,我们之前并没有接触过,请大家做好笔记,我们要做的效果是酱紫的~这个布局难点是需要绘制一个阴影背景、弹出的动画、购买数量加减的逻辑以及图片如何高于弹出框代码的实现1. detail.wxml<import src="/template/quantity/index.wxml" /> <!-- sku选择 --原创 2017-07-07 17:36:55 · 16626 阅读 · 8 评论 -
微信小程序实战篇-分类页面制作
哈喽,大家好,又到周五啦,今天代码君要教大家分类页面的制作,废话不多说,先上效果图这个界面布局难度不是很大,css基础好的,很快就实现了,分类界面,左边是一级目录,右边是一级目录对应的二级目录,根据这个需求,我们数据设计的结构一定是数组嵌套数组,第一个数组包含一级目录数据,嵌套的数组包含的是二级目录的数据。代码的实现classify.jsPage({ data: { cateItems原创 2017-06-23 17:26:14 · 45975 阅读 · 37 评论 -
微信小程序实战篇-电商(二)
哈喽,大家好,今天总于挤出时间,写第二篇啦,自从决定写文章才发现时间都不够用啊,废话不多说,我们直接进入正题吧! 先回顾一下上篇文章,我们讲解了底部导航栏和顶部导航栏的制作,大家应该都记得把,基本上电商小程序都会带底部当导航栏,所以底部导航栏一定要会哦~,今天呐,我将教大家另一个必须会的,banner 图的制作,也叫广告轮播图,就是我们经常看到首页自动轮播的那个控件。广告轮播图的制作先上效果让大家原创 2017-06-09 18:25:53 · 9564 阅读 · 9 评论 -
微信小程序实战篇-商品详情页(一)
哈喽,大家好,今天要进入新篇章啦,商品详情页,这个可是个大模块,要分好几次才能讲解清楚,现在我们先进行第一讲,老规矩,先上效果图有木有很酷炫啊,下面由代码君教你如何实现。详情页布局看效果图,可以知道详情页包含以下几个模块,banner、标题栏、选择购买栏、商品评价、商品详情、还有一个底部悬浮栏,这里比较难的是底部悬浮栏,剩下的我们之前模块我们之前就有布局过1. detail.wxml<!-- ban原创 2017-06-30 16:24:59 · 70075 阅读 · 12 评论 -
微信小程序实战篇-电商(一)
哈喽,大家好,端午节过的怎么样啊,代码君可是没休息,专心的写电商文章哦,也是蛮拼的,如果对代码君认可的话,欢迎点赞转发,你们的点赞转发是对我最大的支持!好啦,言归正传,我们今天要讲解微信小程序的实战篇-电商,因为很多读者都反馈让我出一个关于电商的教程,所以我就打算利用空余时间写几篇关于电商小程序的教程,这个是第一篇,好,小明同学,现在要开始划重点啦,注意听哦~电商底部导航栏的制作我想大家对电商一定不原创 2021-04-13 10:49:14 · 2525 阅读 · 0 评论 -
微信小程序入门篇(一)
小程序也已经出来有一段时间啦,对于一些想去学习又无从下手的朋友们,欢迎和代码君一起去学习一下小程序!准备工作下载开发工具:微信小程序开发工具创建项目添加项目 如果没有AppID可以选择无AppID,项目名称可以随便起,因为入门教程我想教大家都比较想学的商城,所以直接叫商城啦,项目目录中的shopping是自己创建的新文件夹,空文件夹系统就会自动在shopping文件夹中创建整个项目架构,记得勾原创 2017-05-22 19:39:04 · 50351 阅读 · 12 评论 -
微信小程序入门篇(二)
上篇我们讲解了一下小程序的整体架构,今天来讲一下,一个页面的具体实现原理,好注意听,下面要开始画重点啦~哈哈页面的构成还记得我们在上篇文章中讲解如何加入一个界面吗?在app.json中的pages加入要加的文件路径就可以啦,文件路径可以随便起,系统会自动创建出来的,那么我就接着之前的讲,我们之前创建了一个页面叫addPage,addPage里面包含四个文件* addPage.js、addPage.原创 2017-05-23 14:48:12 · 11053 阅读 · 1 评论