学习项目1（移动端京东）

学习项目链接（京东移动端使用vue）：https://github.com/huangche007/vue-jd

1.window.event? window.event.returnValue = false : event.preventDefault();

event.preventDefault()方法是用于取消事件的默认行为，但此方法并不被ie支持，在ie下需要用window.event.returnValue = false; 来实现。

2.<a οnclick=“window.history.go(-1)”

3.先用相对定位，我之前用太多绝对定位了不好修改麻烦

4.此项目响应式用的百分比布局，

优点：适合页面内容结构均匀分配，固定高度、结构不是很复杂，注意要设置viewport视口内容宽度等于设备的宽度。

缺点：计算困难，如果我们要定义一个元素的宽度和高度，按照设计稿，必须换算成百分比单位。各个属性中如果使用百分比，相对父元素的属性并不是唯一的

5.display: inline-flex

display:flex;不会让容器本身取消它的块装的属性，但它的子元素会变成行内块的的属性

display: inline-flex;父级是变成行内块元素，他的子元素也是行内块元素，并且自动换行

6.在“我的”界面可复用不错不错

7.window.sessionStorage.userInfo

8.JSON.parse ,将字符串转换为对象

JSON.parse()方法用来解析JSON字符串，构造由字符串描述的JavaScript值或对象。

9.res是Promise在resolve的值

10.每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)

改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation

https://www.cnblogs.com/websmile/p/8884229.html

11.<img v-lazy=“item.product_img_url”,有实现按需加载，

12.头部，内容，尾部各有.vue,组件化

什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块

组件化与模块化的不同：

模块化：是从代码逻辑的角度进行分析，方便代码分层开发，保证每个功能模块的只能单一

组件化：是从UI界面的角度进行划分，前端的组件化，方便UI组件的重用。

13.position: static;，某些特殊情况下，想覆盖原有的定位就可以使用

14.在购物车页面用到了精灵图，属性选择器改变选中状态样式

15.价格等用<strong>标签，方便语义又好

16.@-webkit-keyframes delBoxOut {

17.CSS3 box-pack 属性

    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

box-pack属性指定一个box的子元素时，被置于该框的子元素小于该框。

此属性指定横向框的水平位置，垂直位置的垂直框。

https://www.runoob.com/cssref/css3-pr-box-pack.html

display: flex;

justify-content: space-around;

19.定义font-family时,最好在最后加一个sans-serif,这样若是所列出的字体都不能用，则默认的sans-serif字体能保证调用

sans-serif就是无衬线字体，是一种通用字体族，它在操做系统或者浏览器里是能够设置的，你能够把它设置成宋体，也能够设置成微软雅黑

https://www.shangmayuan.com/a/aefa7efe74ae4ec087a91e25.html

20.组件支持用户在具有路由功能的应用中（点击）导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 标签，可以通过配置 tag 属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的 CSS 类名，就是router-link-active，我们就可在a标签被点击时，给a标签添加颜色或背景
原文链接：https://blog.csdn.net/weixin_41615439/article/details/104345943

21.<router-link tag=“span” to="/register">快速注册</router-link>

22.res.status()函数设置响应的HTTP状态 → if(res.status == 200){

23.vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

​ https://blog.csdn.net/fifteen718/article/details/80359844

function $id(id) {
    return document.getElementById(id);
}
/*banner对象*/
var banner = $id("my_banner");

banner.offsetHeight       //获取高度
window.onscroll = function() {

25.vuex可以理解为整个Vue程序中的全局变量，但他和以前概念中的全局变量又有所不同，他也是响应式的，而且，你不能直接修改vuex中的变量，只能通过显式地commit=>mutation来进行数据的改变

​ https://www.jianshu.com/p/e181c953019a