当前位置: 首页 > news >正文

VUE.js入门与商城开发实战

新书速递

 

导读:Vue.js正式发布于2014年2月,正如其官网介绍的,具备“易用、灵活和高效”的特点。其实Vue.js 的本质是框架,而真正了解它的人会把它当成一件作品来欣赏。

 

Vue.js 是一个轻量级、易上手的前端框架,与其他框架相比,入门难度小,学习曲线平缓,因此越来越多的人开始投入 Vue.js 的怀抱,走进 Vue.js 的世界。又因为前端框架都与HTML、CSS、JavaScript结合紧密,所以你需要熟悉这些技术。

今天为大家推荐一本新书《Vue.js入门与商城开发实战》

 

 

本书主要面向Vue.js的初级入门者,涵盖详细的理论知识、布局分析和逻辑分析,还有丰富的实战案例、详细的代码解说,具有很强的实用性。

全书主要内容分三部分:基础知识技能提升商城开发案例

  • 基础知识部分包括Vue.js入门、数据绑定、表单和双向数据绑定、条件和循环指令、样式绑定、事件处理器、监听和计算属性。

  • 技能提升部分包括Vue.js的组件,自定义指令和响应接口,路由、动画和过渡,Vue.js中的插件Axios等。

  • 商城开发案例部分包括一个商城项目的大部分功能,如首页开发、用户管理、实现产品和新闻页面、购物和订单处理等。

 

主要内容

  • 新手入门方法和第一个实例。

  • Vue.js的基本概念详解。

  • 基础语法、数据绑定、表单使用、循环指令、样式绑定、事件处理等。

  • Vue.js的组件、自定义指令。

  • 响应接口与第三方插件Axios。

  • 商城的首页、用户管理、产品展示、购物车、下单、会员等界面的开发案例详解。

  • Vue.js和JavaScript的混合使用。

  • Vue.js和后端数据的交互以及接口的使用。

 

作者简介

黄菊华,前端全栈工程师,杭州摇亿网络科技创始人兼技术总监,多年从事电子商务技术的研究,对于移动端HTML5开发、各类前端框架技术有比较深入的研究和应用,作为技术总监带领团队开发了多个应用项目,项目涉及医疗、房地产、微商等。

 

 

目录

【第一部分 基础知识】

●第1章 Vue.js入门2

1.1Vue.js简介2

1.2Vue.js编辑器3

1.2.1 编辑器类型4

1.2.2 使用Notepad建立第一个Vue.js页面4

1.2.3 使用Dreamweaver建立第一个Vue.js页面7

1.3Vue.js安装9

1.3.1 使用 CDN 方法9

1.3.2 下载官方Vue.js框架10

1.3.3NPM 方法10

1.4Vue.js起步12

1.4.1Vue中变量的显示和自定义方法的使用12

1.4.2data内容的另外一种定义方式14

1.4.3 系统属性15

1.4.4 入门知识点总结16

 

●第2章 数据绑定18

2.1 文本插值18

2.2v-html指令20

2.3v-text指令21

2.4v-once指令21

2.5v-cloak指令22

2.6v-bind 指令23

2.7Vue.js完全支持JavaScript表达式25

2.8Vue.js指令总结27

2.8.1 基础用法27

2.8.2 指令参数29

2.8.3 指令缩写30

2.8.4 修饰符31

 

●第3章 表单和双向数据绑定32

3.1v-model的基础用法32

3.1.1 在input中使用33

3.1.2 在textarea中使用34

3.1.3 在select中使用36

3.1.4 在checkbox(单选)中使用37

3.1.5 在checkbox(多选)中使用39

3.1.6 在radio(单选)中使用40

3.1.7 在链接a中应用41

3.1.8 在图片中使用42

3.2Vue.js 过滤器的使用43

3.3Vue.js 获取表单要提交的数据45

3.4v-model指令的修饰符46

 

●第4章 条件和循环指令48

4.1v-if 指令48

4.1.1 使用v-if 指令48

4.1.2 使用v-else 指令50

4.1.3 使用v-else-if 指令51

4.2v-show 指令52

4.2.1v-show指令的用法52

4.2.2v-show指令和v-if 指令的区别54

4.3v-for指令56

4.3.1 基础语法56

4.3.2 简易数组的使用57

4.3.3 在模板中的使用58

4.3.4 对象的迭代显示59

4.3.5 对象的迭代显示:提供第二个参数为键名61

4.3.6 对象的迭代显示:提供第三个参数为索引62

4.3.7 循环显示整数64

4.3.8 九九乘法表65

4.3.9 对属性进行升序排序66

4.3.10 对象数组的内容显示68

4.3.11v-for 循环指令的嵌套69

 

●第5章 样式绑定72

5.1 绑定class属性72

5.2 绑定多个样式74

5.3 绑定数据里的一个对象75

5.4 绑定返回对象的计算属性77

5.5 绑定一个数组79

5.6 通过三目运算符绑定83

5.7style内联样式85

5.8style绑定样式对象86

5.9style绑定样式数组87

 

●第6章 事件处理器89

6.1v-on指令89

6.2v-on指令的方法调用90

6.3 在事件中读取data里的数值91

6.4 方法参数的几种使用方式93

6.5 事件修饰符95

6.6 按键修饰符96

 

●第7章 监听和计算属性97

7.1watch监听属性97

7.1.1 基本用法97

7.1.2 使用 watch 实现计数器97

7.1.3 千米与米之间的换算99

7.1.4 简单的购物车101

7.1.5 全选与取消全选105

7.2 计算属性108

7.2.1computed108

7.2.2methods110

7.2.3setter111

 

【第二部分 技能提升】

 

●第8章 组件116

8.1 全局组件116

8.2 局部组件118

8.3props属性120

8.4 动态props121

 

●第9章 自定义指令和响应接口124

9.1Vue.js 自定义指令124

9.2 钩子函数126

9.2.1 常用钩子函数126

9.2.2 钩子函数的参数126

9.3Vue.js响应接口128

9.4Vue.set130

9.5Vue.delete133

 

●第10章 路由、动画和过渡134

10.1 安装vue-router134

10.2 路由简单应用134

10.3<router-link> 相关属性136

10.4 过渡137

10.5Vue.js中CSS 动画的应用140

10.6 自定义过渡的类名141

10.7JavaScript 钩子143

 

●第11章 Vue.js中的插件Axios147

11.1 安装方法147

11.2 常用方法148

11.2.1GET 方法148

11.2.2POST 方法150

11.2.3 执行多个并发请求150

11.2.4Axios API151

11.2.5 请求方法的别名151

11.2.6 并发151

11.2.7 创建实例152

11.3 实例方法152

11.4 其他内容155

 

【第三部分 商城开发案例】

 

●第12章 首页开发162

12.1 图片轮播164

12.2 快捷菜单166

12.3 最新资讯167

12.4 最新上架170

12.5 精品推荐172

 

●第13章 用户管理175

13.1 用户注册175

13.2 用户登录179

13.3 会员首页182

13.4 用户退出187

13.5 用户信息修改187

13.6 用户密码修改191

13.7 用户收藏管理194

13.7.1 收藏列表194

13.7.2 收藏删除197

13.8 用户地址管理199

13.8.1 地址添加199

13.8.2 地址列表207

13.8.3 地址删除210

13.8.4 地址修改212

 

●第14章 实现产品和新闻页面220

14.1 产品分类220

14.1.1 左侧默认分类221

14.1.2 右侧默认产品223

14.1.3 左侧分类和右侧产品联动225

14.2 产品列表226

14.3 产品简介228

14.3.1 产品简介信息228

14.3.2 底部菜单234

14.3.3 收藏236

14.3.4 加购物车237

14.3.5 立即购买238

14.4 产品详情239

14.5 产品评论241

14.6 信息列表244

14.7 信息详情247

 

●第15章 购物和订单处理250

15.1  购物车250

15.1.1 购物车产品列表252

15.1.2 增加和减少数量接口255

15.1.3 增加数量255

15.1.4 减少数量256

15.1.5 单选计费258

15.1.6 全选、取消全选、计费258

15.1.7 去结算259

15.2 下单260

15.2.1 获取参数260

15.2.2 加载用户地址261

15.2.3 加载下单产品列表263

15.2.4 提交订单266

15.3 订单列表267

15.3.1 顶部菜单切换268

15.3.2 用户订单列表270

15.4 取消订单274

15.5 去付款276

15.6 确认收货277

15.7 产品评论279

15.8 小结282

上下滑动查看

 

扫码了解详情并购买

更多精彩回顾

书讯 |9月书讯(下)| 开学季,读新书

书讯 |9月书讯(上)| 开学季,读新书

上新 | 一本书带你吃透Nginx应用与运维
书单 | 开学季——计算机专业学生必读的10本畅销经典

干货 | 从“新基建”重新认识数据中心

收藏 | 大数据必备的十大工具

视频 | 大佬出镜推荐不可不读系列——程序员陈彼得

点击阅读全文购买

相关文章:

  • 【第25期】国资委发文!10本书讲透数字化时代新机遇
  • (万字长文)Spring的核心知识尽揽其中
  • 百度官方出品 | 全面解读PaddlePaddle,零基础快速入门深度学习
  • 一文把Redis主从复制、哨兵、Cluster三种模式摸透
  • 数据分析必读干货:简单而实用的3大分析方法
  • TIOBE 10 月编程语言排行榜出炉:C语言居首,Python将超Java?
  • 宁振波:工业软件的焦点在仿真
  • DB-Engines 10月数据库排名:“三大王”无人能敌,PostgreSQL紧随其后
  • 司机失业?百度宣布:自动驾驶出租车在京开放,免费坐!
  • 唤醒你的数学潜能和数学思维
  • Nginx 在运维领域中的应用,看这一篇就够了
  • 掌握R 语言,看这些书就够了
  • 人工智能7大关键技术,终于有人讲明白了
  • 【第26期】Coroutines(协程)我是这样理解的!
  • Linux网络安全,这本搞定了!
  • [ 一起学React系列 -- 8 ] React中的文件上传
  • CentOS6 编译安装 redis-3.2.3
  • CentOS学习笔记 - 12. Nginx搭建Centos7.5远程repo
  • Computed property XXX was assigned to but it has no setter
  • ES2017异步函数现已正式可用
  • Gradle 5.0 正式版发布
  • hadoop入门学习教程--DKHadoop完整安装步骤
  • HomeBrew常规使用教程
  • JavaScript学习总结——原型
  • Python学习之路13-记分
  • Python语法速览与机器学习开发环境搭建
  • 纯 javascript 半自动式下滑一定高度,导航栏固定
  • 一个普通的 5 年iOS开发者的自我总结,以及5年开发经历和感想!
  • 再谈express与koa的对比
  • 中文输入法与React文本输入框的问题与解决方案
  • Java性能优化之JVM GC(垃圾回收机制)
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • ###C语言程序设计-----C语言学习(6)#
  • #Linux(帮助手册)
  • (145)光线追踪距离场柔和阴影
  • (4) openssl rsa/pkey(查看私钥、从私钥中提取公钥、查看公钥)
  • (6)STL算法之转换
  • (Demo分享)利用原生JavaScript-随机数-实现做一个烟花案例
  • (html转换)StringEscapeUtils类的转义与反转义方法
  • (Mac上)使用Python进行matplotlib 画图时,中文显示不出来
  • (ZT)一个美国文科博士的YardLife
  • (搬运以学习)flask 上下文的实现
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (轉貼) 蒼井そら挑戰筋肉擂台 (Misc)
  • .bat批处理(六):替换字符串中匹配的子串
  • .NET 4.0中使用内存映射文件实现进程通讯
  • .NET CF命令行调试器MDbg入门(二) 设备模拟器
  • .Net FrameWork总结
  • .net 调用php,php 调用.net com组件 --
  • .NET的微型Web框架 Nancy
  • .NET开发不可不知、不可不用的辅助类(一)
  • .NET是什么
  • .net知识和学习方法系列(二十一)CLR-枚举
  • /dev下添加设备节点的方法步骤(通过device_create)
  • @ConfigurationProperties注解对数据的自动封装