前言

项目暂时告一段落,胸中有股炽热之气望喷涌而出!忍不住吐槽,为什么程序员要加班啊,为什么产品下达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. Angular2入门系列教程3-多个组件,主从关系

    上一篇 Angular2项目初体验-编写自己的第一个组件 好了,前面简单介绍了Angular2的基本开发,并且写了一个非常简单的组件,这篇文章我们将要学会编写多个组件并且有主从关系 现在,假设我们要做 ...

  2. 06.SQLServer性能优化之---数据库级日记监控

    汇总篇:http://www.cnblogs.com/dunitian/p/4822808.html#tsql 之前说了一下数据库怎么发邮件:http://www.cnblogs.com/duniti ...

  3. 红黑树——算法导论(15)

    1. 什么是红黑树 (1) 简介     上一篇我们介绍了基本动态集合操作时间复杂度均为O(h)的二叉搜索树.但遗憾的是,只有当二叉搜索树高度较低时,这些集合操作才会较快:即当树的高度较高(甚至一种极 ...

  4. 重撸JS_1

    1.声明 用 var 或 let 声明的未赋初值的变量,值会被设定为undefined(译注:即未定义值,本身也是一个值) 试图访问一个未初始化的变量会导致一个 ReferenceError 异常被抛 ...

  5. 【原】AFNetworking源码阅读(一)

    [原]AFNetworking源码阅读(一) 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 AFNetworking版本:3.0.4 由于我平常并没有经常使用AFNetw ...

  6. 年度巨献-WPF项目开发过程中WPF小知识点汇总(原创+摘抄)

    WPF中Style的使用 Styel在英文中解释为”样式“,在Web开发中,css为层叠样式表,自从.net3.0推出WPF以来,WPF也有样式一说,通过设置样式,使其WPF控件外观更加美化同时减少了 ...

  7. 用神奇的currentColor制作简洁的颜色动画效果

    先上一个兼容性总结图:老版本ie可以直接用复杂方法了,套用某表情包的话:  2016年了,做前端你还考虑兼容IE6?你这简直是自暴自弃! 好了,知道了兼容性,我们可以放心的使用了. 在CSS3中扩展了 ...

  8. UVA, 10336 Rank the Languages

    难点在于:递归函数和输出: #include <iostream> #include <vector> #include <algorithm> #include ...

  9. MyBatis源码分析(二)语句处理器

    StatementHandler 语句处理器,主要负责语句的创建.参数的设置.语句的执行.不负责结果集的处理. Statement prepare(Connection connection, Int ...

  10. JavaScript事件代理和委托(Delegation)

    JavaScript事件代理 首先介绍一下JavaScript的事件代理.事件代理在JS世界中一个非常有用也很有趣的功能.当我们需要对很多元素添加事件的时候,可以通过将事件添加到它们的父节点而将事件委 ...