学习项目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

学习项目1（移动端京东）相关推荐

如何阅读一份深度学习项目代码？
犹豫很久要不要把读代码这个事情专门挑出来写成一篇推文.毕竟读代码嘛,大家可能都会读.而且笔者个人读的和写的代码量也并不足以到指导大家读代码的程度.但笔者还是决定大胆地写一点:就当是给自己设立今后读代码 ...
深度学习项目代码阅读建议
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达本文转自|机器学习实验室犹豫很久要不要把读代码这个事情专门挑出来写 ...
手把手教你从零到一搭建深度学习项目（附PDF下载）
来源:机器之心作者:Jonathan Hui 本文约14000字,建议阅读10+分钟. 本文将会从第一步开始,告诉你如何解决深度学习项目开发中会遇到的各类问题. 在学习了有关深度学习的理论之后,很多 ...
怎样高效阅读一份深度学习项目代码？
犹豫很久要不要把读代码这个事情专门挑出来写成一篇推文.毕竟读代码嘛,大家可能都会读.而且笔者个人读的和写的代码量也并不足以到指导大家读代码的程度.但笔者还是决定大胆地写一点:就当是给自己设立今后读代码 ...
OpenCV-Python实战（21）——OpenCV人脸检测项目在Web端的部署
OpenCV-Python实战(21)--OpenCV人脸检测项目在Web端的部署 0. 前言 1. OpenCV 人脸检测项目在 Web 端的部署 1.1 解析请求并构建响应 1.2 构建请求进行测 ...
【深度学习】Github 最受欢迎的深度学习项目 TOP 20
必须做好一些是LINUX平台,甚至没有教材根本需要摸索学习的准备,如果有那个变成为在线服务的请第一时间通知我们截止到 2017年 5月14日,Github 最受欢迎的深度学习项目 TOP 20 是哪 ...
10个Spring Boot 优秀学习项目
10个Spring Boot 优秀学习项目 10个SpringBoot项目分享(好像多了一个项目) 一.mall (虽然培训机构已经把电商推广了烂大街了,但技术还是可以学习的) 二.Cloud-Pla ...
手把手教你从零搭建深度学习项目（附链接）
简介: 在学习了有关深度学习的理论之后,很多人都会有兴趣尝试构建一个属于自己的项目.本文将会从第一步开始,告诉你如何解决项目开发中会遇到的各类问题. 本文由六大部分组成,涵盖深度学习 ( DL ) 项 ...
开源的13个Spring Boot 优秀学习项目
开源的13个Spring Boot 优秀学习项目!超53K星,一网打尽! 原创: 徐刘根 Java后端技术 5月19日 Spring Boot 算是目前 Java 领域最火的技术栈了,也是Java开发 ...

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

学习项目1（移动端京东）相关推荐

最新文章

热门文章