前言

项目暂时告一段落,胸中有股炽热之气望喷涌而出!忍不住吐槽,为什么程序员要加班啊,为什么产品下达deadline,就得把这生死剑架在程序员的脖子上.卧槽,听说程序员在国外是叫工程师的.最近看了很多乱七八糟的文章,有人说真正牛逼的人从不加班,不聪明却勤奋的人是公司加班文化的始作俑者.这种人就该从公司中被排除.卧槽,第一次听说这种观点.那不是我也该被排除咯?粗心大意,脑子不好使,也非我愿.可是到底有什么办法能不加班呢?不是说好的每天工作8小时,幸福生活一辈子么,不知道现在大家在急什么.每天都有做不完的工作,如果你还想抽空学习提升,那你几乎就没有别的生活时间了,除了工作.似乎所有的一切都是求快.欲速则不达,慢工出细活.总觉得古人说的话是很有道理的.我有时候在想,我能拒绝一些工作么.哈哈,说不定就被炒鱿鱼了.可是,就算真的被炒鱿鱼了,又怎么样呢?我估计很多人和我一样没有继续往下想.生命应该是广阔的!

  吐槽归吐糟,"工程师"之路任重而道远.看不清前路就做好现在.我看到有句话说得很好,现在这个时代,大多数人都是去接受信息,听别人怎么说.信息太多了,时间久了,或许也就忘了自己的声音.我们需要感激与保护自己的每一点进步与改变,所以我重拾了以前放弃的写博客.不求有多少人看,只求内心舒坦.

功能点分析

有人说,优秀的程序员会去关注业务,关注产品策略而不仅仅是去实现某个功能.鄙人部分赞同吧,确实一个优秀的程序员应该能从逻辑上与别人交流,而不是仅仅代码实现.这里我就简单画了一下我的想法,不过貌似看起来多数还是技术细节上的东西.说明鄙人是一只菜鸟,哈哈.愿做一只向上飞的菜鸟.

  图中我更多的是从技术实现的角度上来看待用户体验.web端的用户体验,我把兼容性放在一个很大的位置.,我认为几乎全是兼容性的问题.

  一部分是css,js的标准支持情况,一部分是性能问题,这里主要是指安卓机器的参差不齐,渲染能力太差.稍微复杂点就容易卡顿.所以向下兼容的方案是很重要的.

产品的思考

那么从产品角度来思考用户体验呢,现在是个人都在强调用户体验,用户至上.然而对于程序员来说往往都只有一个模糊的概念,我们过于关注技术,专注于具体的技术实现.却容易忽视我们的技术付出是否是值得的.在一个项目中,程序员应该要有产品意识,这样我们才能与pm与ue合理的沟通,保证我们的技术付出是有意义的.

根据这一张图,我们可以发现第一张图更多的是从实现层和框架层来考虑的。为了能更好的和pm和ue撕逼,我们也得加强在产品的需求甚至是战略上的理解。

技术分析

这一部分我放在了另外的2篇文章。

高斯滤镜效果解析

html5 audio总结

总结

虽然这段时间很累,但也确实是学到一些东西。路漫漫其修远兮,多下苦功,多思考。

参考资料:

  用户体验五要素

web音乐播放器总结的更多相关文章

  1. web音乐播放器

    今天闲暇时间,花了2小时,写了个简单音乐播放器.欢迎大家来吐糟 先看下界面截图 大体实现:播放,停止,上一曲,下一曲,循环播放功能. 知识点:1.html 中audio 2.css 位置fixed 其 ...

  2. 基于vue的移动端web音乐播放器

    声明 以下只是学习完慕课网huangyi老师实战视频课程的笔记内容,仅供个人参考学习使用.如果对Vue2.0实战高级-开发移动端音乐WebApp感兴趣的话,请移步这里:https://coding.i ...

  3. 网页播放音频、视频文件——基于web的html 5的音乐播放器(转载)

    文章转载自:开源中国社区 [http://www.oschina.net] 想通过手机客户端(支持 Android.iPhone 和 Windows Phone)访问开源中国:请点这里 HTML5 是 ...

  4. HTML5的Audio标签打造WEB音频播放器

    目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件.而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览 ...

  5. Dewplayer 音乐播放器

    Dewplayer 是一款用于 Web 的轻量级 Flash 音乐播放器.提供有多种样式选择,支持播放列表,并可以通过 JavaScript 接口来控制播放器. 注意事项: 该播放器只支持 mp3 格 ...

  6. 【竞品分析】Android音乐播放器的竞品分析

    迄今为止最长的一篇博客,各位看官笑纳~~ 本次分析基于Android平台,选取了几款我体验过的播放器进行比较分析.主要分为两类,一类是大而全的,功能全面,可满足用户管理歌曲.导入导出歌单等多方面需求, ...

  7. 4个小时实现一个HTML5音乐播放器

    技术点:ES6+Webpack+HTML5 Audio+Sass 这里,我们将一步步的学到如何从零去实现一个H5音乐播放器. 首先来看一下最终的实现效果:Demo链接 接下来就步入正题: 要做一个音乐 ...

  8. swift3.0 简单直播和简单网络音乐播放器

    本项目采用swift3.0所写,适配iOS9.0+,所有界面均采用代码布局. 第一个tab写的是简单直播,传统MVC模式,第二个tab写的是简单网络音乐播放器.传说MVVM模式(至于血统是否纯正我就不 ...

  9. HTML5项目笔记4:使用Audio API设计绚丽的HTML5音乐播放器

    HTML5 有两个很炫的元素,就是Audio和 Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用. 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道 ...

随机推荐

  1. 从I/O复用谈epoll为什么高效

    上一篇文章中,谈了一些网络编程的基本概念.在现实使用中,用的最多的就是I/O复用了,无非就是select,poll,epoll 很多人提到网络就说epoll,认为epoll效率是最高的.单纯的这么认为 ...

  2. Js new到底发生了什么

    在Js中,我们使用了new关键字来进行实例化 那么在这个new的过程中到底发生了什么? 关于构造函数的return 正常来讲构造函数中是不用写return语句的,因为它会默认返回新创建的对象. 但是, ...

  3. 记一个mvn奇怪错误: Archive for required library: 'D:/mvn/repos/junit/junit/3.8.1/junit-3.8.1.jar' in project 'xxx' cannot be read or is not a valid ZIP file

    我的maven 项目有一个红色感叹号, 而且Problems 存在 errors : Description Resource Path Location Type Archive for requi ...

  4. CSS HTML元素布局及Display属性

    本篇文章主要介绍HTML的内联元素.块级元素的分类与布局,以及dispaly属性对布局的影响. 目录 1. HTML 元素分类:介绍内联元素.块级元素的分类. 2. HTML 元素布局:介绍内联元素. ...

  5. (JS+CSS)实现图片放大效果

    代码很简单,在这里就不过多阐述,先上示例图: 实现过程: html部分代码很简单 <div id="outer"> <p>点击图片</p> &l ...

  6. MySQL数据库和InnoDB存储引擎文件

    参数文件 当MySQL示例启动时,数据库会先去读一个配置参数文件,用来寻找数据库的各种文件所在位置以及指定某些初始化参数,这些参数通常定义了某种内存结构有多大等.在默认情况下,MySQL实例会按照一定 ...

  7. JS图片上传预览插件制作(兼容到IE6)

    其实,图片预览功能非常地常见.很意外,之前遇到上传图片的时候都不需要预览,也一直没有去实现过.现在手上的项目又需要有图片预览功能,所以就动手做了一个小插件.在此分享一下思路. 一.实现图片预览的一些方 ...

  8. JavaScript求两个数字之间所有数字的和

    这是在fcc上的中级算法中的第一题,拉出来的原因并不是因为有什么好说的,而是我刚看时以为是求两个数字的和, 很显然错了.我感觉自己的文字理解能力被严重鄙视了- -.故拉出来折腾折腾. 要求: 给你一个 ...

  9. HTML5笔记2——HTML5音/视频标签详解

    音视频的发展史 早期:<embed>+<object>+文件 问题:不是所有浏览器都支持,而且embed不是标准. 现状:Realplay.window media.Quick ...

  10. document.compatMode

    在我电脑屏幕上显示的 电脑是 1920*1080这是在document.compatMode:css1Compat模式 window.screen.availWidth 1920 window.scr ...