![240](https://upload.jianshu.io/users/upload_avatars/12443018/e21a9ab7-a68e-49ec-b0d4-dc3375d449c4.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
ECMAScript 6 中新增了 let 命令来声明变量,它的用法类似于 var,但是 let 所声明的变量,只在 let 命令所在的代码块内有效。而 var 声明可以...
scroll-view 在实现一个内部可以滑动的组件时,参考文档使用 scroll-view 组件来实现。scroll-view 的基础代码很简单但写完后却怎么也不能使用...
Refs 在一般情况下,props 是父组件与子组件交互的唯一方式-传入新的 props 来重新渲染子组件。 但 Refs 提供了访问在 render 方法中创建的 D...
事件处理 React 中事件绑定属性的命名采用驼峰命名,且采用了 JSX 语法的时候需要传递一个函数作为时间处理函数(非一般DOM写法中的函数名-字符串);在 React...
React 的生命周期 React组件 的生命周期大致可分成四个状态: - Mounting:装配-组件实例被创建和插入 DOM时调用 - Updating:更新-组...
安装 React依赖于react、react-dom这两个包。生成React项目可以通过包管理工具(如npm)导入react、react-dom包来创建[1];也可以通过...
实现上一曲、下一曲 现在,为音乐列表设置切换到上一曲和切换到下一曲的功能;在页面中会用到该功能的部分为上一曲按钮、下一曲按钮、音乐结束时自动切换到下一曲。 在播放列表的...
音乐结束响应 控制单元在音乐媒体文件媒体文件结束播放后并未响应其播放结束事件而在继续的执行之前的行为(作为参数的当前时间 currentTime 不会改变了才使得一直维持...
实现进度条 使用一个 设置样式来作为进度条的导轨;在其内部使用两个 分别设置样式来作为当前播放时间所占的进度条和其头部的拖拽点。 通过音乐媒体文件的 curre...
基础 HTML5 提供了 标签来实现了前端对音乐媒体的原生支持,并且也提供了支持 JavaScript 操作 对象的方法。使得前端不在需要类似于 Flash 的其...
介绍: 当一个元素有多个相互冲突的CSS属性声明时,只有优先级最高的的CSS属性声明会被应用;以此,CSS的优先级一般对只有一个CSS属性声明的元素没意义。元素的多个相互...
介绍与原理 CSS-Sprite 为将多张图片(一般为小的图标)拼合在一张大的图片中(可以通过减少http请求数来加快网页的加载速度),通过每一个小块元素的 backgr...
介绍与原理 图片点击放大为点击图片时,页面弹出该图片的大图。这样可以在布局时使用缩略图,而当用户需要查看大图时在点击图片来查看原图(大图),这样也能一定程度上起到节约流量...
背景和原理 浏览器在解析网页时会解析整个HTML代码,一般情况下,浏览器会请求其中所有的图片并把它们都下载下来(虽然并不会阻塞后续的渲染),但当图片很多而网络速度不够快时...