5.8w+
社区成员
- 全部
- .NET Framework
- ASP
- Web Services
- .NET互联网桌面应用
- VB
- 图表区
- 分析与设计
- 组件/控件开发
- AppLauncher
- 问答
知乎首页界面 推荐关注热榜切换
最近在写一个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了解一下
慕尔名，我的“知乎”小程序（1） 不知道有多少人跟我一样爱上“知乎”的呢？一直喜欢“知乎”所带来的用户体验效果和一些新颖的信息传送。所以在最近的小程序学习中，开始的第一个项目实训，就是“知乎”了。 开始做了才知道，“知乎”小程序的工程...
Django 搭建知乎热榜 API 本文环境：Mac 系统，Python 3.7 准备工作 准备工作主要包括：创建项目虚拟环境、更新 pip 以及安装 Django 模块。 创建项目虚拟环境 首先创建虚拟环境，新建项目文件夹 tedxapi，右键在该文件夹处打开命令行窗口/...
Python：如何通过selenium模拟登陆知乎并爬取实时热榜排名？ 之前通过python爬取了知乎的一下话题下的图片、视频等等内容，但是这些都不需要登录知乎就可以得到，只需要简单的设置好爬虫的请求头，然后分析构造url就OK了，但是想要得到知乎首页的内容，不登录就获取是比较困难...
FragmentAndViewPager实现仿知乎滑动界面布局 仿知乎布局，实现左右滑动进行切换界面，其中界面是使用Fragement，界面滑动使用ViewPager进行实现。 github链接 实现效果 demo中实现了三个界面进行切换，上面有个导航栏可以很好的标注出来在哪个界面。 实现方式 ...
HTML+CSS制作知乎登录页面 由于没有用上js相关的技术，所以无法做出相应的功能，，只能做出知乎登录页面的用密码登录的界面，不能切换到免密码登录。相关界面的图片如下： 网页上的原图： 我做的： 具体代码如下： 首先要创建一个reset....
Qt开发之路——界面切换特效 这是一个名为addid的ui界面，大佬使用了一个label来获取整个界面的的大小和图像，然后使用QPropertyAnimation 绑定，使用setDuration设置动画时长为1000ms，使用setStartValue和setEndValue来固定一个矩阵的位置，...
科学使用知乎（屏蔽知乎热点，拦截推荐问题，屏蔽关键词） 上知乎本来要搜个什么的，不知不觉就会被热搜中的明星八卦，推荐里的家长里短，成功学迷瞎了双眼，被精神迷幻剂一波波洗脑，浪费无数时间，又觉得对知乎还是无法割舍，感谢Adblock Plus这一神器，继成功屏掉百度热搜...
微信中的知乎－微信小程序 界面及交互设计来自知乎 Android 版本 工具: 微信 web 开发者工具 数据: 没有开放 API, 所以使用伪造本地数据 功能及使用的组件等 列表式渲染数据 自定义顶部 tabbar 下拉刷新 上拉加载更多 轮播图 等... Setup ...
VUE仿知乎网站（四）登录注册页面开发+表单验证 <template> <div class=""> here is signup page </div> </template> const routes = [{ path: '/', //定义路由 name: 'Home', //定义名称 component: Home, //定义... component: Main,.
STM32CubeMX系列教程04_STM32CubeMX各窗口界面描述 说明： 本文原创作者『strongerHuang』 首发于微信公众号『嵌入式专栏』，同时也更新在我的个人网站：EmbeddedDevelop 标签：STM32、 STM32CubeMX、 LL库、 HAL库 一、写在前面 ...上一篇文章让你入门STM32CubeMX...
【已解决】【Selenium】请教大神，知乎的注册页面如何切换到登录页面？ xpath可以 之前的xpath写错了 ---------------------------------------------------------------分割线----------------------------------------------------------------------------- 之前运行一直都挺正常，...
优化知乎使用体验+完整保存知乎文章、回答 人人都在说着知乎不行了、没落了 却没想到别人隐忍10年，悄悄计划在美国上市了 2021年3月5日，在线问答社区知乎首次向美国证券交易委员会（SEC）提交了IPO（首次公开发行）申请，计划在纽约证券交易所挂牌上市，...
iOS开发------仿知乎上下滑动切换页面 放松的时候看看知乎，生活不解的时候问问知乎，这貌似已经成为了生活中的一种习惯，它独特翻页方式也是本人喜欢的一个原因，通过上划与下滑进行页面的翻页，不必返回再进入下一个页面，显得非常的简介并且人性化，...
模仿知乎界面的一个简单React demo 这是一个模仿知乎界面的简单React demo。这个React demo能让你从零开始学习React，并逐渐掌握React。它包括了一个项目从零到项目完成的整个过程。 项目地址：https://github.com/tsrot/react-zhihu 项目预览：...
Java爬虫-爬取知乎内容(附源码注释) 在前一段时间,做了一个demo,苦于没有数据展示,所以翻了很多关于爬虫的资料,在这里分享一下踩过的坑 踩过的坑 之前没接触爬虫的时候以为,只要请求中携带相关信息(请求头中跟浏览器发送的一模一样)就能获取到页面. ...
知乎日报的高仿源码 今日热闻界面的轮播控件 下拉刷新 文章浏览到底部时自动加载更多 标记已读文章 自动缓存文章 夜间模式 依赖的开源项目: Gson Android-Universal-Image-Loader android-async-http 依赖的官方支持包: ...
爬虫实战之分布式爬取知乎问答数据 分布式爬取知乎 一、环境 window7 scrapy pycharm redis other PC MySQL 二、简介 之所以选择爬取知乎，一是很多人都在爬，那么一定有它爬取价值的地方；二呢分析后才发现，知乎是一个模拟登录、信息解析...
zhihuWeChatApp-从零开始一个微信小程序版知乎.zip 微信小程序版知乎首页截图项目描述界面样式设计与交互来自iOS 4.8.0版本知乎App开发工具：微信开发工具数据来源：Easy Mock 模拟数据Easy MockMock.js功能描述首页主要功能及交互搜索页面（结果页面未写详细的样式）...
知乎话题爬虫干货 1. 多进程 当爬虫的数据量越来越大时，除需要考虑存储方式外，还需考虑爬虫时的速度问题。串行爬取只有当一次爬取完之后才可进行...在一个进程中，程序的执行也是在不同线程之间进行切换的，每个线程将会执行程序的...
微信小程序优质demo：知乎；适用1028版本.zip 适用1028版本,- 界面及交互设计来自知乎 Android 版本 - 模拟底部 tab 切换, 顶部 tab 切换, 及信息流和部分一级跳转. 练手项目，软著参考、实际项目框架参考、快速上线，学习实例，开箱即用。适用于实际项目开发...
知乎热推 6 款在线项目管理工具测评 用了一段时间的项目管理工具后，...在这里，对知乎上热推的几款在线项目管理工具进行了简单测评。目的不是为了说明哪个工具是最好的，而是希望看过测评的人能够找到最合适自己团队的项目管理工具。因为不同工具的适...
仿知乎日报(5)_主界面内容区加载布局 主界面MainFragment加载布局1、效果 从上面两个图可以看出首页的布局是最上边一个TitleBar，接下来是一个ViewPager，ViewPager中有一个TextView，再下面是一个线性排列的小圆点，ViewPager下面是一个ListView。...
MFC切换子界面 在Dialog程序中，子界面通常是一些子控件，这些控件在切换的时候通常是隐藏其他，显示要显示的控件来做到的。下面的例子有两个按钮，分别控制两个静态文本的显示（点击按钮1会显示文本1，点击文本2会显示文本2）实现...
知乎首页实战之表单模块 知乎首页表单模块大致分为三个模块：logo，标语，输入界面，如下图； 将底色改为白色，对三个div块样式表进行修饰，给不同的颜色便于区分 .rectBrand{ background-attachment: scroll; padding:30px 0 5px;...
知乎部署系统演进 知乎部署系统由知乎工程效率团队打造，服务于公司几乎所有业务，每日部署次数在 2000 次左右，在启用蓝绿部署的情况下，大部分业务的生产环境上线时间可以在 10 秒以下（不包含金丝雀灰度验证过程）。 目前知乎...
QT/C++从新手到老手系列之QT基础篇 本系列课程励志于带领你学习QT5/C++，从开发环境（QTCreator和VS2013两种）搭建到实际项目实战，从入门到精通。每一个部分均有理论知识介绍、接口讲解、实例代码讲解，讲解过程中不断穿插老师在开发过程中遇到的问题及解决方法。本阶段主要学习Qt开发环境搭建(QTCreator及VS)、程序的发布、GUI控件的属性、方法、布局管理、容器类、QT事件处理等，学完本阶段后可以开发小型的应用程序。 本阶段主要完成Qt开发环境搭建、程序的开发和发布、基于Widget的图形控件属性和方法的使用、布局管理、容器类、QT事件处理等几个方面知识的学习，通过上述几个方面知识的学习，可以开发一个小型的应用程序。
