开放平台(网站)前端开发准备

开放平台(网站)前端开发准备

根据大概记忆开放平台(网站)主要大概有四种页面样式(首页、频道页、播放页、其他页面)

首页可以划分几个功能点进行分块分人开发比如:

  1. 网站的head+搜索框和逻辑(Public)
  2. 网站的footer+返回顶部和二维码逻辑(Public)
  3. 网站的导航(左边栏)(Public)
  4. 网站的主题内容又可以分为几个模块:

1.1          长视频模块 – 兼容各种长视频类型+还有注意html结构以及种子绑定(Public)

1.2          小视频模块(Public)

  1. 焦点图
  2. 登录和注册(Public)
  3. 上传视频(Public)

频道页基本上各种模块的堆积把上面的模块开发好,就会事半功倍

播放页划分功能点:

  1. 面包雪(Public)
  2. 播放器右侧播放列表

1.1          订阅

1.2          Tab(Public)

1.3          滚动条(Public)

  1. 顶踩
  2. 第三方分享和登录(Public)
  3. 评论(Public)
  4. 媒体详细资料
  5. 视频推荐

自适应布局(Public)

网站优雅降级与渐进增强(高级浏览器可以使用css3一些效果,低端浏览只是保证功能和基本样式无问题)

网站的view代码目录也需要整理

 

代码互查,别吝啬指出别人的错误,要欣然接受别人给你说的问题,这样有助于互相进步。

 

 

 

以上都是个人想法,若有问题不胜赐教,谢谢!

时间: 2024-12-05 03:10:41

开放平台(网站)前端开发准备的相关文章

移动平台3G手机网站前端开发布局技巧

本文转载至:移动平台3G手机网站前端开发布局技巧汇总 - 前端开发-武方博 您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相 关的文章,您或许是一名专业的WEB前端工程师,您或许想学习Mobile前端开发方面的技术,如果您被我说中了,呵呵那么这篇文章将为您带来意想不到的 惊喜!当您看到这篇文章时,哥已经默认认为您是一名资深的WEB前端工程师,如果您不是,可能您会遇见许多不理解或听不懂的专业术语或前端技术(包括 WEB.Mobile).但是

移动平台3G手机网站前端开发布局技巧汇总

移动平台3G手机网站前端开发布局技巧汇总 作者:前端开发-武方博   发布:2011-05-10 09:11   分类:移动开发   阅读:120,618 views   7条评论 您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相关的文章,您或许是一名专业的WEB前端工程师,您或许想学习Mobile前端开发方面的技术,如果您被我说中了,呵呵那么这篇文章将为您带来意想不到的惊喜!当您看到这篇文章时,哥已经默认认为您是一名资深的WEB前端工程

对网站前端开发工具和浏览器的介绍

Web 前端开发工具 1.NotePad ① 占用内存小,微软自带,免安装. ② 不方便编辑代码,一次只能打开一个文件. ③ 不可扩展插件,写代码效率低. ④ 对于代码缩进不太友好. ⑤ 通常来说支持基本的纯文字编辑工作.格式不是很好控制. 2.EditPlus ① 小巧但功能强大,占用内存小. ② 颜色标记智能代码提示以及高亮显示. ③ 同时编辑多个文件 ④ 可支持各类丰富的插件. ⑤ 支持代码高亮显示,并且支持多种语言. ⑥ NotePad开源且跨平台. ⑦ 方便编辑代码.可以同时编辑多个文

常用网站--前端开发类+网页设计类+平面素材类+flash类

前端开发类 animate CSS 前端开发网 我爱CSS 大家网 W3School jQuery开发技术详解教程视频 jQuery中文社区 jQueryChina 网页设计类 禅意花园 CSS Downunder CSS Impress CSS New websitelaunchpad wpglobe UI Maker 平面素材类 站酷网 昵图网 书法字体 图萝网 素彩网 三联素材 flash类 牛图库 Pian Tou 68 flash flash 片头之家 jQuery JavaScrip

裴东辉-如何使用新浪微博API开放平台进行程序开发http://www.cnblogs.com/dhsunny/p/3578399.html?utm_source=tuicool&utm_medium=referral

前段时候抓取微博的数据,想着自己使用htmlunit来模拟登陆新浪微博来抓取数据,这两天看了新浪微博的官方API,发现通过新浪微博的官方API 来获取新浪微博信息,更全面,更简单.下面就从注册新浪微博,到在新浪微博开放平台上面完善开发者信息,然后创建应用,从而获取Access Token,最后开发自己的应用程序. 1注册126邮箱 02注册新浪微博 03登陆新浪微博 04登陆新浪开放平台 05查看微博API 06可以看到有获取用户关注的用户信息列表 07打开api测试工具 08创建应用获取Acc

手机网站——前端开发布局技巧汇总

自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备). 开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP:一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者. WebApp与Native App有何区别呢? Native App: 1.开发成本非常大. 一般使用的开发语言为JAVA.C++.Objective-C. 2.更新体验较

移动平台WEB前端开发技巧汇总

您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相关的文章,您或许是一名专业的WEB前端工程师,您或许想学习Mobile前端开发方面的技术,如果您被我说中了,呵呵那么这篇文章将为您带来意想不到的惊喜!当您看到这篇文章时,哥已经默认认为您是一名资深的WEB前端工程师,如果您不是,可能您会遇见许多不理解或听不懂的专业术语或前端技术(包括WEB.Mobile).但是这没有关系,给自己一点信心吧,用心的阅读下去…… 自Iphone和Android这

相亲网站系统建设,手机微信交友平台网站定制开发,婚恋相亲网站制作公司

10几年的技术团队,专业定制交友网站开发,交友平台网站建设,婚恋网站平????台开发建设,可仿百合网,世纪佳缘网,支持电脑版+手机版+微信版+小程序版+APP版,由10年的技术团队专业定制,需要的朋友可以联系我们.网站采用:PHP+MySQL+thinkPHP框架(可定制)系统项目介绍:http://bbs.lvchakeji.com/forum-82-1.html 提供一站式服务:联系QQ:2 3 6 0 2 4 8666(私聊),微信:luenmicro 电话:181-2795-0266 服

交友平台网站定制开发,婚恋相亲网站建设开发源码

专业定制交友网站开发,交友平台网站建设,婚恋网站平????台开发建设,可仿百合网,世纪佳缘网,支持电脑版+手机版+微信版+小程序版+APP版,由10年的技术团队专业定制,需要的朋友可以联系我们.网站采用:PHP+MySQL+thinkPHP框架(可定制)系统项目介绍:http://bbs.lvchakeji.com/forum-82-1.html 提供一站式服务:联系QQ:2 3 6 0 2 4 8666(私聊),微信:luenmicro 电话:181-2795-0266 服务器选择: 服务器购

网站前端开发都需要掌握哪些知识_

作为一名合格的前端开发工程师,应该掌握哪些技术呢? 作为一名过来人,给大家列出了一下前端所与需要的技术: 一:HTML---------超文本标记语言(Hyper?Text?Markup?Language),标准通用标记语言下的一个应用.HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的 二:css-----层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标