开发一款vue.js开发一款app,使用vue.js是一款高效的mvvm框架,它轻量,高效,组件化,数据驱动等功能便于开发。使用vue.js开发移动端app,学会使用组件化,模块化的开发方式。...Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。...vue-cli,vue.js的开发利器,脚手架 vue-cli可以搞定,目录结构,本地调试,代码部署,热加载,单元测试。 vue-cli的安装方法: ?...然后把项目放进你的编辑器 mode_modules文件夹:npm install 安装的依赖代码库 src文件夹是我们存放的源码 ? 这个文件跟我不一样也没事。 ?...可以看看别人的代码 仿【饿了么】订餐软件的一个demo https://github.com/guxun12/ele_demo
vue2-demo ★994 - 从零构建vue2 + vue-router + vuex 开发环境 vue-wechat ★939 - vue.js开发微信app界面 eleme ★882 - 高仿饿了么...bilibili-vue ★694 - 全栈式开发bilibili首页 spa-starter-kit ★646 - 单页应用启动套件 VueDemo_Sell_Eleme ★636 - Vue2高仿饿了么外卖平台...基于图片分享的社交平台 iview2-management-system ★119 - 后台管理系统解决方案简单示例 doubanMovie ★119 - 豆瓣电影展示 eleme-vue2 ★112 - 仿饿了么...★40 - 基于vue和vue-router构建的cnodejs web网站SPA Framework7-VueJS ★38 - 使用移动框架的示例 m-eleme ★37 - 基于Vue全家桶仿饿了么移动端...github下载 github源码地址总的汇总链接如下:请复制下载 http://www.opendigg.com/tags/front-vue
现在商城应用上,购物车功能可以说是不可缺少的,每个应用的购物车模块实现方式都差不多,这篇我们来仿一下饿了么的购物车功能,用过的童鞋都知道,印象最深刻的应该是添加或减少数量时,抛物线的动画效果,话不多说,...mActivity.setMtvNum(); } } }); 该功能的实现重点在抛物线的动画效果上,这里就不把完整的代码添加进去了,不然影响阅读体验,需要完整源码的童鞋底部关注公众号回复...:"仿饿了么购物车" 即可获得哦.
Fragment实现的底部菜单导航,是现在很多APP都有的功能,效果就是点击菜单之后,菜单实现图标和颜色的变换
以下是今年的一些可以练笔的项目,这些源码稍微学习其中的几个,基础能力都能够有所进步。...( a junior project of Vue.js, rewrite cnodejs.org )预览(DEMO): https://heuristic-stonebraker-33e1b8.… 4.../VueSocial 11:vue2 +vue-router2 + es6 +webpack 高仿饿了么app商家详情,demo:https://www.myblogbo.com/sell https...x-sell 12:vue+router+vue-cli+webpack https://github.com/Hacker233/Unstructured-data-processing 13:高仿饿了么...VueDemo_Sell_Eleme 21:vue音乐播放器 https://github.com/LuanMingyang/vue2-music-app 22:基于vuejs+koa2+mysql的高仿饿了么移动
饿了么项目.png 对于移动端适配的理解 常用rem作为适配方案 对于flex的理解 样式当前有效 项目初始化 移动端屏幕禁止缩放 样式初始化 1px解决方案 移动端300ms延时问题 项目中使用stylus
UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI...开发微信app界面 eleme ★882 - 高仿饿了么app商家详情 vue-demo ★755 - vue简易留言板 bilibili-vue ★694 - 全栈式开发bilibili首页 spa-starter-kit...★646 - 单页应用启动套件 VueDemo_Sell_Eleme ★636 - Vue2高仿饿了么外卖平台 vue-music ★621 - Vue 音乐搜索播放 douban ★606 - 基于...基于图片分享的社交平台 iview2-management-system ★119 - 后台管理系统解决方案简单示例 doubanMovie ★119 - 豆瓣电影展示 eleme-vue2 ★112 - 仿饿了么...★40 - 基于vue和vue-router构建的cnodejs web网站SPA Framework7-VueJS ★38 - 使用移动框架的示例 m-eleme ★37 - 基于Vue全家桶仿饿了么移动端
作为一个前端, 还有人说不会用 Promise,真的就有点过分了. 为了跟上卷的潮流,我们今天就用typeScript 来实现一下 Promise 的实现. ...
图片.png github源码地址:https://github.com/RegToss/Vue-SPA 课程教程:http://coding.imooc.com/class/74.html 首先搭建好
Vue.js 的源码都在 src 目录下,其目录结构如下: src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms...显然,编译是一项耗性能的工作,所以更推荐前者——离线编译 二、core core 目录包含了 Vue.js 的核心代码 ?...Vue.js 四、server Vue.js 2.0 支持了服务端渲染,所有服务端渲染相关的逻辑都在这个目录下 ?...这个目录下的代码逻辑会把 .vue 文件内容解析成一个 JavaScript 的对象 六、shared Vue.js 会定义一些工具方法,这里定义的工具方法都是会被浏览器端的 Vue.js 和服务端的...Vue.js 所共享的 ?
nextTick vue版本 2.6.11 源码分析(nextTick) nextTick源码调用过程总结: init->timerFunc = (Promise/MutationObserver/setImmediate...flushCallbacks, 0); }; } $nextTick(fn)->callbacks.push(function(){fn.call(this)})->timerFunc() 使用nextTick的源码如下...$nextTick = function (fn) { return nextTick(fn, this) }; 源码分析(set过程) Vue对每个组件中的data都做了数据代理(截持),...nexcTick 222 -> callbacks 6、setter调用, flushSchedulerQueue -> callbacks7、nexcTick 333 -> callbacks 在Vue源码...部分未提及源码 flushSchedulerQueue中watcher.before函数,对应beforeUpdate生命周期 new Watcher(vm, updateComponent, noop
在项目开发中,我们总会引入很多别人封装好的组件模板,使用时仅仅三步,第一步就是install,第二步在main.js里面引入,第三步Vue.use这个组件。例如...
(不含js、css) 3、404页面(404.html) 3.1、404页面源码(不含js、css) 4、部分图片(images) 上期分享了仿小米商城html网页源码,需要的伙伴点击这里去学习下载源码...:仿小米商城html网页源码,本期继续分享仿京东商城html源码,包含HTML,CSS,JavaScript和网页中用到的图片。...:lang="en"> 仿京东商城模板...html源码_网页模板_js代码 <link
Vue.js vue-element-admin 是一个后台前端解决方案,它基于和 element-ui 实现 基于 iView 的 Vue 2.0 管理系统模板 基于 vue2 + vuex 构建一个具有...45 个页面的大型单页面应用 基于 vue + element-ui 的后台管理系统 基于Vue.js + Element UI 的后台管理系统解决方案 基于 Vue(2.5) + vuex + vue-router...vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端 高仿网易云音乐的...redux 的完整项目 和 个人总结 react 后台管理系统解决方案 这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台 RN写的饿了么...,还原度相当高,实现了各类动效 仿知乎日报 一个商城类的RN项目 react + Ant Design + 支持 markdown 的博客前台展示 基于 pro.ant.design 的 react +
目录 前言 一、Vue.js UI组件 二、Vue.js开发框架 三、Vue.js实用库 四、Vue.js服务端 五、Vue.js辅助工具 六、Vue.js应用实例 七、Vue.js Demo示例 八、...UI组件 element:饿了么出品的Vue2的web UI工具套件 Vux:基于Vue和WeUI的组件库 mint-ui:Vue 2的移动UI元素 iview:基于 Vuejs 的开源 UI...with Vuejs vue-wechat:vue.js开发微信app界面 vue2-demo:从零构建vue2 + vue-router + vuex 开发环境 eleme:高仿饿了么app商家详情...:Vue2高仿饿了么外卖平台 vue2.0-taopiaopiao:vue2.0与express构建淘票票页面 vue-leancloud-blog:一个前后端完全分离的单页应用 node-vue-server-webpack...demo v-notes:简单美观的记事本 vue-starter:VueJs项目的简单启动页 vue-memo:用 vue写的记事本应用 八、详细分类 01、UI组件及框架 element – 饿了么出品的
图片 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 ...Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统。...主要包含以下几方面的内容: UI组件、开发框架、实用库、服务端、辅助工具、应用实例、Demo示例UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 -...+ vue-router + vuex 开发环境eleme ★612 - 高仿饿了么app商家详情vue-demo ★575 - vue简易留言板maizuo ★498 - vue/vuex/redux...Vue2高仿饿了么外卖平台vue2.0-taopiaopiao ★246 - vue2.0与express构建淘票票页面vue-leancloud-blog ★239 - 一个前后端完全分离的单页应用node-vue-server-webpack
源码介绍 高仿twitter源码,推特是啥我就不多说了,这套源码邮箱有点问题,发不了邮件,所以后台设置账户激活要关闭,有能力的自己修改解决,功到是还挺多的挺完美的手机h5端可以封装成软件也不错的。...源码截图 安装环境 Nginx + PHP7.0 + MYSQL 1.上传源码到网站根目录 2.导入数据库文件 3.修改数据库配置文件 根目录/core/settings.php 下面的网址改成你的网址地址
这是一个集电影,音乐和书籍于一体的Java web应用,一起来看看吧! 开发环境: Java 1.8 框架:使用Spring Boot 集成Spring,Sp...
就是有点像WINDOWS桌面,仿的而已,全程html编写,不过能和电脑一样可以拖拽和放大缩小,也能用手机打开网页,不过不能用IE浏览器打开,拿去装X吧!...修改桌面图标及点击链接请到源码js文件夹里面的shortcut.js里面修改! ? 本文章转自源码之家 vip333.cn win桌面
领取专属 10元无门槛券
手把手带您无忧上云