Code Monkey home page Code Monkey logo

gold-wechat-collection-ranking's Introduction

掘金微信小程序:收藏集、排名简单示例

产品结构

这是我们自己开发的一个微信小程序示例,代码结构很简单,就是两个 tab:

  1. 我们新的收藏集功能展示,分为最热、最新排序
  2. 排行榜功能,排名了每周的原创、分享、阅读排名

微信小程序本身是使用类似 Web 开发的一套完整的开发框架,充分利用了移动产品、Web 引擎的功能,尽可能磨平具体平台(无论是 iOS 还是 Android 还是 ...),创造了一个相对对立的开发生态。也看到了微信的企图心,因为这套开发框架在我看来非常超前,很多的“限制”在我看来是对错乱的 Web 开发生态的一种“规范”,换句话说就是微信团队尽可能让最好的 Best Practice 在底层就规范到大家的具体业务开发中。

放两张截图吧:

收藏集

排行榜

总是会有坑的 😭

  1. 微信小程序的 IDE 总是挂,虽然可以有类似 webpack-dev-middleware 的自动刷新功能,但是还不够完善,有的时候拽了文件到项目下无反应海报错
  2. Console 报错太乱了,不易于具体开发,也有部分业务的 Bug 报错不明确
  3. 不能使用 Chrome 上抓 DOM 树的小箭头,必须用他们自身的 DOM 树一层层往下

思考

相当简单,这是我的感觉。整个 project 我大概开发了 30 分钟,各种调试测试我们连 IE 都高锅,微信这么有爱能有问题?哈哈,也能看到微信在移动 OS 之上的企图心,也算是教育了市场要开发更简单的 App。从行业层来看,微信小程序只适合各个公司在原有业务上用小程序实现体验更好地微信“原生”应用而非做什么新的创业项目,也许类似 H5 框架工具外包的生意还不错(直接做类似 H5 制作工具也可以)。看了朋友圈有人转小龙自己的 Android Phone 上都是微信小程序的 App Logos 而非原生应用也就明白了小程序的目标。

掘金之后应该会有更专业的小程序产品出现的。

gold-wechat-collection-ranking's People

Contributors

kalasoo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.