5.8w+
社区成员
知乎首页界面 推荐关注热榜切换
最近在写一个Asp.Net mvc论坛的毕业设计，想实现首页内容的动态刷新,考虑到上面导航栏实现效果是通过a标签实现每一个选项一个页面，但是观察到知乎首页的热搜、关注、推荐 三个板块的切换并没有 页面的重新加载，但是路径进行了切换，想问一下这种效果如何实现，或者有什么好的思路
...全文
请发表友善的回复…
发表回复
ziqi0716 04-28
其实前端项目有很多现成的方案，建议前后端分离下先。
前端可以分成多个组件，整体框架一个TabTable，Header内容来区分大类。
每个TabItem内容都是一个List，List的Item样式再定义一下，如标题，内容简介，缩略图等部分。
数据获取及刷新可以使用ajax或者二次封装的库来实现（axios等），获取到数据刷新组件内容，通常使用mvvm框架的绑定机制，数据刷新，UI自动刷新。
这个思路可以用vue，angular等来实现，还可以借助下Element-UI等库。
晨易夕 04-28
你也可以试一下单页应用啊，都是一个页面，路径变了是框架的路由管理起作用。
hztltgg 04-28
是有点奇怪，一般的前端框架，用a链接的#来区分加载的内容，#是对自己页面的链接，不会刷新页面。 这个直接用网址来做，一般是前端框架对href内容进行拦截处理的，具体不知道他们用什么框架。
极客诗人 04-28
1.js异步加载
2.弄成多个区域，全部加载后，控制显示区域和内容
楠小南 04-28
单页面程序，你可以参考一下 ASP.NET Core Blazor 框架，他就是一个单页面
不胖到130不改名字 04-28
<nav class="TopstoryTabs Topstory-tabs"><a aria-controls="Topstory-recommend" class="TopstoryTabs-link Topstory-tabsLink" data-za-detail-view-id="9122" data-za-extra="{"button":{"text":"推荐"}}" href="/">推荐</a><a aria-controls="Topstory-follow" class="TopstoryTabs-link Topstory-tabsLink" data-za-detail-view-id="9122" data-za-extra="{"button":{"text":"关注"}}" href="/follow">关注</a><a aria-controls="Topstory-hot" class="TopstoryTabs-link Topstory-tabsLink is-active" data-za-detail-view-id="9122" data-za-extra="{"button":{"text":"热榜"}}" href="/hot">热榜</a></nav>
小枝_3 04-27
最简单的直接把三块内容一起载进来，通过CSS控制显示谁不显示谁就ok了[/quote]
但是这个知乎的三个切换，页面没有刷新，但是路径发生了改变，内容也发生了改变，想了解一下大概思路
三楼の郎 04-27
最简单的直接把三块内容一起载进来，通过CSS控制显示谁不显示谁就ok了
小枝_3 04-27
局部刷新吗？
手在键盘敲很轻 04-27
ajax了解一下
微信中的知乎－微信小程序 界面及交互设计来自知乎 Android 版本 工具: 微信 web 开发者工具 数据: 没有开放 API, 所以使用伪造本地数据 功能及使用的组件等 列表式渲染数据 自定义顶部 tabbar 下拉刷新 上拉加载更多 轮播图 等... Setup ...
Django 搭建知乎热榜 API 这些如果没经验，可以先参考别人做好的 API 格式，例如今日热榜开放的 API 中关于知乎网站返回的 API 数据如下： https://www.tophub.fun:8080/GetAllInfoGzip?id=1 { "CreateTime" : "1574040650" , "Desc" : ...
Python：如何通过selenium模拟登陆知乎并爬取实时热榜排名？ 之前通过python爬取了知乎的一下话题下的图片、视频等等内容，但是这些都不需要登录知乎就可以得到，只需要简单的设置好爬虫的请求头，然后分析构造url就OK了，但是想要得到知乎首页的内容，不登录就获取是比较困难...
FragmentAndViewPager实现仿知乎滑动界面布局 仿知乎布局，实现左右滑动进行切换界面，其中界面是使用Fragement，界面滑动使用ViewPager进行实现。 github链接 实现效果 demo中实现了三个界面进行切换，上面有个导航栏可以很好的标注出来在哪个界面。 实现方式 ...
Qt开发之路——界面切换特效 这是一个名为addid的ui界面，大佬使用了一个label来获取整个界面的的大小和图像，然后使用QPropertyAnimation 绑定，使用setDuration设置动画时长为1000ms，使用setStartValue和setEndValue来固定一个矩阵的位置，...
android ui开发知乎,实现知乎app的主界面效果 参考文章：http://www.kwstu.com/ArticleView/kwstu_201408210609378926一、显示效果 二、分析...中间的侧滑加主页是利用DrawLayout控件来实现的。这里使用到ActionBar，为了向下兼容，Activity类需要继承ActionBar...
模仿知乎界面的一个简单React demo 这是一个模仿知乎界面的简单React demo。这个React demo能让你从零开始学习React，并逐渐掌握React。它包括了一个项目从零到项目完成的整个过程。 项目地址：https://github.com/tsrot/react-zhihu 项目预览：...
HTML+CSS制作知乎登录页面 由于没有用上js相关的技术，所以无法做出相应的功能，，只能做出知乎登录页面的用密码登录的界面，不能切换到免密码登录。相关界面的图片如下： 网页上的原图： 我做的： 具体代码如下： 首先要创建一个reset....
科学使用知乎（屏蔽知乎热点，拦截推荐问题，屏蔽关键词） 上知乎本来要搜个什么的，不知不觉就会被热搜中的明星八卦，推荐里的家长里短，成功学迷瞎了双眼，被精神迷幻剂一波波洗脑，浪费无数时间，又觉得对知乎还是无法割舍，感谢Adblock Plus这一神器，继成功屏掉百度热搜...
优化知乎使用体验+完整保存知乎文章、回答 人人都在说着知乎不行了、没落了 却没想到别人隐忍10年，悄悄计划在美国上市了 2021年3月5日，在线问答社区知乎首次向美国证券交易委员会（SEC）提交了IPO（首次公开发行）申请，计划在纽约证券交易所挂牌上市，...
STM32CubeMX系列教程04_STM32CubeMX各窗口界面描述 在这两种选择器之间进行切换，两种选择器界面包含类似。 2.选择器“筛选” 筛选的方式有两种： A.通过输入型号 B.通过条件筛选 3.描述 ·Features： 选中型号MCU/板卡特征 ·Block Diagram： 框图 ...
知乎日报的高仿源码 今日热闻界面的轮播控件 下拉刷新 文章浏览到底部时自动加载更多 标记已读文章 自动缓存文章 夜间模式 依赖的开源项目: Gson Android-Universal-Image-Loader android-async-http 依赖的官方支持包: ...
爬虫实战3：模拟登陆知乎并爬取任意帖子数据 刚学爬虫时，看到一篇文章硬核破解知乎登陆，心潮澎湃，真男人！符合我的胃口！哼哧哼哧的立刻安排！ （半个小时过后） 似乎我是弱智？很多看不懂？（百度乱搜中…）恩还有种简单的？selenium+xpath...
爬虫实战之分布式爬取知乎问答数据 分布式爬取知乎 一、环境 window7 scrapy pycharm redis other PC MySQL 二、简介 之所以选择爬取知乎，一是很多人都在爬，那么一定有它爬取价值的地方；二呢分析后才发现，知乎是一个模拟登录、信息解析...
微信小程序优质demo：知乎；适用1028版本.zip 适用1028版本,- 界面及交互设计来自知乎 Android 版本 - 模拟底部 tab 切换, 顶部 tab 切换, 及信息流和部分一级跳转. 练手项目，软著参考、实际项目框架参考、快速上线，学习实例，开箱即用。适用于实际项目开发...
MFC切换子界面 在Dialog程序中，子界面通常是一些子控件，这些控件在切换的时候通常是隐藏其他，显示要显示的控件来做到的。下面的例子有两个按钮，分别控制两个静态文本的显示（点击按钮1会显示文本1，点击文本2会显示文本2）实现...
zhihuWeChatApp-从零开始一个微信小程序版知乎.zip 微信小程序版知乎首页截图项目描述界面样式设计与交互来自iOS 4.8.0版本知乎App开发工具：微信开发工具数据来源：Easy Mock 模拟数据Easy MockMock.js功能描述首页主要功能及交互搜索页面（结果页面未写详细的样式）...
