学习项目链接(京东移动端使用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