摘要:
web前端菜鸟如何升级到大神(转载) 标签:web前端 web前端菜鸟如何升级到大神(转载) 标签:web前端 随着互联网的发展速度迅猛,web前端工程师越来越火热,想学习 Web前端开发 吗 ? 若想成为web前端工程师需要掌握哪些知识?今天小编总结了成为web前端工程师需要掌握的所有知识。 一、 阅读全文
摘要:
WebPack的安装 WebPack开始使用 这里有最基本的使用方法,给大家一个感性的认识 进行加载器试验 (这里要注意,webpack2不支持简写!style!css!./style.css,亲试) 配置文件 创建我们webpack的配置文件webpack.config.js:(这个文件需要手码的 阅读全文
摘要:
第七节 卡片选中,设置默认 阅读全文
摘要:
第六节 地址列表过滤和展开所有的地址 这章主要是用computed的slice方法,之后会深入研究。 阅读全文
摘要:
第五节 单件商品金额计算和单选全选功能 1.vue精髓在于操作data模型来改变dom,渲染页面,而不是直接去改变dom 2.加减改变总金额功能: ☞ 总金额57.00是实时计算的过程,一旦其中有一个变量变化,其他的也会实时进行变化,这也是vue十分方便的地方。 3.单选商品功能 html: 效果: 阅读全文
摘要:
第四节 v-on实现金额动态计算 用¥金额 进行格式处理,可以使用原生js进行转换,但是在vuei,使用filter过滤器更加方便 注: 1.es6语法=>和import等 好处在于res参数后的function函数内的this作用域,不弄在外部声明变量了。 methods:{ cartView:f 阅读全文
摘要:
第三节 使用v-for渲染商品列表 1.使用vue-resource插件引入json数据 (注:在谷歌中调试打断点-- ,console还可以输出vm,res等属性列表,或者productList等一些值。如打出vm可以查看vue实例包含的属性和方法等) 阅读全文
摘要:
第二节 创建VUE实例 购物车项目计划: 1.创建一个vue实例 2.通过v-for指令渲染产品数据 3.使用filter对金额和图片进行格式化 4.使用v-on实现产品金额动态计算 5.综合演示 ①npm:安装vue (注: 要先安装cnpm cnpm:淘宝团队提供的一个npm的镜像,在国内使用不 阅读全文
摘要:
第一节 vue知识 vue-resource:和后台交互的一个插件,实现get、post和jsonp等功能。(替代jQuery) vue特点: 1.易用:通过创建vue实例,{{}}绑定数据十分方便,如果是jQuery还要获取值,设定十分繁琐 2.灵活-渐进式 ①渲染字段;②公共头部和公共尾部做成组 阅读全文