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

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐