摘要:
参考文档:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html# 1. 按要求下载安装 Android Studio,下载 sdk 2. sdk解压,Android Studio导入HBuilder-Integrate-AS工 阅读全文
摘要:
前言 本节分为四大块: 1. 商品信息(布局样式、第三方插件库better-scroll 的应用、split 组件) 2. 商品评价(ratingselect 组件) 3. 商品评价(评价列表) PS:本节所有代码在文章底部。 商品信息 1. CSS 设置 1 <style lang="stylus 阅读全文
摘要:
前言 本节分为四大块: 1.商品 goods 组件(左侧 menu 布局、右侧食品列表布局、第三方插件库better-scroll 的应用) 2.购物车 shopcart 组件 3.购物车小球 cartcontrol 组件(动画实现) 4.购物车详情页 PS:本节所有代码在文章底部。 商品 good 阅读全文
摘要:
起步 header 组件需完成: 1.头部商家信息的展示 2.完成公告部分 3.弹出层的实现 在这个过程中,很重要的一步是通过异步请求后端数据接口,接收并渲染相关商家数据。 如何实现:使用第三方插件 vue-resource,通过在父组件(App.vue)发送 Ajax 请求获得后端数据,然后通过 阅读全文
摘要:
项目是基于组件化开发的思想,可以看做是在App.vue这个大组件内编写以下小组件:包括头部,中间导航区,以及最底下的内容区,使用vue-router来控制中间导航区(商品,商家,评价)页面的跳转。 1.先引入reset.css(文件路径:项目 -> static -> css)将标签默认样式进行设置 阅读全文
摘要:
1.将 data.json 文件拷贝到 sellapp 目录下(与 index.html 同级) 模拟的数据请求是从 data.json 中读取数据,接下来就来编写这些接口。 2.在 webpack.dev.conf.js 中添加以下代码: 此次开发过程需要去本地数据地址进行请求,而原版配置在 de 阅读全文
摘要:
1.设备像素比 物理像素和显示分辨率的比值,其值一般为1;采用视网膜屏的IPhone,iPaid等设备为2,现在Android设备和windows笔记本屏幕达到1.5或2。该数值越高,屏幕显示越细腻。以后高比值下,肉眼难分辨屏幕和真实世界的差别。相关知识点可参见 http://www.zhangxi 阅读全文
摘要:
Node.js Node.js是一个基于Chrome V8引擎JavaScript 运行环境。Node.js 使用一个事件驱动、非阻塞时I/O的模式。Node.js的包管理器npm,是全球最大的开源库生态系统。 Node.js:解释执行js代码,不是框架等等,而是一个环境 Chrome V8引擎:独 阅读全文
摘要:
vue-cli 是 vue 的脚手架工具,是一个 node 包,能帮助我们写好 vue.js 基础的工具,能帮我们搞定目录结构,本地调试,代码部署,热加载,单元测试等工作。 1.安装: npm install -g vue-cli(安装后可以运行 vue 命令) vue init webpack s 阅读全文
摘要:
技术栈:Vue.js 基础:HTML,CSS,JS,ES6 涉及: vue-resource:前后端数据交互 vue-router:前端单页应用 1.better-scroll库:第三方数据库,最大程度组件化,复用功能 2.html5 localstorage:收藏功能 3.图标字体 4.1像素边距 阅读全文