快乐咸鱼のRaXianch窝

加载中...

标签 - css

2021

2021-02-06

Web前端：meta标签的拓展

2021-02-06

Web前端：referrer策略的认识

2021-02-05

小技能GET：如何提高网页的加载速度？

2018

2018-11-23

Web前端：滚动条的样式

本地搜索

replace code content = content.replace(/<[^>]+>/g,"") // remove html tag if (content.length > 150) { content = content.substring(0,150) + '...' } return content } const getIcon = (icon, mail) => { if (icon) return icon let defaultIcon = '?d=https://static.hdslb.com/images/akari.jpg' let iconUrl = `https://gravatar.loli.net/avatar/${md5(mail.toLowerCase()) + defaultIcon}` return iconUrl } const generateHtml = array => { let result = '' if (array.length) { for (let i = 0; i < array.length; i++) { result += '

' if (true) { const name = 'data-lazy-src' result += `

` } result += `

${array[i].content}

${array[i].nick} / ${btf.diffDate(array[i].date, true)}

` } } else { result += '没有评论' } let $dom = document.querySelector('#card-newest-comments .aside-list') $dom.innerHTML= result window.lazyLoadInstance && window.lazyLoadInstance.update() window.pjax && window.pjax.refresh($dom) } const getComment = () => { const serverURL = 'https://b9Xc8bot.api.lncldglobal.com' var settings = { "method": "GET", "headers": { "X-LC-Id": 'b9Xc8botwAAeh4drWtmvVMOn-MdYXbMMI', "X-LC-Key": 'PYcn0BFYdI8RXz3S4itWbjfG', "Content-Type": "application/json" }, } fetch(`${serverURL}/1.1/classes/Comment?limit=6&order=-createdAt`,settings) .then(response => response.json()) .then(data => { const valineArray = data.results.map(function (e) { return { 'avatar': getIcon(e.QQAvatar, e.mail), 'content': changeContent(e.comment), 'nick': e.nick, 'url': e.url + '#' + e.objectId, 'date': e.updatedAt, } }) saveToLocal.set('valine-newest-comments', JSON.stringify(valineArray), 10/(60*24)) generateHtml(valineArray) }).catch(e => { const $dom = document.querySelector('#card-newest-comments .aside-list') $dom.innerHTML= "无法获取评论，请确认相关配置是否正确" }) } const newestCommentInit = () => { if (document.querySelector('#card-newest-comments .aside-list')) { const data = saveToLocal.get('valine-newest-comments') if (data) { generateHtml(JSON.parse(data)) } else { getComment() } } } newestCommentInit() document.addEventListener('pjax:complete', newestCommentInit) })