accforgit / blog-data Goto Github PK

View Code? Open in Web Editor NEW

399.0 399.0 271.0 8.24 MB

:apple: 存放一些在博客中用到的示例代码

License: MIT License

HTML 3.39% CSS 4.43% JavaScript 42.50% Vue 16.31% TypeScript 30.92% SCSS 1.53% Less 0.91%

blog-data's People

Contributors

Stargazers

Watchers

Forkers

wanglinjian htt6275 vivijenny skylingfly crystalwong gogojava libin1991 lingyuchen messieurspeng bearcodedome wanglonghua jiushigo01 zm6666 dongzhiheng limingziqiang tduslost harrisonding xiaodoulala fqs617 xiaobai2066 prinzer ministu666 stragiht leez-2017 xiaoguoqingxx daivdkpfe masoncat jinligen reyhappen venliong dirstart wangguozheng007 snake2016 thunderlightgod json1224 vizgold oliverdai demoxun equalll 372979131 carrie7788 hopana gyjquery tiantianxiu vvvbraver eaminhu yiyayiya brightld zl940722 s0ngyee dazhi316 zhubeard 5king sunshinelixun ltc8218339 sonnyzhu xuexueq jeff-curry xiaoyuml l0ng09 metal88888 a0124569873 wgl878420 sunlinghao cleverfella yangjian5 robinyang11 nucvolador jackfromcumt eastlinus haidaoge123 kevinzl songtxiang taopengfei zhaoming8 kevan1017 shiaijuan tiantiandaboli monstergl818 zhaozhinan lzbabd lizhi1996 healen wittyhhe sally0000 aoxiang594 lucklymeme jqlearning wgliyuli stellahoho guxing1992 zhiqinshi zhangjiaxia daisyfeng128128 renpingping zengtv smileforward123 llprince zgzygf benxiaohai061

blog-data's Issues

滚动条的mouseover方法有没有示例代码啊

有没有mouseOver那个方法的示例代码。我试了之后还是会有拖不动的问题

你的babel打包是放在哪里的呢？

sku 这边还有一个可以对比下

https://github.com/zhang-quan-yi/skus

期望选中所有选项后获得唯一skuId

实际例子中，可能是这样的

"skuRankList": [
    {
      "spuDId": '111111', 
      "paramIdJoin": '6977_1081969__6975_730004',
      "priceRange": [6888, 7001],
      "count": 19
    }
]

spuDId 是属性组合唯一的ID(sku id)，最后选中后需要得到唯一的额 spuDId，然后提交下单。

但是 currentRst 中返回的是一个数组？如何获得用户选中所有选项后的唯一sku id？
谢谢。

@loadable/server在开发环境使用的问题

请教一下,当你在开发环境使用@loadable/server在服务端读取script标签的时候,如果新建文件的时候,
你的loadable-stats.json 这个json文件时原来的文件,这不是预期结果你时怎么解决的?

componentDidMount

测试了一下你的项目,当你页面在服务端渲染生成之后,在客户端还是执行了componentDidMount生命周期,这不是应该的,同样我也遇到了这个问题,我不知道该怎么做了?博主能一起解决嘛?

关于marked+highlight 请问您的高亮效果有出来吗QAQ，我这里没效果，不知道咋弄==

为啥不能下载了

发现了一个问题，该问题会导致选中不该选中的且没法切换。期望能提供些修改思路。

数据如下

// 模拟接口返回的数据
/* tslint:disable */
export default {
  "brandName": "Apple",
  "title": "AppleiPhone8移动联通电信4G手机",
  "skuParamVoList": [{
    "paramId": "1100",
    "paramValue": "颜色",
    "valueList": [{
      "valueId": "11001",
      "valueValue": "黑色"
    }, {
      "valueId": "11002",
      "valueValue": "黄色"
    }, {
      "valueId": "11003",
      "valueValue": "橙色"
    }, {
      "valueId": "11004",
      "valueValue": "银色"
    }, {
      "valueId": "11005",
      "valueValue": "灰色"
    }]
  }, {
    "paramId": "1200",
    "paramValue": "尺寸",
    "valueList": [{
      "valueId": "12001",
      "valueValue": "1m"
    }, {
      "valueId": "12002",
      "valueValue": "1.1m"
    }, {
      "valueId": "12003",
      "valueValue": "1.2m"
    }, {
      "valueId": "12004",
      "valueValue": "1.3m"
    }, {
      "valueId": "12005",
      "valueValue": "1.4m"
    }]
  }, {
    "paramId": "1300",
    "paramValue": "内存",
    "valueList": [{
      "valueId": "13001",
      "valueValue": "64G"
    }, {
      "valueId": "13002",
      "valueValue": "128G"
    }, {
      "valueId": "13003",
      "valueValue": "256G"
    }, {
      "valueId": "13004",
      "valueValue": "512G"
    }]
  }],
  "allSkuVoList": [{
    "spudId": "1001",
    "stock": "5",
    "minPrice": "23",
    "maxPrice": "2323",
    "spudParams": [{
      "paramId": "1300",
      "valueId": "13001"
    }, {
      "paramId": "1200",
      "valueId": "12001"
    }, {
      "paramId": "1300",
      "valueId": "13001"
    }]
  }, {
    "spudId": "1002",
    "stock": "2",
    "minPrice": "23",
    "maxPrice": "45",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11001"
    }, {
      "paramId": "1200",
      "valueId": "12002"
    }, {
      "paramId": "1300",
      "valueId": "13001"
    }]
  }, {
    "spudId": "1003",
    "stock": "0",
    "minPrice": "12",
    "maxPrice": "4345",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11001"
    }, {
      "paramId": "1200",
      "valueId": "12003"
    }, {
      "paramId": "1300",
      "valueId": "13002"
    }]
  }, {
    "spudId": "1004",
    "stock": "3",
    "minPrice": "123",
    "maxPrice": "9032",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11001"
    }, {
      "paramId": "1200",
      "valueId": "12004"
    }, {
      "paramId": "1300",
      "valueId": "13002"
    }]
  }, {
    "spudId": "1005",
    "stock": "4",
    "minPrice": "123",
    "maxPrice": "3434",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11001"
    }, {
      "paramId": "1200",
      "valueId": "12005"
    }, {
      "paramId": "1300",
      "valueId": "13003"
    }]
  }, {
    "spudId": "1006",
    "stock": "5",
    "minPrice": "3234",
    "maxPrice": "6677",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12001"
    }, {
      "paramId": "1300",
      "valueId": "13002"
    }]
  }, {
    "spudId": "1007",
    "stock": "6",
    "minPrice": "6088",
    "maxPrice": "6888",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12002"
    }, {
      "paramId": "1300",
      "valueId": "13002"
    }]
  }, {
    "spudId": "1008",
    "stock": "7",
    "minPrice": "7800",
    "maxPrice": "8800",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12003"
    }, {
      "paramId": "1300",
      "valueId": "13003"
    }]
  }, {
    "spudId": "1009",
    "stock": "8",
    "minPrice": "3456",
    "maxPrice": "4567",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12004"
    }, {
      "paramId": "1300",
      "valueId": "13004"
    }]
  }, {
    "spudId": "1010",
    "stock": "10",
    "minPrice": "923",
    "maxPrice": "3994",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12005"
    }, {
      "paramId": "1300",
      "valueId": "13002"
    }]
  }, {
    "spudId": "1011",
    "stock": "5",
    "minPrice": "1233",
    "maxPrice": "4566",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12001"
    }, {
      "paramId": "1300",
      "valueId": "13001"
    }]
  }, {
    "spudId": "1012",
    "stock": "4",
    "minPrice": "8922",
    "maxPrice": "9332",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12002"
    }, {
      "paramId": "1300",
      "valueId": "13002"
    }]
  }, {
    "spudId": "1013",
    "stock": "0",
    "minPrice": "1234",
    "maxPrice": "4322",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12003"
    }, {
      "paramId": "1300",
      "valueId": "13002"
    }]
  }, {
    "spudId": "1014",
    "stock": "3",
    "minPrice": "6789",
    "maxPrice": "7891",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12004"
    }, {
      "paramId": "1300",
      "valueId": "13003"
    }]
  }, {
    "spudId": "1015",
    "stock": "5",
    "minPrice": "3234",
    "maxPrice": "32345",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12005"
    }, {
      "paramId": "1300",
      "valueId": "13004"
    }]
  }],
  "mySkuVoDetail": {
    "spudId": "1015",
    "stock": "5",
    "minPrice": "3234",
    "maxPrice": "32345",
    "spudParams": [{
      "paramId": "1100",
      "valueId": "11002"
    }, {
      "paramId": "1200",
      "valueId": "12005"
    }, {
      "paramId": "1300",
      "valueId": "13004"
    }]
  }
}

对应含义如下：

goodsAttribute: {
    '颜色': ['黑色','黄色','橙色','银色','灰色'],
    '尺寸': ['1m','1.1m','1.2m','1.3m','1.4m'],
    '内存': ['64G', '128G', '256G', '512G']
  },
  goodsDetail:{
    '颜色:黑色_尺寸:1m_内存:64G': 5,
    '颜色:黑色_尺寸:1.1m__内存:64G': 2,
    '颜色:黑色_尺寸:1.2m__内存:128G': 0,
    '颜色:黑色_尺寸:1.3m__内存:128G': 3,
    '颜色:黑色_尺寸:1.4m__内存:256G': 4,
    '颜色:黄色_尺寸:1m__内存:128G': 5,
    '颜色:黄色_尺寸:1.1m__内存:128G': 6,
    '颜色:黄色_尺寸:1.2m__内存:256G': 7,
    '颜色:黄色_尺寸:1.3m__内存:512G': 8,
    '颜色:黄色_尺寸:1.4m__内存:128G': 10,
    '颜色:黄色_尺寸:1m__内存:64G': 5,
    '颜色:黄色_尺寸:1.1m__内存:128G': 4,
    '颜色:黄色_尺寸:1.2m__内存:128G': 0,
    '颜色:黄色_尺寸:1.3m__内存:256G': 3,
    '颜色:黄色_尺寸:1.4m__内存:512G': 5,
  },

效果如下：

复现流程：
后序选中的方式。先选中内存512G，再选中尺寸1m，再选中颜色黑色。

问题：
这是不该存在的效果。尝试了理解源码设计思路去修改，但暂时没有结果。能否给些思路帮助我解决这个问题。

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.