更名三部曲: 极乐前端周报 > 极乐周报 > 极乐技术周报
不知不觉已经第八期啦，在此先感谢大家的关注，如您有好的建议可以评论或者私信联系我，也可以联系我的工作QQ：2929310541
1.Vue.js全家桶高还原网易云音乐(Windows PC版)
<img src="https://pic2.zhimg.com/v2-1d8011b37d1f199a0618d23c1730d919_b.png" data-rawwidth="666" data-rawheight="300" class="origin_image zh-lightbox-thumb" width="666" data-original="https://pic2.zhimg.com/v2-1d8011b37d1f199a0618d23c1730d919_r.png">- 网易云音乐首页 (轮播, 推荐歌单, 每日推荐, 热门歌单, 排行榜, 热门歌手, 最新音乐)
- 切换主题 (因为PC端切换主题要改的样式太繁琐，所以只做了黑色和红色的主题）
- 搜索 (歌曲搜索、歌手搜索、歌单搜索、专辑搜索）
- 播放页面 (歌词显示、所有评论显示）
- 歌单、专辑、歌手信息等展示页
- 当然还有最重要的播放功能 (音量调节、快进快退、切歌、当前歌单）
2.Hexo高阶教程：教你怎么让你的Hexo博客在搜索引擎中排第一
<img src="https://pic2.zhimg.com/v2-421d607a485277fe8997edc5a672b6e5_b.jpg" data-rawwidth="666" data-rawheight="300" class="origin_image zh-lightbox-thumb" width="666" data-original="https://pic2.zhimg.com/v2-421d607a485277fe8997edc5a672b6e5_r.jpg">作为一个前端工作者，对网站的优化肯定还是需要有很多的，奈何时间基本都被工作占用，所以就先把优化功能先放了放，只进行了代码压缩在这半个月的时间，对于hexo搭建搭建的个人博客，虽然没有让我对某一门语言的深度增加，但是却让我对整个建站流程的宽度增加了不少，优化是一件比写出代码的技术难度还要高的事情。
3.浏览器中的ES6模块
<img src="https://pic1.zhimg.com/v2-d53c17966135639b7a9792e72154b390_b.png" data-rawwidth="666" data-rawheight="300" class="origin_image zh-lightbox-thumb" width="666" data-original="https://pic1.zhimg.com/v2-d53c17966135639b7a9792e72154b390_r.png">- Safari 10.1
- Chrome Canary 60 chrome:flags
- Firefox 54 om.moduleScripts.enabled setting in about:config
- Edge 15 about:flags
4.ES6中的对象继承模式
<img src="https://pic3.zhimg.com/v2-7c810fd5829734c26a9e8e41d8c84f12_b.png" data-rawwidth="666" data-rawheight="300" class="origin_image zh-lightbox-thumb" width="666" data-original="https://pic3.zhimg.com/v2-7c810fd5829734c26a9e8e41d8c84f12_r.png">随着ES6的到来，JavaScript专门为其配备了定义类的语法。在本文中，我们将探讨这些类语法的使用技巧。
链接地址5.Vue无限加载：Vue.js 无限滚动插件
<img src="https://pic3.zhimg.com/v2-3855567f7c0a21ae36ad22100dde7532_b.png" data-rawwidth="666" data-rawheight="300" class="origin_image zh-lightbox-thumb" width="666" data-original="https://pic3.zhimg.com/v2-3855567f7c0a21ae36ad22100dde7532_r.png">该插件是Vue.js的无限滚动插件，可以帮助您快速创建无限滚动列表。
链接地址6.CSS3 Linear Gradients(线性渐变)
<img src="https://pic1.zhimg.com/v2-8e44cb7cf914c275165dac6cf010be5c_b.png" data-rawwidth="666" data-rawheight="300" class="origin_image zh-lightbox-thumb" width="666" data-original="https://pic1.zhimg.com/v2-8e44cb7cf914c275165dac6cf010be5c_r.png">线性渐变很容易在CSS中创建，它非常有用。 我们将在本文中介绍，通过使用线性渐变让视觉表现的更加平滑。
链接地址7.CSS动画与Web动画API：案例研究
<img src="https://pic3.zhimg.com/v2-e1982050bc393b11226c6886b67efeb2_b.png" data-rawwidth="666" data-rawheight="300" class="origin_image zh-lightbox-thumb" width="666" data-original="https://pic3.zhimg.com/v2-e1982050bc393b11226c6886b67efeb2_r.png">与所有内容一样，无论是使用CSS动画还是JavaScript动画，都取决于动画的细节。一般来说，CSS动画应该用于与和UI相关的小型动画，例如信息提示或反馈。而Web Animation API应该用于更高级的动画效果，也就是需要微调来控制的动画。
链接地址极乐技术周报，最新，最热的互联网技术资讯
作者：极乐科技，转载注明出处
