当前位置:首页 » 网页前端 » 前端评论回复功能模仿哔哩哔哩
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端评论回复功能模仿哔哩哔哩

发布时间: 2023-01-21 18:27:05

前端学习模仿别人的网站算不算项目经验

<不算/strong>
所谓的项目经验就是你实际参与一个项目,能展示你目前所具有的全部能力的项目。
所谓的web前端开发是相对概念,是相对网站后端开发而言的。凡是通过浏览器到用户端计算机系统的行为,都需要用到前端技术,相反存贮于服务器端的统称为后端技术。
一般说,项目是指,商业项目或者开源项目,你直接做的一些demo什么的,一般是不算的。
没有项目经验的人,对流程,工具,管理,沟通,配合等等都不知道,而且确实项目经验,那对实际开发中会遇到的突发问题,实际会遇到的坑都不清楚。
很多东西必须经历的才知道,比如支付的坑,用户体验上的坑,采用技术栈的坑。

❷ #WEB前端开发#会一些静态页面布局,javascript可还行,但是简历投出去都没有收到回复,想

你现在的水平,还是处于入门级别的,企业是不会要的。现在市场需要的是专业的开发工程师,不是基本的入门工程师。所以你要了解目前专业的开发工程师的技术要求才行。

首先,成为一名成熟的开发者,首先必是一位有基础的开发。

所以最基本的一些HTML、CSS、JavaScript这些基础的语法,就不详细说了。

扎实的JavaScript基础

在前端开发里,最讲究的还是在JS里,基础的语法,能运用很简单。

但是说成熟开发,那必然是对JavaScript是熟练掌握和有深入的理解了。说到要熟练掌握JavaScript,那必然是要掌握闭包,ES678,原型链,这一系列的了。你说你JS还行,那就基本企业就看不上了

你会提出成熟,是因为想给自己一个标准,但是做技术工作,最重要还是市场的标准。

前端技术是日新月异的,基本每年都是会有新的概念,新的架构,新的应用产品,新的交互体检。这些都是有不确定性的。

做技术没有真正的成熟可言,更多的还是不断学习,持续进步。

把技术不断做到专,做到精,才能在当前时代成为“成熟”。

❸ 哔哩哔哩App改进设计

哔哩哔哩(B站)创立已有十年的时间,从一个小众亚文化视频交流网站成长为了中国最活跃的UGC视频平台。在这十年间,B站扩充了很多新的内容和服务,不断扩大自己的体量,也吸纳了很多新的用户,但是也不可避免地使系统变得有些臃肿和复杂。本文希望通过对B站App的视频观看路径和社交模块的改进设计,来改善用户与视频之间,用户与用户之间的连接关系,帮助用户更方便快捷地找到感兴趣的内容和志趣相投的其他用户,提升用户的整体使用体验。

B站内容和服务的扩充使前端所展示的信息成倍增加,内容体系的层级也越来越复杂,这就造成了用户需要花费更多的时间和精力去找到他们想看的视频。所以为了能改善用户寻找视频的体验,就必须对视频观看路径做出优化。

在改进视频观看路径前,先需要了解目前App版视频内容的组织形式,共分为以下两种:

(1)分区:App版将站内所有的内容和服务分入了30个分区,其中包含视频内容的分区共计有19个(属于动态的小视频未被纳入视频内容的范畴)。这些分区内一般又下设多个子分区,将视频内容进一步细分。

(2)频道:App版特有的分类方式,源于视频标签。up主在上传视频的时候会根据视频内容所涉及的主题或元素来为视频添加标签,App版将这些标签转化为频道。基本上所有的一级和二级分区都有同名标签,所以分区和子分区同时也是频道。

用户可以订阅他感兴趣的频道,这些频道就会出现在他的订阅列表中,用户可以进入频道查看近期热门视频,最新投稿视频和最多播放(近30天)视频。一些投稿数较多的热门频道还会有官方筛选出的具有代表性的精选视频。

用户寻找视频的场景大致可以归为以下4类:

场景1 :有明确目标内容(即想要看某一内容的视频),用户的获取路径有以下两种:

场景2 :有模糊的目标内容(即想要看某一类型或主题的视频),用户的获取路径如下:

场景3 :没有目标内容(即不知道想要看什么视频),用户的获取路径如下:

场景4 :在观看完一个视频后,用户寻找下一个视频的路径如下:

(1)收藏和稍后观看的入口过深:用户通过收藏和稍后观看(有时还包括历史)来观看他们没有看完或想再看的视频,这是一个高频场景。但是目前App版中的收藏和稍后观看的入口都比较深,需要先进入我的页面,再点击个人中心栏中的我的收藏或稍后观看,才能进入收藏列表或稍后观看列表,在收藏列表中还需要选择某个收藏夹才能到达收藏视频列表。用户需要进行2-3步操作才能获取他们想要看的视频,而且每一步操作都要打开一个新的页面,从用户的角度来看这是非常繁琐的。

解决方案 :在网页版中,收藏和稍后观看的入口在首页顶部,打开网页就能看到,当鼠标悬停在标签上的时候就会显示下拉的视频列表。在最新版本中,稍后观看被并入收藏,同时下拉的视频列表可以直接显示全部收藏夹以及各收藏夹前20个视频。这样用户基本上无需进入收藏页面去寻找视频,大大简化了操作。这一思路同样可以运用到App版中,将收藏入口调整到首页的导航栏中,具体的设计原型如下:

(2)移除不感兴趣视频的操作不简便:B站的推荐算法相比于YouTube还有一定差距,这就导致首页推荐的视频并不都是用户感兴趣的视频,而且用户无法快捷地移除他们不感兴趣的视频。目前的操作是点击视频右下角的纵向省略号或者长按视频,弹出选项卡,在选项卡中选择“不感兴趣”来移除。繁琐的操作使得用户即使碰到自己不感兴趣的视频也不愿意手动移除,这样既不利于B站推荐算法的优化,也容易使用户在浏览中累积挫败感。实际上比起感兴趣的视频,用户更希望尽可能少地看到自己讨厌的内容,重复看到讨厌的视频很容易使用户脱离推荐视频流,从而缩短了在App内的停留时间。

解决方案 :目前推荐页的默认设置是双列显示视频,这样虽然能在页面内同时显示更多的视频,也贴近网站版的呈现方式,但实际上用户在向下浏览的过程中需要不断左右移动眼球,不利于用户长时间的浏览,而且从其他主流视频App的设计来看,单列视频流显示更适合移动端的场景。同时单列显示还有利于简化移除不感兴趣视频的操作,具体方法是将视频向左滑动,视频会从左侧直接移出屏幕,仅需一步操作就可以移除不感兴趣的视频,对用户来说非常便捷,移除的过程也十分爽快,让用户可以及时排遣因看到不感兴趣视频所产生的不满情绪。

(3)分区页面无法有效引导:分区是一种很好的内容组织形式,但却并不是一种高效的内容表达形式,特别是在App版中问题更加突出。 由于页面大小的限制,App版无法像网页版一样在首页将视频按分区展示出来,所以只能做成分区列表将分区的入口集中在一个页面内。但是目前分区页面有两大问题,一是分区入口过多且层级混乱,在一个页面上有30个分区入口,除了15个一级视频分区外,还有像VLOG,纪录片,电影和电视剧这样的二级分区,以及非视频类的漫画,专栏,直播,音频,话题中心等分区。这些繁杂的分区入口需要用户花时间浏览和思考,大大提高了用户进入分区的门槛,对于不熟悉B站的新用户来说,这种展示方式更是让他们对分区望而却步。

解决方案 :一般来说,用户只对特定的几个分区感兴趣,在网页版中用户也可以自由地更改分区的排序,将自己喜欢的分区排到靠前的位置。同理在App版中没有必要将所有分区同时展现给用户,只需要让用户优先看到自己喜欢的分区即可。同时分区的部分视频应该像频道一样直接展示在入口页面,一方面用户如果对这些展示视频感兴趣就可以直接点击观看,而不用进入分区,另一方面这些展示视频也起了引导作用,提升了用户进入分区的意愿。根据网页版经验,用户对分区最关注的内容就是排行榜,而且在App版中用户找到分区排行榜的路径并不便捷,所以可将排行榜作为展示视频放在分区入口页面,具体的设计原型如下:

对收藏,推荐流和分区的改进设计缩短了用户的视频观看路径,让用户能够更快更方便地找到想看的视频,从而提升用户的使用体验。

B站CEO陈睿认为B站的核心功能有两个,一是看视频,二是兴趣社区。由于B站的ACG属性,使热爱ACG的用户聚集到B站,形成一种社区氛围和社区文化。这种社区文化主要体现在弹幕和评论区中,不过弹幕和评论区都是以视频为中心,用户因为视频而聚集形成社区,但是离开视频后这些用户并没有其他能够聚集的地方。而且目前的社区结构是星型结构,以视频为中心,用户与视频主题或up主进行直接交流,用户与用户之间较难形成直接有效的交流。

在看视频这一功能上B站已经做得很成熟了,而兴趣社区的建设还有待完善,而一旦这个兴趣社区建设成功,对于B站扩大用户群体,提升用户黏性,实现商业闭环会有巨大帮助,所以这将是B站未来发展的重要课题。

B站对社区和社交功能的探索主要有动态和会员购中的圈子(包括手办圈和模型圈)。动态仿照了微博和朋友圈的功能,让用户可以发表自己的想法,感受,以及发布图片,小视频。圈子的设计类似于一个聊天楼,用户发帖盖楼,其他用户可以对帖子点赞和评论,而发帖内容以手办和模型照片为主,对于会员购这样一个购物平台来说,社区的存在提升了用户的黏性,并且让用户接触到了更多的商品信息,有利于刺激购买。

动态给了很多非up主用户表达自己的机会,但是目前来看用户对动态的使用度还比较低。这一方面是由于用户对动态还不是很熟悉,没有养成使用习惯;另一方面也是因为非up主用户本身受关注量极少,即使发布了动态也收不到回应,对于有社交需求的用户来说自然也就不会发动态了。对于第一点,随着时间的推移,使用动态的人会慢慢多起来的;但对于第二点,实际上是很难解决的,因为微博推特这类的产品本质上是为了传播信息的,信息由KOL产生,普通用户关注KOL是为了接收他们的信息,再通过转发将信息传递出去。而用户与用户之间的互动实际上是很少的,即使有互动也基本上是相互认识的人之间。

B站的动态可以切割掉微博在ACG领域的细分市场,将ACG圈的信息生产者引到B站来分布他们的信息。但要形成一个用户与用户之间能够相互交流的兴趣社区,是动态所做不到的,必须要引入社区的功能。目前主流的社区类产品有网络贴吧,豆瓣小组和虎扑社区,这些产品各有自身的优势和问题:

(1)网络贴吧:社区种类齐全,几乎所有的话题都有相应的社区,且各社区之间相互独立,容易形成自身风格。但是由于贴吧并没有持续优化产品,加上自治管理导致的低质内容泛滥,使用户持续流失,很多曾经活跃的贴吧现在都失去了讨论热度。

(2)豆瓣小组:界面简洁易用,小组这种社区相比于贴吧更加细化和小众,其设计初衷也是为了让用户对自己感兴趣的东西随时讨论。但这带来的问题是用户极为分散,小组中有能力持续产生优质内容和讨论的用户也少,这使得小组的活跃度不高,用户自然也就非常容易流失。

(3)虎扑社区:虎扑社区虽然也做垂直细分,但是细分的颗粒度是比较大的,使用户更容易聚集起来,提升了内容数量和用户活跃度。同时设立步行街这样的泛讨论社区,打破用户群体之间的孤岛效应,使优质内容持续产生。但是对于一些相对小众的兴趣内容(包括ACG内容),在虎扑的讨论度是偏低的,很难准确找到同好来进行讨论。

B站兴趣社区的设计可以借鉴上述产品的优势,并且对这些产品中的问题做出改进。

社区有两个关键因素:内容和用户量。这两个因素之间相互影响,相辅相成,共同决定了社区能否做好。用户基数多,能产生内容的用户也就多,用户之间的交流讨论也更活跃,从而使优质内容和讨论能够持续频繁地产生,反过来这些优质内容又会吸引更多用户进来,扩大用户基数,形成一个正向循环。基于对这两个关键因素的把握,设计了产品的功能结构和信息架构,以原型图的形式呈现出来。

为了解决流量集中于某些热门帖子和发帖人,而小帖子没人点击和参与回复的问题,在常规社区功能外,新设计了一项为帖子添加硬币的功能,拥有以下特征:

(1)发帖人可以向自己的帖子添加1-2枚硬币,有硬币的帖子即使没有很多回复和点赞也会进入热门列表,被更多用户看到。

(2)在帖子发布24小时后,硬币会给予被点赞数最多的回帖人(如果有多个回帖点赞数相同,则给予最早的那个回帖人)。用户不能对自己的回帖点赞,如果24小时后没有一个回帖收到的点赞数超过1,则硬币自动退还给发帖人。

(3)为防止所有帖子为了获得更多的曝光率都带上硬币(踮脚效应),规定用户每天只能发布一个添加硬币的帖子。

硬币是B站特有的一种机制,它不仅可以用在视频推荐上,还可以用在社区激励上。通过硬币激励用户关注非热门帖子,让流量不过分集中,更均衡地分布在整个社区中。对于增加用户间交流,提升社区活跃度等方面都会有很大帮助。

兴趣社区被置于动态模块内,暂命名为“闲聊”,社区被称为闲聊组。该页面可以搜索闲聊组,查看已关注的闲聊组,调整显示在页面的闲聊组的排序。在入口区下方为推荐区,向用户推荐他们可能感兴趣的热门贴,推荐基于用户观看的视频内容,关注的频道和闲聊组。推荐流帮助用户不用搜索就能发现有趣的讨论内容,避免形成信息孤岛。推荐贴的发帖人信息也被所属的闲聊组信息所取代,让用户更加直观方便地对感兴趣的闲聊组加关注。

从入口页面进入某个闲聊组,可以看到闲聊组的基本信息,包括图标、组名、关注人数、组简介和关注状态。组内的帖子默认以热门排序,用户可以选择以最新发布来排序帖子,还可以查看精选贴。每个帖子在标题前会显示是否带有硬币,帖子下方显示该贴子的转发数,回帖数和神评数。神评概念借鉴自虎扑的亮评,即点赞高的热门回复,暂设上限为20条。神评数使得用户在不点开帖子的情况下就能知道帖子内是否有有意思的回复,设置数量上限会让用户更愿意看完这些被选出的神评。该功能本质上缩短了用户与优质回复之间的距离,也激励回帖人去创造更有价值有意思的回复内容。

页面向下滑动时,排序标签栏(热门,最新,精选)会被固定在页面顶部,用户可以随时切换排序方式来查看帖子。页面右下角有两个按钮,分别是刷新按钮和发帖按钮。

点击发帖按钮进入发帖页面,首先必须输入帖子标题,帖子内容可以输入文字,照片,视频和投票,还可以向帖子添加硬币(最多两个)。

在闲聊组页面点击任一帖子所在的区域就能进入该贴子的页面,可以查看帖子的正文内容和图片,视频以及投票内容。在帖子下方是回帖区,默认以热门排序回帖,也可以切换到最新回复排序,还可以只查看楼主的回帖。在页面底部有转发和收藏按钮,点击可以转发或收藏该帖子。按钮旁是回复框,点击可以写回帖。

页面向下滑动到回帖区时,排序标签栏(热门,最新,楼主)会被固定在页面顶部,用户可以随时切换排序方式来查看回帖。

点击帖子页面底部的回复框会弹出编写回帖页面,可以直接输入文字内容,并且还可以添加表情和图片进行回复。

点击某个回帖所在的区域就会弹出回复框,可以对该回帖进行回复。

对回帖的回复不会直接显示在帖子页面,点击回帖内容下方的“查看XX条回复”可进入回复详情页面,对该回帖的回复会以时间顺序由早到晚排序,这些回复被称为子回帖。点击某个子回帖可以对它进行回复,用户之间的对话可以通过点击子回帖下的“查看对话”来查看。

以上是兴趣社区“闲聊组”的原型设计。这个社区可以为B站广大泛ACG用户提供交流讨论的平台,让他们在消费内容(视频,漫画,游戏)之后无需到其他平台即可实现自由的交流。让非up主用户能有更多的参与感,这对于增加用户使用时长,提升用户黏性,促进用户内容消费都将有很大的帮助。

互联网的本质就是增加人与人和人与信息之间的带宽,让人与人的交流和信息的传递更加快捷流畅。本文对于哔哩哔哩App的改进设计遵循了这一理念,使用户与信息(即视频内容)和用户与用户(即社区)之间的带宽增加,用户能更方便地找到有价值的内容,也让用户与用户之间的联系能够更加紧密。

❹ 哔哩哔哩手抄报

❺ java/jsp 帖子评论的回复功能如何实现

回复时,送回帖子的ID,回复的内容等信息,在DB里面建立一条和原帖子相关的回复/评论了。

❻ asp的评论回复功能前端面板和代码如何操作求解(急)

前端做一个回复文本框,数据库找到文章的ID 然后数据库中设计一个表 留言ID和文章ID一致就可以。
当然这些说的是思路,具体操作还要自己有基础才行!

❼ B站视频怎样可以上首页推荐

刚开始制作视频B站up都会很关注自己视频的播放量,毕竟辛辛苦苦制作出来的作品还是希望更多的人能看到。播放量不仅是衡量视频价值,也是用户粘性的重要标准,播放量高说明用户关注度高,那么如何有效地提高B站视频的播放量?可以刷B站播放量吗?

标题新颖

无论是主动推动的图视频,还是别人转发的图视频,基本上第一眼只能看到标题。观察很多爆视频的特点,我们不难发现,爆视频都有一个共同的特征,那就是标题足够新颖,足够吸引人!只要标题制作得好,视频已经成功了一半,当然不一定是需要你做标题党。

标题虽说要吸引人,但是也不能脱离视频主题,就用需要制作的内容主题作为视频标题,一目了然!这样也能起到直接筛选用户群体的作用,使其成为有效流量,增加用户的转发和分享几率。

精简排版

B站视频的排版也至关重要,视频内容尽量采用列表清单模式,让用户能够马上获取到有用信息。

视频要注意分段,一般自媒体视频三到四句就要分段,视频的重点以及你希望读者看到的部分适当的加粗、加色,层次分明,使视频具有可读性,然后配出与视频内容相符、好看美观的图片,这样可以提升视频的档次。

考虑你的视频定位群体对象是谁?考虑粉丝喜欢什么内容,内容定位比涨粉重要,做好内容等于做好推广。

独一无二的内容,具有稀缺价值的内容,具有争议性的内容远比思考如何获取粉丝重要。稀缺价值的内容能引发用户分享收藏,争议性的内容会引发用户激烈参与,独一无二的内容会引发用户持续关注。

封面图片(一张引人眼球的美图)

大图片建议尺寸:360像素 * 200像素,比例失调或过大或小都会造成图片上传的时候被压缩变形。什么样的首图点击率会更高呢,大家可以自己多关注几个B站,看看哪些图片你自己也会引不住点击。

提高用户粘度

提高用户黏度,必然能够提高视频播放率。要提高用户黏度需从以下几个方面着手:

1.加强B站与用户之间的交流。

2.自动回复。B站平台中的关键词自动回复功能,一定程度上能够提高用户黏度,增强互动。

3.评论回复功能。视频的读者留言可以挑选一些好的评论进行回复,拉近与粉丝之间的距离。

把握推送时间

在不同的时间内推送B站视频给您的B站粉丝,一般来说,移动用户活跃的时间段集中在晚上。

其次,在选择一个用户活跃时间段内发送B站视频的同时,需要将推送视频的时间固定在这个时间点,不要有较大的变动。这样不仅把握住了活跃时间点,也逐渐重塑了粉丝在同一时间段内的播放习惯。

紧跟热点,做好热点营销

热点营销其实就是一种借势营销,是指企业及时地抓住广受关注的社会新闻丶事件以及人物的明星效应等,结合企业或产品在传播上达到一定高度而展开的一系列相关活动。

做好推广,宣传引流

单靠B站还是比较封闭的,我们必须借助外力才能增加点击量。

1.引流可以从其他平台引流,比如知乎,,今日头条等平台。在这些平台制作视频,可在视频末结尾处制作上“查看更多精彩内容,可关注B站:xxxx”,这样就把流量引到B站上,播放量自然而然就提高了。

2.哔哩哔哩,B站群转发把视频分享到你的哔哩哔哩,B站群,提升曝光度才能有效提高播放量。这两个渠道一定要合理利用起来,不要不好意思分享自己的视频出去,只要内容制作的还不错的话,往往很多人还会主动去转发分享。

3.适当的做一些维护,找运营推广的团队维护一些B站播放量、点赞收藏分享弹幕等数据,提高视频权重,有助于上首页推荐。

制作好一篇B站哔哩哔哩视频,只要抓住以上所说的内容,做好每一个细节,刷B站播放量并不是唯一选项,相信做好一个B站就不是很难的问题了

❽ java该如何学习

一、爱好

这个是动力,如果你不爱Java,不爱计算机,而是喜爱游戏,娱乐或者其他的,你不适合做程序员。

如果你能在电脑前,一坐就是4-5个小时,你能为了学习而阅读英文的资料,那么你至少对编程是热爱的,具备了程序员的潜质。

二、学会取舍,用到什么就学什么

编程路上知识点甚多,你能掌握的永远是很少的一部分,新的技术不断出现,你难道能跟上? 相反,编程思想却是相对稳定的。

对于新手,到书店找一本入门的书,用最快的速度读一遍,不要超过3天。 记住,你不需要理解,因为你理解不了,你只需要对那些东西有个大概的意识,噢噢噢,好像有那么几页有这个东西,能达到这个效果就非常不错了。 千万不要一开始从第一章就仔细的看,那没用。

看完之后,找你最感兴趣的部分看,如果看不懂哪些内容,就去翻其他部分,然后马上返回。这部分看懂后,马上开机训练。

正确填写下方表单,免费领取web导学课,助你学技能

姓名
手机
提交

对于已经有经验的人,新知识你可以看看他的介绍,Release Note 或者一些评论性文章,然后看看自己手头有没有合适的工作可以用到,如果用不到,停止继续研究,如果能用到,则深入的看一遍他的文档,方法和前面一样,不能太细。 看完后,如果能运用,则开机尝试,并仔细的阅读即将使用到的部分。

Java 入门

入门书差不多!不要太细的看。

换一本,加深印象

回家,电脑上实践,或者找电子版的书!

三、技术服从于业务

技术是用来解决问题的,而不是用来炫耀的。当技术与业务有矛盾时,业务永远在第一位。

不要和业务人员过度的讨论(注意不是争吵)技术如何如何? 有什么技术难点无法满足业务需求之类的。

技术人员可以做出自认为很好的东西,但不一定能卖的出去。世界已经不再是【好酒不怕巷子深】的年代了。除非你真的有强的专利技术。

四、认识自己

不是每个人都能做到CTO,CEO的,金字塔的顶部的空间是很少的。由于家庭环境和个人性格不同,而高层领导的强项并不是在技术,而是在沟通和管理。也许你不服,也许你不甘心,但事实如此,只有付出更多的努力,才有可能往塔尖靠近,注意是有可能,不是一定。



十、先学做人,后学做事

大家放眼望去会发现:大凡成功者,在谈到成功时,很少谈“做事”,而都在讲“做人”。因为不会做人,就不会做事,就会走上无为的一生,或走上大起大落坎坷艰难的不归之路。

一网友抱怨,技术总监用老掉牙的技术和思想指挥一个上千万的项目,他想按照规范来做,结果和总监发生争吵和冲突。 最后被总监提出,你辞职吧。

下面是我回复的内容,有点刻薄。

奉劝你一句,你有什么资格和你的直属最高领导吵架?????

1. 意见不和,可以私下提,不要当面顶撞,这无济于事。如果我是老板,我也开除你。

2. 技术要服从于业务,如果你总是对的,你为何不自己做老板?你能拉来几千万的项目?

3. 既然大家谈不拢,和平离开就可以了。我估你们没有个人恩怨。不过目前好像有了。

我以前也和你一样,自己认为都是对的,可实际呢? 没有我们,地球照样转,人家几千万的项目照样做。

当你做老板,你的手下人每天都顶撞你时,你也会这么做。 历史上刚直不阿的人,大多是悲惨的下场。

社会就是这样,理想和现实是有差距的。