文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    从错误页面的角度看用户体验

    阶段二： 引导到简单的错误提示页面，例如：“系统忙”、“页面不存在” 和 “出错了”，或者一个简单的弹出框提示用户。 无论界面是美观还是简陋，这种方式都是原始的，并且是易于实现的。...阶段三： 提示页面不仅仅是告知用户错误，还能够给出一定的建议，或给出一定的引导，以帮助用户在出错的情形下更快地修正错误，找到正确的页面。...这在相对复杂一些的网站上出现，通常网站只给出简单的提示或引导，例如只给出搜索框建议用户搜索他所需的东西。...阶段四： 如果页面比较复杂，那么设计人员可能希望页面某个部分的错误不会影响大局，例如，一个聚合了若干个 portlet 的大页面，对于某个 portlet 的错误，不影响页面其他部分的展示——这时候，通常最好的容错办法是保持安静...，即 “No news is good news”，用户不需要知道系统忙，也不想知道页面的某个出错的位置本该展示某某内容的；用户最希望依旧能看到一个完整的页面，只是其中出错的部分被隐藏起来了，他并未发觉

    57730

    layer执行父窗口ajax方法,layer 弹出层 回调函数调用 弹出层页面 函数

    1、项目中用到layer 弹出层，定义一个公用的窗口，问题来了窗口弹出来了，如何保存页面上的数据呢？疯狂百度之后，有了结果，赶紧记下。...2、自己定义的公共页面方法： layuiWindow: function (options) { var defaults = { title: ‘添加菜单’, width: ‘100px’,...} }); 4、子页面方法： //保存数据 function submitForm() { var parentId = $(“#parentId”).val(); var childrenNode...function (req) { alert(“req” + req); }, error: function (err) { alert(“err”+err); } }); } layui弹出层回调的使用...在子页面使用layer弹出层时只显示遮罩层,不显示弹出框问题 最近子页面使用layer弹出层时只显示遮罩层,不显示弹出框,这个问题搞了很久,最后才发现,在子页面上使用弹出框时,如果只使用layer.alert

    3.3K30

    从零搭建一款PC页面编辑器PC-Dooring

    整体技术架构 整体技术架构和H5-Dooring类非常相似, 也是遵循笔者的产品设计哲学—— 不要让用户思考....编辑器核心的一环就是组件拖拽, 这里笔者使用了社区比较强大且稳定的库react-dnd, 其拖拽分为两个部分, 一个是从组件区拖拽到画布区, 另一个是画布区内部组件的自由拖拽....至于功能辅助模块和状态管理, 我们可以采用如mobx, redux, dva等来实现, 最终目的就是让编辑器不同部分能相互关联, 实时更新组件状态, 以及数据回传能力....image.png 核心就是通过编辑器产生的有效词法数据, 让渲染器能解析渲染成可用的HTML页面....编辑器后期规划 PC编辑器目前仍存在一些问题没有很好的解决, 比如布局方式的局限性导致必须横向扩展很多组件才能满足不同用户的个性化需求, 其次就是组件联动机制, 需要统一数据中心来管理, 后面会在H5-

    2.2K40

    我是如何将页面加载时间从6S降到2S的？

    WTF，这跟技术有毛线关系，该用的都用了，TM的页面不吸引人，用户不想来，我能怎么办？事实证明不要太自信。...DNS 这个大家应该是很熟悉的，每天都在用的东西 说的通俗点，它就是一个用来将ip地址和域名相互映射的数据库，帮助人们更加方便的使用互联网，再也不用记住那些复杂的服务器地址，直接输入服务器地址所绑定域名就可以访问...利用最靠近每位用户的服务器，更快、更可靠地将资源发送给用户。特点就是高性能、可扩展性及低成本。国内两云的这项服务打的不可开胶。 由于篇幅的原因这里就不详细介绍了。...命中率意味着是否回源，回源的请求会打到你的服务器上，那么加载时间就取决与用户与你服务器的通讯状态了，说白了就是听天由命。 节点数多意味着可供用户选择的响应节点多，优中选优，不必多说了，优秀。...获取该数据所需的时间越长, 显示页面所需的时间就越长。 这部分主要能做的就是使用CDN和优化后端性能。 CDN 原来使用的是某云的服务，查看日志发现命中率较低，回源较多，在加上节点数量一般。

    1.3K20

    【愚公系列】《微信小程序与云开发从入门到实践》007-路由与模块化

    良好的路由设计可以帮助用户实现流畅的页面导航，而模块化则有助于提升代码的可读性和可维护性，促进团队协作。 本篇文章将深入探讨微信小程序中的路由机制与模块化开发的最佳实践。...页面跳转 (wx.navigateTo)： 新页面会入栈，并且放置在栈顶，之前的页面依然保持在栈中。 页面重定向 (wx.redirectTo)： 当前页面会出栈，重定向后的页面会入栈。...重定向与直接跳转最大的区别是重定向会关闭当前页面，然后再跳转到指定的页面，因此在进行页面重定向时，当前页面的onUnload生命周期方法会被调用，新页面会执行onLoad和onShow生命周期方法。...complete 函数 路由方法调用结束的回调函数，无论成功失败都会调用 1.4 wx.switchTab 方法的配置选项 标签页切换是一种比较特殊的路由跳转方式，当用户点击标签页上的标签时...complete 函数 路由方法调用结束的回调函数，无论成功失败都会调用 2.模块化开发 2.1 模块化架构 模块化是大型项目开发中的一种重要架构方式，通过将各自页面和核心逻辑拆分到独立文件夹和

    50810

    如何在Layui框架中实现列表操作后返回编辑页面并带参数刷新表单

    需求分析 假设我们有一个列表页面，用户可以在其中进行数据的编辑操作。完成编辑后，我们希望用户能返回到编辑页面，并且根据传递的参数刷新页面上的表单或表格。...例如，我们可能希望在返回的编辑页面上刷新一个数据表格，以便用户能够看到最新的数据状态。 实现这一功能主要涉及以下几个步骤： 执行编辑操作：在列表页面上进行数据编辑并保存。...带参数重定向：在编辑完成后，带参数重定向到编辑页面。 解析参数：在编辑页面加载时解析URL中的参数。 刷新表单或表格：根据解析出的参数，刷新表单或表格内容。 3....reloadTable=true'; } 在上面的代码中，我们将reloadTable=true作为URL参数附加到编辑页面的URL中。这个参数将用于告知编辑页面是否需要刷新数据表格。...3.2 带参数重定向 重定向操作完成后，用户将被带到编辑页面。在编辑页面中，我们需要解析URL中的参数，并根据这些参数来决定是否需要刷新表单或表格。

    25410

    Struts2 之 modelDriven & prepare 拦截器详解

    获取数据库数据并将之显示在 employee-show.jsp 页面上 在 employee-show.jsp 页面可以添加员工信息到数据库，对现有的员工信息进行编辑以及删除操作 在将删除或编辑请求传到...action 方法时且将要操作的员工的 empId 以参数的形式传入 对现有员工信息进行编辑的时候需要先将其信息回显到表单再进行编辑 解决思路 Employee-show.jsp 首先将所有员工信息获取到并于页面展示...的表单上 在回显的页面上可以进行修改员工信息，点击提交执行 update() 方法，将更新存入 Map，并跳转到显示页面，实时显示更改的员工信息 ?...点击 delete 超链接的时候会将所操作的员工的 Id 传入 action 方法，即 delete() 方法，delete() 方法从员工信息库中删除对应的员工信息然后将重定向到 emp-show.action...点击 submit 后，将员工信息保存到一个新的对象中，执行 add() 方法将新的对象添加到存放用户列表中，再重定向到 emp-show.action，显示新的员工信息 ? 案例目录 ?

    1.2K70

    通过 Laravel 创建一个 Vue 单页面应用（五）

    我们在 第4部分 完成了编辑用户的功能，并且学习了如何使用 v-model 来监听视图组件中用户信息的更改。现在我们可以开始构思删除用户功能，以及删除操作成功后如何处理 UI 变化。...我们将通过编辑 UsersEdit.vue 组件，在Update按钮下新增一个Delete按钮的方式，向 /users/:id/edit 视图组件中添加删除功能。...接下来，我们要在Delete按钮上绑定  onDelete()  回调，从而实现删除用户的功能。...我们将在 resources/assets/js/app.js 中Vue 路由的配置中添加一些新路由，这些路由提供一个专门的404视图和一个可以将所有无法匹配的路由重定向到404路由的万能路由： { path...为了捕获在 create() 回调中失败的请求信息，以及将用户请求重定向到404路由，我们需要更新一下 UsersEdit ： created() { api.find(this.

    6.1K20

    Struts2 之 modelDriven & prepare 拦截器详解

    获取数据库数据并将之显示在 employee-show.jsp 页面上 在 employee-show.jsp 页面可以添加员工信息到数据库，对现有的员工信息进行编辑以及删除操作 在将删除或编辑请求传到...action 方法时且将要操作的员工的 empId 以参数的形式传入 对现有员工信息进行编辑的时候需要先将其信息回显到表单再进行编辑 解决思路 Employee-show.jsp 首先将所有员工信息获取到并于页面展示...的表单上 在回显的页面上可以进行修改员工信息，点击提交执行 update() 方法，将更新存入 Map，并跳转到显示页面，实时显示更改的员工信息 ?...点击 delete 超链接的时候会将所操作的员工的 Id 传入 action 方法，即 delete() 方法，delete() 方法从员工信息库中删除对应的员工信息然后将重定向到 emp-show.action...点击 submit 后，将员工信息保存到一个新的对象中，执行 add() 方法将新的对象添加到存放用户列表中，再重定向到 emp-show.action，显示新的员工信息 ? 案例目录 ?

    1.2K20

    纳税服务系统六（信息发布管理模块）【Ueditor、异步信息交互、抽取BaseService、条件查询、分页】

    在JSP页面就可以回显出来了。 当然了，我们也要通过隐藏域把数据带过去。...用户按条件查询数据，显示查询后的数据 用户点击编辑/删除对查询后的数据操作，交给Action处理 Action返回给显示页面jsp JSP页面提交请求到Action中，Action进行处理 最后Action...： 在跳转到编辑页面之前，把查询条件记录下来。...使用Ueditor来做富文本编辑器 在页面上定位一个标签，我们可以使用特殊的前缀+上我们的Id。 由于Service的代码重复性太高了，我们也将Service进行抽取。...接着跳转到编辑页面，如果我们不将查询条件通过隐藏域交给Action，那么查询条件在页面上就丢失了。

    2.1K60

    vue-router详解及实例

    写在前面 用户进行了交互操作，现在要对页面内容进行变更，可以通过javascript进行动态替换DOM，但是其不便于分享、收藏，对于搜索引擎和用户来说都是不友好的！ 什么是前端路由？ ​...根据不同的 url 地址展示不同的内容或页面，无需依赖服务器根据不同URL进行页面展示操作 优点 用户体验好，不需要每次都从服务器全部获取，快速展现给用户 缺点 使用浏览器的前进，后退键的时候会重新发送请求...next() } 示例：新增和编辑使用同一模块，从编辑切换到新增页面信息不会更新！...setting-user-manager-edit', component: () => import('@/views/setting/user-manager/add-edit.vue'), meta: { name: '用户编辑...调用全局的 afterEach 钩子。 触发 DOM 更新。 用创建好的实例调用 beforeRouteEnter 守卫中传给 next 的回调函数。

    3.4K31

    Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5

    本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。...编辑器的实现思路是：编辑器生成页面JSON数据，服务端负责存取JSON数据，渲染时从服务端取数据JSON交给前端模板处理。...用户在左侧组件区域选择组件添加到页面上，编辑区域通过动态组件特性渲染出每个元素组件。最后，点击保存将页面数据提交到数据库。至于数据怎么转成静态 HTML方法有很多。...每次修改编辑操作都把整个pageDataJson字段push到historyCache 点击redo/undo时根据index获取到pageDataJson重新渲染页面 psd设计图导入生成h5页面 将...跟编辑预览画板实现逻辑差不多。 然后使用vue-cli库打包命令将组件打包成engine.js库文件。ejs模板引入该页面组件配合json数据渲染出页面 ?

    6.1K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券