这是一个前后端分离项目的前端部分 ls Chrome快捷键： Developer Tools: cmd+shift+c console: cmd+option+j

四.通用功能开发 交互设计，弱化导航栏 蓝白+灰 字体不要纯黑 1.mm.js 'use strict' 配置resolve-alias plugin前 request()getServerUrl() getUrlParam() renderHtml() --save hogan successTips() errorTips() validate() doLogin() goHome() var conf

sudo -g 全局服务器，然后可以用命令 6.logout.css head-common.html index footer 28 overflow清除浮动css reset 定宽布局 全局通用样式 隐藏类、超链样式 btn loading --save font-awesome 7.nav-simple+html 比利时-巧克力王国、世界史-希腊 nav.html index.js index.css

引入jQuery: externals加载外部jQuery+提取公共模块 设置全局模块 npm install --save-dev extract-text-webpack-plugin ejs语法 html-loader url-loader sudo→用做命令行

user-service.js cart-service.js

1.webpack启动失败

更改配置文件中output下的path   : __dirname + '/dist',

2.font-awesome报错

更改配置文件中plugin下的url-loader匹配正则

3.css样式部分匹配

index/index.js引入common里面未使用的index.js
更改错误路径(恶补相对路径、绝对路径)

4.You may need an appropriate loader to handle this file type.

少正则

5.nav-side显示失败

hogan.js没问题，漏代码不报错

6.类选择器漏写.，使登录信息加载失败

WebStorm快捷键

command+option+down 复制整行
option+click(鼠标左键) 多光标操作

a字体不继承，input行高、字体不继承

unslider 

1.list列表查不到，Charles代理地址写错，多写了一个心 反例：localhost:8088/product/-->www.happymmall.com:80/product/ 正例：localhost:8088/product/*-->www.happymmall.com:80/product/

2.分页实现不了,pagination/index.string漏代码、type改为value 反例： {{#active}} {{name}} {{^active}} {{name}} {{/active}} 正例： {{#active}} {{name}} {{/active}} {{^active}} {{name}} {{/active}}

this.pagination ? '' : (this.pagination = new Pagination());

3.搜索框回填实现不了 //module.exports = header; header.init(); init方法必须要调用的，才能执行那些逻辑，光export只是输出出去了 异步接口加载的页面，页面一出来是绑定不上事件的，要用事件代理 mouseenter mouseover hover

订单确认页最难,该页购物车数量回填问题

功能性buit:
    订单确认页修改商品数量
    添加、修改地址弹窗顺序问题

/*"repository": { "type": "git", "url": "git+https://github.com/junjun93/mmall_front.git" }, "author": "junjun", "license": "ISC", "bugs": { "url": "https://github.com/junjun93/mmall_front/issues" }, "homepage": "https://github.com/junjun93/mmall_front#readme",*/