B站设计首页源码及详细教程（小程序）

# 本系列教程开始 - 微信小程序11月4日开始公测，做技术的我们又得解锁新技能了，所以决定一边学一边写，分享走过的坑。 - 以《微信小程序 - 哔哩哔哩弹幕视频网》移动端网站为基础开发微信小程序版本。 # 1.微信小程序-B站：前言准备（2016.11.08） 《微信小程序开发-B站》是以bilibili移动端网站为基础开发微信小程序版本，笔者喜欢的学习是愉快、轻松并能学到实战的东西，不知各位观友有没有一样的经历，就是一有问题不是先去Google/百度，而是先问自己好友里面懂这方面的儿。所以本系列教程会以幽默、问答、吐槽的方式描绘调皮**叶小安娜**跟着闷骚**杰尔夫君**学微信小程序的故事。 [1.微信小程序-B站：前言准备](notebooks/1.微信小程序-B站：前言准备.md) # 2.微信小程序-B站：需要先知道这些（2016.11.09） 开发前必须知道的知识：文件结构、app.json配置、pages对象、window、tabBar、networkTimeout、debug。 [2.微信小程序-B站：需要先知道这些](notebooks/2.微信小程序-B站：需要先知道这些.md) # 3.微信小程序-B站：wxml和wxss文件（2016.11.11） 因为wxml和wxss的重要性，单独抽出来详细讲解：wxml是什么？、数据绑定、运算、组合运算、条件渲染、列表渲染、wx:key的重要性、模板的使用、事件绑定和分类、WXSS的用法和那些坑。 [3.微信小程序-B站：wxml和wxss文件](notebooks/3.微信小程序-B站：wxml和wxss文件.md) # 4.微信小程序-B站：先把首页造出来（2016.12.01） 实战第一篇必须把B站首页界面完成。出门右转请看效果图：[效果图太长，影响阅读，自行戳开链接](http://upload-images.jianshu.io/upload_images/640480-1de89eb7d74ceecb.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) [4.微信小程序-B站：先把首页造出来](notebooks/4.微信小程序-B站：先把首页造出来.md)