首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Ar-Sr-Na

    【用户体验加载——Websocket与加载在前端交互上的体验提升

    无缝加载,是提升加载体验的一种办法,在加载的过程中,用户可无法做其他事情,而过程又很漫长的情况下用户心情就会很烦躁,比如在高铁上我不能玩任何游戏,也没用书给我阅读,只能静坐着等待到达广州。 加载也如此,用户操作后没有反馈,或是久久没有结果,会让用户觉得是不是自己的动作没有生效,是不是自己的电脑卡住了此时有一个指示,告诉乘客“当前在郑州,还有x站到达北京”,体验上提升了几亿个数量级。 不打断的体验来源于一次对话在新游戏《崩坏:星穹铁道》中,每次切后台重进或断网重连时,加载的画面不像崩坏3中叠了一层加载中的layer阻止用户操作,而是塞到了右上角进行加载图片而这样的好处就是即使经历了某些不该经历的经历之后 ,只能静待加载完毕后加载层的消失而在《崩坏:星穹铁道》中,不是大面积的加载,而是仅把加载动画的位置换到了右上角图片从而避免挡住用户移动视角,移动人物这样看似很简单的一个操作,对用户体验的影响极大,改起来也不复杂 ,就上面例子而言,如果我们把整个加载中覆盖整个body层,就是崩坏3的暴力加载,如果做到小进度条,就是不影响体验加载

    3.7K00编辑于 2023-05-01
  • 来自专栏Devops专栏

    9. MyBatis加载策略

    9. MyBatis加载策略 前言 在上一篇中我们已经熟悉了 MyBatis 的嵌套查询,而嵌套查询是通过多个单表查询多次执行来实现的。 什么是加载策略 当多个模型(表)之间存在关联关系时, 加载一个模型(表)的同时, 是否要立即加载其关联的模型, 我们把这种决策称为加载策略 如果加载一个模型(表)的时候, 需要立即加载出其关联的所有模型 (表), 这种策略称为立即加载 如果加载一个模型的时候, 不需要立即加载出其关联的所有模型, 等到真正需要的时候再加载, 这种策略称为延迟加载(懒加载) Mybatis中的加载策略有两种: 立即加载和延迟加载 , 默认是立即加载 “注意:延迟加载是在嵌套查询基础上实现的 ” 加载的分类 前提: 在嵌套查询基础上才有懒加载加载(lazy)需要了才去加载 立即加载(eager)不论你是否需要,都是直接加载 “ ” 下面我们来配置一下 全局延迟加载。 全局延迟加载 1.在 SqlMapConfig.xml,设置开启全局延迟加载。 <!

    56120编辑于 2022-01-17
  • 来自专栏码客

    aardio初体验-加载网页

    前言 官网:https://www.aardio.com/ 使用IE内核加载网页 import web.form; /*DSG{{*/ var winform = win.form(text="WebBrowser

    2.5K10编辑于 2022-03-29
  • 来自专栏DotNet NB && CloudNative

    体验 dotnet 9 中的 OpenAPI 支持

    体验 dotnet 9 中的 OpenAPI 支持 Intro asp.net 9 中引入了生成 OpenAPI 文档的支持,来体验一下 Get Started 首先我们需要添加对 Microsoft.AspNetCore.OpenApi Swashbuckle Swagger UI 在 dotnetconf 2024 的 session 分享上,展示了另外一个 swagger UI 的选项 -- scalar 在 dotnet 9 dotnet 版本的 dotnet-httpie 感兴趣的朋友可以去 Github 查看更多示例:https://github.com/WeihanLi/dotnet-httpie 除了使用 dotnet 9 具体实现可以参考大佬的开源项目源码 https://github.com/martincostello/openapi-extensions, 有一些功能会在 dotnet 10 里支持, 大家有需要在 dotnet 9

    1K10编辑于 2024-12-23
  • 来自专栏腾讯云可观测专栏

    前端性能和加载体验优化实践

    Gzip Google 认为互联网用户的时间是宝贵的,他们的时间不应该消耗在漫长的网页加载中,因此在 2015 年 9 月 Google 推出了无损压缩算法 Brotli,特别侧重于 HTTP 压缩。 [点击查看大图] 优化体验 : 1. 骨架图 页面加载中添加骨架图,骨架图根据页面基本架构生成,相对于纯白屏,体验更好。 示例: <body> <! PWA 它不是特指某一项技术,而是应用多项技术来改善用户体验的 Web App,其核心技术包括 Web App Manifest、Service Worker、Web Push 等,用户体验才是 PWA PWA 主要特点如下: 可靠 - 即使在网络不稳定甚至断网的环境下,也能瞬间加载并展现。 用户体验 - 快速响应,具有平滑的过渡动画及用户操作的反馈。 而通过在 CI/CD 阶段,将传统 SSR 的流程执行一遍,用动态生成的 index.html 覆盖原来“空的”index.html,即优化了首屏耗时体验,省去了骨架屏的步骤,也提升了加载速度。

    2.3K20编辑于 2022-01-26
  • 来自专栏前端ACE

    tinymce 开启骨架屏(skeletonScreen) 优化加载体验

    开启骨架屏(skeletonScreen) 通过配置参数 skeletonScreen 来开启 tinymce 富文本框编辑器的骨架屏功能 ,改善 tinymce 富文本编辑器加载过长用户体验不佳 要使用

    64250编辑于 2022-11-21
  • 来自专栏躺平程序员老修

    php7.4 preload 预加载体验记录

    基本概念 preload的灵感来自于Java HotSpot VM(有人说他越来越像JAVA了),在服务启动时(在运行任何应用程序代码之前),我们可能会将一组特定的 PHP 文件加载到内存中,并使其内容 这就要求被加载的文件应该是很少改动的,因为不支持热更新(浪费资源去监视热更新),所以改动后必须手动重启php-fpm 扩展安装 首先是安装zend_opcache扩展安装,我是使用源码编译的php,所以进到源码目录安装扩展即可 zend_extension),php -m 进行确认,重启php-fpm 在配置文件中打开opencache 主要是 opcache.preload 和 opcache.preload_user选项,定义加载的入口文件 预加载文件范围:Only classes without unresolved parent, interfaces, traits and constant values may be preloaded 动态生成的东西不能预加载,比如变量、常量,因为他只加载文件,不执行文件。 官方文档 https://wiki.php.net/rfc/preload----

    64430编辑于 2023-09-05
  • 来自专栏代码编写世界

    Unity3D学习笔记9——加载纹理

    概述 理论上,Unity中加载纹理并没有什么难度,只需要将图片放置在Assets文件夹内,就会被识别成纹理,从而可以加载到场景中。但是一旦有一些额外的需求的时候,就得使用其他的方式进行纹理加载。 Resources方式 使用Resources机制来加载Unity的各种资源,包括纹理: Texture2D texture = Resources.Load<Texture2D>("ImageDemo

    1.7K10编辑于 2022-09-08
  • 来自专栏陈树义

    9、互联网产品用户体验的要素

    理解产品用户体验的 – 五大要素别 – 五大元素包含的内容 – 五大要素包含内容的实际应用 1、学习用户体验要素的重要性 第十五课,我们用了六页PPT来讲用户体验的分类 – 感官体验– 交互体验– 浏览体验 – 情感体验– 价值体验– 信任体验 但是包罗万象变数很大的用户体验应该如何来拿捏把握? – 产品经理怎么样保证产品最后的用户体验符合用户需求? – 产品经理怎么样保证产品最后的用户体验符合产品目标? – 当团队在因用户体验设计过程中发生争吵喋喋不休时,产品经理应该怎么样去做最后的决策? – 等等….. 2、互联网产品用户体验的五大要素中文版 ? 3、从实际案例看用户体验的设计要素 3.1 战略层(BRD + MRD一部分) 战略层 = 用户需求 + 产品目标 ? ③再减不能减视觉设计 ④发布并验证 3.7、用户体验要素的重要性 • 是方法 – 帮我产品经理更好的理清用户体验脉络 • 是依据 – 保证产品经理在千变万化的用户体验系统里不走偏 • 是逻辑 – 帮助产品经理更好的整理与完善产品用户体验

    1.8K121发布于 2018-04-13
  • 来自专栏前端Q

    2022 年值得关注的 9 大用户体验趋势

    英文 | https://uxplanet.org/top-9-ux-trends-to-watch-ut-in-2022-9dfc1eeb25a8 翻译 | 杨小爱 大家好,我是 winty,今天聊聊用户体验趋势 ~ 当我们进入新的 COVID 变体、新的社交距离规则以及不断更新家庭规则的工作时,我们开始思考 2022 年的 UX(用户体验)趋势会是什么样子。 在这种体验中,用户看到页面上的每个元素通过微交互和通过向下滚动的动作创造性地讲述故事而变得栩栩如生。没有点击,没有选择的麻烦,也没有弹出窗口。 9、响应元宇宙 元宇宙是一个使用 AR、VR 和视频等技术元素构建的数字世界,用户生活在其中。 结论 现在我们已经了解了新的一年将为我们带来的一些 UX(用户体验)趋势,现在也是讨论 UX 设计在未来几年将如何变得越来越专业的好时机。

    67510编辑于 2022-04-08
  • 来自专栏吃猫的鱼个人博客编程笔记

    使用 webfontloader 优化加载字体在网页中的显示体验

    继上篇文章网页字体文件最后再加载实现方法,后写的一篇优化加载字体在网页中的显示体验。 ,否则就先使用默认字体,这样就可以在不影响用户阅读的情况下也可以加载字体,用户体验相对较好。 }, inactive: function() { // 字体加载失败后执行的回调函数 } }); 一个项目中的使用示例: 将样式创建好,然后使用webfontloader进行监听加载 ,要是加载完成,再将样式添加进去。 //最后加载字体,防止网页加载速度 // 创建一个新的<style>标签 var style = document.createElement('style');

    1.7K30编辑于 2023-08-26
  • 来自专栏Devops专栏

    9-SpringBoot配置-项目内部配置文件加载顺序

    9-SpringBoot配置-项目内部配置文件加载顺序 SpringBoot配置-项目内部配置文件加载顺序 加载顺序为从上到下的排列顺序,高优先级配置的属性会生效 file:. 5.验证优先级低的配置文件 【未覆盖的参数】也会被加载到 在上面我们只演示了不同位置配置文件的加载优先级,而优先级比较低的配置文件只有同名参数才会被覆盖,如果是不同名的参数则不会被覆盖。 =8082 # 修改工程路径 server.servlet.context-path=/hello 从上面的结果来看,已经验证了一点,优先级较低的配置虽然部分同名配置会被覆盖,但是不同名的配置则会加载生效

    60410编辑于 2022-03-23
  • 来自专栏HyperAI超神经

    速来体验 GLM-4-9B-Chat

    昨日,智谱 AI 发布了基座大模型 GLM-4 的最新开源成果——GLM-4-9B,首次拥有了多模态能力。 在上下文长度上,GLM-4-9B 实现了从 128K 到 1M 的升级跨越,相当于能够一口气消化 125 篇论文! 为了让大家第一时间体验到这个自称「超越 Llama3-8B」的开源模型,OpenBayes 平台公共模型板块现已上线了「GLM-4-9B-Chat」模型,支持一键 input,跳过漫长的下载、上传时间, 、点击克隆即可立即开始体验 GLM-4-9B-Chat 的卓越性能。 打开 GLM-4-9B-Chat Demo 页面,在对话框内容输入文本,点击「Submit」后,即可开始对话。 2.

    86910编辑于 2024-06-17
  • 来自专栏前端达人

    分享一些懒加载图片与高级懒加载技巧,提升网站速度和用户体验

    开篇 懒加载图片是加快网站加载速度最简单的方法之一,因为最基本的懒加载只需要一行代码。 然而,你还可以使用一些高级技巧,使你的懒加载效果看起来像上面的图片一样,具有模糊的占位符和从占位符到完整图片的平滑过渡效果。在本文中,我将介绍关于懒加载的一切知识,以及如何创建这种高级懒加载效果。 图片是用户下载的最大资产之一,即使他们的网络连接很快,懒加载图片仍然可以极大地提高网站的加载时间。 基本的懒加载 正如我在本文开头提到的,懒加载图片就像在图像标签中添加一个属性那样简单。 它的外观可能类似于下面的图片: 这并不是理想的用户体验,因此本文的其余部分将向您展示如何利用懒加载来显示一个模糊的占位符图像,直到完整的图像下载完成。 你可以在开发工具中调整网络速度,观察加载动画的效果。 结束 懒加载图片是一种简单的技术,可以改善网站的用户体验。最简单的懒加载只需要一行代码,但可以通过添加一些额外的代码实现更多有趣的加载技巧。

    2K30编辑于 2023-08-31
  • 来自专栏小文博客

    为你的站点加上“懒加载”——提高用户体验&节省流量

    加载即将页面中的图片分布加载,边浏览边加载,从而减轻服务器压力以及减轻流量的浪费。 当页面比较长,图片比较多的时候,延迟加载图片可以加快页面加载速度,在某些情况下降低服务器负担。 优势 提升用户体验 提升网页加载速度,用户浏览更流畅. (下图为开启lazyload前后的加载速度详图) image.png 减轻服务器负担 lazyload将一次性加载完的网页资源分步加载,从而减轻了服务器的负担. 减少资源浪费 边浏览边加载,用户浏览到一半时退出即可省下不需要加载的图片流量。

    3K90发布于 2018-05-11
  • 来自专栏小文博客

    为你的站点加上“懒加载”——提高用户体验&节省流量

    加载即将页面中的图片分布加载,边浏览边加载,从而减轻服务器压力以及减轻流量的浪费。 当页面比较长,图片比较多的时候,延迟加载图片可以加快页面加载速度,在某些情况下降低服务器负担。 优势 提升用户体验 提升网页加载速度,用户浏览更流畅.(下图为开启lazyload前后的加载速度详图) ? ? ? 减轻服务器负担 lazyload将一次性加载完的网页资源分步加载,从而减轻了服务器的负担. ? 减少资源浪费 边浏览边加载,用户浏览到一半时退出即可省下不需要加载的图片流量。 >"/> 进阶篇——头像图片的懒加载 正常的话,头像的加载在WordPress 中是用诸如<?

    2K30发布于 2018-06-25
  • 来自专栏林德熙的博客

    测试 dotnet 9 的 AssemblyLoadContext 动态加载和卸载程序集能力

    本文记录我测试 dotnet 9 的 AssemblyLoadContext 动态加载和卸载程序集能力。 实测发现可以动态进行加载,且在卸载之后对程序集 DLL 文件能够做到无引用,卸载之后可以正常删除程序集 DLL 文件 为了方便测试,我新建了两个项目,分别是 JucufolalKuwenallfiko 其中 KarnadikemnemkaCallcilowhijinem 项目当成被动态加载的程序集内容 先在 KarnadikemnemkaCallcilowhijinem 编写一些测试用的代码,方便被动态加载时可以执行一些内容 \KarnadikemnemkaCallcilowhijinem.dll"); dllFile = Path.GetFullPath(dllFile); Console.WriteLine($"测试加载 ,代码如下 Assembly assembly = assemblyLoadContext.LoadFromAssemblyPath(dllFile); 预期此时能够加载成功。

    56410编辑于 2025-07-10
  • 来自专栏智慧协同

    mui实现页面加载完再显示提升用户体验的方法

    假设主页面是list,点击list item时,进入到子页面,子页面的内容是从网上加载进来的,传统的方法是使用mui.openWindow({params}),而如果我们的子页面有很多内容需要加载,而且网速不好的话 ,可能切换到子页面会先显示“白屏”,然后内容慢慢的浮现出来,极度影响使用体验,我们可以使用mui的“现加载”方法。 何谓“现加载”? “现加载”的意思就是当我们点击list item后,子页面加载内容,这个时候不让子页面展示,弹出等待框,提示用户“数据正在加载”,当子页面的内容完全加载完毕后,再展示。 如何“现加载”? 现加载的方式在mui里使用起来很简单, 首先在主页面声明一个等待框,并创建子页面: 用plus.webview.create()方法,而不是mui.openWindow({params}) var

    2.3K10发布于 2019-06-13
  • 来自专栏音视频技术

    VP9如何让Hotstar带来更好移动端视频体验

    为此,我们向Android客户推荐VP9。 缓冲指的是你在屏幕上看到的是一个旋转头或者旋转的车轮而不是加载好的内容。我们的目标是最大程度的减少你看到它的次数。 为了在任何类型的网络条件下都不出现缓冲,实现流畅的流传输,每个流都会在一定的带宽范围内进行编码,这样用户无论是坐在家中大屏幕电视前或者在移动网络不稳定的Mumbai当地旅行观看流媒体视频,都可以享受无缝的观看体验 从我们开始在平台上推出VP9以来,已经有3个月了,我们看到了一些不错的成绩! VP9 v/s H.264编码 在本节中,我们评估了各种比特流下新编码的压缩性能。 这表明了使用新的编码可以显著地提高Hotstar的体验质量,不仅可以节省数据,而且在视觉质量方面也有更大的提升。 我如何得到它?

    1.1K40发布于 2020-02-19
  • 来自专栏云计算linux

    vue.js代码初体验附理解v-bind图片加载

    ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAdGVhX3llYXI=,size_20,color_FFFFFF,t_70,g_se,x_16) 图片的元素加载实现

    43510编辑于 2024-12-13
领券