百度音乐随身听PC端的前端技术?
百度音乐随心听
本人前端菜鸟,想100%模仿制作一个百度随身听的PC页面,但不知道该网站的团队运用了什么前端开发技术?
另外,也请前端前辈指导下如何下手?
非常感谢
回复内容:
既然楼上的高手不愿意写,那我就来献丑说一点开工!
技术点1:浏览器的降级处理。
通过userAgent进行了判断,对支持localStorage本地存储与非IE内核浏览器加载localjs.js;否则直接加载jquery-1.7.2.js,如下图↓

作用:支持本地存储就通过localjs把jquery写入本地,下次再通过localjs读取jquery,就不需要用户再次请求jquery了。
技术点2:前端自动化工具,如下图↓

这些js创建时肯定不是这种命名方式的,读起来完全莫名其妙有木有,
(补充:这里应该是 摘要算法_百度百科 相关资料 前端工程与性能优化 · Issue #3 · fouber/blog · GitHub)
数据摘要算法是密码学算法中非常重要的一个分支,它通过对所有数据提取指纹信息以实现数据签名、数据完整性校验等功能,由于其不可逆性,有时候会被用做敏感信息的加密。摘要结果(也就是文件名)会根据文件内容进行计算, 用于文件版本迭代,清理缓存。
技术点3:AMD 模块化加载 如下图↓ 我

用绿色框标注的data-requiremodule就是JS模块的依赖,
想要了解相关知识的话→ RequireJS 中文网。
但并不是整个网页都使用这种技术,页面注释也写到:
// HACK: muplayer通过全局变量而非AMD的方式初始化muplayer用来初始化这个网站的播放器
------------------------------------完结--------------------------------------------
CSS就不多谈了,icon用css sprites整合了起来。
不知道题主所谓的技术菜是指CSS还是JS 还是都菜 = =
个人认为 技术点2、3就够折腾一阵子了,配置环境的痛苦..
btw:如果有用能否让我骗几个赞 QAQ 其实我也不太懂。我插个大蒜装逼一下。
模仿分为两种:
第一种是假模仿,就是把他的面子模仿的一模一样。也就是能以假乱真(哪怕是纯静态的)
第二种是实质的模仿,要做到这一点,可能有点难。


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

This article explains how to embed audio in HTML5 using the <audio> element, including best practices for format selection (MP3, Ogg Vorbis), file optimization, and JavaScript control for playback. It emphasizes using multiple audio f

This article explains how to create and validate HTML5 forms. It details the <form> element, input types (text, email, number, etc.), and attributes (required, pattern, min, max). The advantages of HTML5 forms over older methods, incl

The article discusses using the HTML5 Page Visibility API to detect page visibility, improve user experience, and optimize resource usage. Key aspects include pausing media, reducing CPU load, and managing analytics based on visibility changes.

The article discusses using viewport meta tags to control page scaling on mobile devices, focusing on settings like width and initial-scale for optimal responsiveness and performance.Character count: 159

The article discusses managing user location privacy and permissions using the Geolocation API, emphasizing best practices for requesting permissions, ensuring data security, and complying with privacy laws.

This article details creating interactive HTML5 games using JavaScript. It covers game design, HTML structure, CSS styling, JavaScript logic (including event handling and animation), and audio integration. Essential JavaScript libraries (Phaser, Pi

The article explains how to use the HTML5 Drag and Drop API to create interactive user interfaces, detailing steps to make elements draggable, handle key events, and enhance user experience with custom feedback. It also discusses common pitfalls to a

This article explains the HTML5 WebSockets API for real-time, bidirectional client-server communication. It details client-side (JavaScript) and server-side (Python/Flask) implementations, addressing challenges like scalability, state management, an
