精华内容
下载资源
问答
  • 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
  • 微信小程序前端框架/UI组件

    千次阅读 2019-03-04 16:56:46
        之前做的小程序小工具都是使用原生的自己编码的,难免会有东拼西凑的地方,正好这段时间有空,准备花点时间找一个较好的小程序组件库或者框架,来提示开发效率,以及能提高逼格- - 准备     百度了一堆,...

    前言

        刚开始写bolg,尝试记录一些日常。
        无意找了个很好看的小程序UI组件库:ColorUI github

        之前做的小程序小工具都是使用原生的自己编码的,难免会有东拼西凑的地方,正好这段时间有空,准备花点时间找一个较好的小程序组件库或者框架,来提示开发效率,以及能提高逼格- -

    准备

        百度了一堆,结果如下:

    • 组件库
    1. 有赞UI组件库:vant webapp github
      适用商城类,简单的需求用这个也不错
    2. 蘑菇街UI组件库:MinUI github
      挺好看的,但是搜出来使用这个的不多,可能我姿势不对吧
    3. TalkingData UI组件库:iView webapp github
      组件多...
    4. Wux WeApp UI组件库:Wux WeApp github
      好像是个人开发的,效果也不错,有日历手风琴等
    5. 京东 UI组件库:Taro-UI github
      结合taro框架用react开发方式的,不适合
    6. ColorUI UI组件库:ColorUI github
      直接添加class即可实现效果,视觉效果很棒。
    • 前端框架
    1. 美团点评:mpvue github
      使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。
    2. 京东:Taro github
      多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用
    3. 腾讯:WePY github
      接近于 Vue.js
    4. WeTouch:Touch WX 文档
    • 小结
      框架:京东的是 React 方式编码,其他多数是vue方式。不考虑框架,因为都没用过,耗时多- -
      UI组件:看了issue和考虑大厂使用,选用vant webapp、iView webapp

        前前后后花了2,3天时间了解微信小程序的组件库和前端框架,本来准备使用mpvue的,但基于开源时间不是很长,自己不熟悉vue.js,怕自己爬不出坑放弃了,还是选择UI组件库。因为懒,选了组件较多的iView webapp,还有一个原因就是iview还有iview admin后台框架,万一哪天能用上呢~
        准备使用的是后台框架ASPNET MVC5.0+EASYUI+EF+WEBAPI,小程序前端选择iView webapp。当然还有好看的Color UI

    开始

        上面基本上都会用到npm;而且由于微信小程序写法也类似vue,加上选择的iView是基于vue.js的UI组件库,iView webapp使用方式与iView基本一致,所以还要学习了解一下vue.js。就这样准备使用iView webapp前,再研究研究node.js和vue.js咯,毕竟是奔着学习来的。

        网上找了一个文章,感觉不错,大致浏览,了解即可,毕竟这次目的是小程序。node.js入门


        iView只有PC端,只能转到vant这个UI组件了。

    展开全文
  • 一个不错的微信小程序前端框架

    千次阅读 2018-09-14 10:20:28
    https://github.com/moyanxiu/shopApp 分享一个微信商城的小程序,对于初涉微信开发的java开发人员,一个不错的选择。

    https://github.com/moyanxiu/shopApp

    分享一个微信商城的小程序,对于初涉微信开发的java开发人员,一个不错的选择。

    展开全文
  • 微信小程序框架 框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并...

    微信小程序框架 框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。 响应的数据绑定 框架的核心是一个响应的数据绑定系统。 整个系统分为两块视图层(View)和逻辑层(App Service) 框架可以让数据与视图非常简单地保持同步。当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做相应的更新。 通过这个简单的例子来看: 在开发者工具中预览效果

    Hello {{name}}! Click me!

    // This is our App Service.// This is our data.var helloData = { name: 'WeChat' } // Register a Page. Page({ data: helloData, changeName: function(e) { // sent data change to view this.setData({ name: 'MINA' }) } }) 开发者通过框架将逻辑层数据中的 name 与视图层的 name 进行了绑定,所以在页面一打开的时候会显示 Hello WeChat! 当点击按钮的时候,视图层会发送 changeName 的事件给逻辑层,逻辑层找到对应的事件处理函数 逻辑层执行了 setData 的操作,将 name 从 WeChat 变为 MINA,因为该数据和视图层已经绑定了,从而视图层会自动改变为 Hello MINA! 。 页面管理 框架 管理了整个小程序的页面路由,可以做到页面间的无缝切换,并给以页面完整的生命周期。开发者需要做的只是将页面的数据,方法,生命周期函数注册进 框架 中,其他的一切复杂的操作都交由 框架 处理。 基础组件 框架 提供了一套基础的组件,这些组件自带微信风格的样式以及特殊的逻辑,开发者可以通过组合基础组件,创建出强大的微信小程序 。 丰富的 API 框架 提供丰富的微信原生 API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。 微信小程序开发神器《微信小程序自动切片生成布局软件》,可以快速自动生成小程序前端布局和代码,还有免费的教程和技术支持。 功能如下: 1、切片功能:原来手写的这部分工作,可以用切片软件的方法来切。切好后,可以自动生成wxml,wcss,js文件。 2、文字识别功能:效果图上的文字可以通过自动文字识别识别出来,提高录入的速度,减轻工作量。 3、存档功能:设计好的切片文件可以存档,以便下次需要的时候拿来重新编辑。只要有切片文件在,换了程序也可以秀给和编辑。 有任何疑问欢迎随时联系我们! Q Q : 348961183 官方网址:www.ymznkf.com/index.aspx?… 软件下载地址:www.ymznkf.com/new_view_55…

    展开全文
  • 微信小程序前端UI.zip

    2019-12-21 00:14:45
    微信小程序UI框架
  • 微信小程序商城框架小程序源码 带前端+后台+数据库 亲测可正常运行,后台框架清晰,适合二开和学习....
  • 搭建vue前端框架微信小程序vue框架步骤 1.下载node.js 下载地址:https://nodejs.org/en/download/ 查看node、npm版本,确保环境正确 node --version npm --version 2.安装vue脚手架工具vue-cli 若开发工具为...

    搭建vue前端框架或微信小程序vue框架步骤

    1.下载node.js
    下载地址:https://nodejs.org/en/download/
    查看node、npm版本,确保环境正确

    node --version
    npm --version
    

    2.安装vue脚手架工具vue-cli
    若开发工具为IntelliJ IIDEA,创建项目步骤为create new project -> static web;
    若开发工具为Visual Studio Code,则OPEN Floder -> 可为本地空文件夹名。
    确保Terminal中指向位置为正确位置,执行
    npm install -g @vue/cli-init

    3.初始化结构
    vue init webpack happyHealth
    根据安装步骤提示与项目具体情况进行选择
    在这里插入图片描述
    4.安装插件与运行
    执行cd happyHealth或者通过工具打开happyHealth文件夹

    cd happyHealth
    npm install
    

    可在index.js文件中更改端口号
    在这里插入图片描述

    npm run dev
    

    执行启动代码,待启动成功,浏览器打开默认页面
    在这里插入图片描述

    PS:
    若要使用VUE搭建微信小程序前端框架,可借助美团点评的mpvue框架,如上步骤,在项目初始化结构时,更换执行如下命令,其余步骤雷同

    vue init mpvue/mpvue-quickstart happyHealth
    
    展开全文
  • 基于微信小程序和ColorUI开发的小区智慧物业微信小程序,前端框架使用ColorUI,功能包括但不限于:社区公告,社区活动场地神申请,物业缴费,社区活动公示,物业保修,投诉建议,当日全国油价查询,当日全国个省份天气...
  • 微信小程序UI框架

    千次阅读 2019-10-01 09:49:39
    微信小程序UI框架,快速解决微信小程序前端开发。 1.WeUI WXSS WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。 GitHub地址:https://github.com/Tencent/weui-wxss 2....
  • 微信小程序前端开发布局(vantUI框架)flex和layout布局列表使用filter组件框架的样式覆盖如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何...
  • 微信小程序自动切片生成布局软件是一款...小程序前端框架 小程序前端开发框架 小程序前端布局页面工具 小程序前端布局自动生成工具 小程序制作工具 小程序制作工具官方网站 小程序定制开发工具 小程序定制快速开发工具
  • 前端 vue/react vue是渐进式的JavaScript框架 js框架 css3 h5 后端 控制器 python(django) nodejs java php c++ c# 数据库 mysql mogodb 后端完整框架 技术栈 ubuntu 阿里云ubuntu下载 mysql Django DjangoRestFrame...
  • 微信小程序上手成本低,开发成本低,流量红利,推广成本低等等,很多公司的创业项目都会首选小程序来试水,小程序开发太火爆了,苦逼了前端工程师,又得学习新技术...学习让我快乐 半年时间,我已经开发了四个小程序...
  • 淘宝客优惠券领取微信小程序前台和后台源码 源码描述: 一、源码特点 1、这是一个微信小程序对接淘宝的淘宝客api自助搜索优惠券领取程序,简单易学,有兴趣的欢迎下载 2、后台采用asp.netMvc框架开发、实现了调用...
  • 适合微信公众平台的前端框架微信小程序微信服务号开发微信公众平台开发前端开发框架
  • 微信小程序前端开发学习笔记

    千次阅读 2019-06-22 22:12:08
    在进行微信小程序开发的时候开发工具有一个新建项目的按钮,按下之后就会新建一个项目模板之类的项目,会有完整的项目文件结构,之后我们开发项目基本上是基于这一个文件结构: 其中app.json是对整个项目进行布局,...
  • 这是我个人探究微信小程序前端与后端之间的数据交换的过程,再结合个人所学的SSH框架, 编程工具用myEclipse2014工具。当然,前提是后台的项目要部署到tomcat服务器上才行, 然后总结了从后台获取数据和从前端读取...
  • mpvue是一款使用Vue.js开发微信小程序前端框架。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为H5和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为H5,mpvue...
  • 同学们大家好,我是小伊同学,今天我们来学习微信小程序框架微信小程序实质上是一款基于web技术的应用程序,他和我们平常所接触到的前端网页是大同小异的。相同点在于他们使用的开发语言,代码结构以及代码...
  • 标准的微信小程序是指使用微信自己开发的一套标签语言进行开发的项目,该标签语言分别对应着普通Web页面中的html,js,css等,展示在微信客户端的环境中。
  • 标准的微信小程序是指使用微信自己开发的一套标签语言进行开发的项目,该标签语言分别对应着普通Web页面中的html,js,css等,展示在微信客户端的环境中。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,545
精华内容 618
关键字:

微信小程序前端框架

微信小程序 订阅