首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    instantclick实现的全站无刷新

    ,在input上加上 onkeypress="$.getKey();",然后js代码上写上这个监控函数 $.extend({ getKey: function() { if(event.keyCode...==13){ $('#soux').get(0).click(); } }, }) 至此结束 评论也不兼容呢 然后找到了个可用的ajax评论的js,自己改了改就用上了, 然后在友人C的帮助下...,修复了评论嵌套的问题,然后他又提出个问题 如果你启用了评论分页功能,由于typecho显示最新评论总是在第一页,所以当用户不在第一页发出了母评论,用户是看不到评论的,因为评论是在第一页 最后我根据上边搜索功能的原理...attr("href",dd); //将地址放回去 $('.prev a').get(0).click(); //点击这个超链接 }//判断当前评论列表是否在第一页...出错 $(submit_btn).attr('disabled', false).fadeTo('', 1); } } ajaxc(); 注:上述代码中提示功能使用了jquery通知插件

    1.9K10

    基于Metronic的Bootstrap开发框架经验总结(6)--对话框及提示框的处理和优化

    ,可以执行类似保存数据的提交操作的,因此需要对表单的数据进行验证,如果有错误,我们可能需要在界面上提醒,因此在页面初始化的时候,需要初始化表单的验证规则,下面是我们常规的表单初始化操作。...我们在提交表单后,通过Ajax响应后台返回结果,并在前台显示返回信息,jNotify能非常优雅的显示操作结果信息。...:毫秒 ShowTimeEffect : 200, // 显示到页面上所需时间:毫秒 HideTimeEffect : 200, // 从页面上消失所需时间...下面是我在脚本类里面封装的饿公用方法,用来实现提示效果的显示的。...,toastr可设定四种通知模式:成功,出错,警告,提示,而提示窗口的位置,动画效果都可以通过能数来设置,在官方站可以通过勾选参数来生成JS,非常的方便使用。

    6.8K50

    用VSCode开发一个asp.net core 2.0+angular 5项目(4): Angular5全局错误处理

    先别急, 让我们在errorhandler里面使用toastr试试. app.error-handler.ts: import { ErrorHandler } from '@angular/core'...之所以发生这个错误, 是因为AppErrorHandler在angular引入Toastr模块之前就初始化了...., 但是来回切换菜单后, 开始显示错误信息了, 貌似有点迟钝. 这是什么原因呢?...所以就出现了Zone.js这个库. Zone.js就是一个执行的上下文, 它可以在不同的异步操作之间进行持久性传递. Angular就使用了这个库, 在它之上建立了ngZone这个模块....所以当错误发生的时候, toastr的error方法被调用了(状态改变了), 但是angular并不知道这个变化, 所以toastr通知没有显示. 那如何解决呢?

    2.3K50

    动图展示 60+ 个前端常用插件库合集

    alertify.js 官网:https://fabien-d.github.io/alertify.js/ Github:alertify.js alertify.js是为了美化通知信息而生的JavaScript...highlight.js 官网:highlight.js Github:highlight.js 针对Web程序所做的高亮显示上色。...Tabslet 官网:Tabslet Github:Tabslet 一个用于页签的jQuery插件,轻量级且操作容易。...fullPage.js-全页式导航 官网:fullPage.js Github:fullPage.js store.js Github:store.js 针对任何项目都可以做的跨浏览器的数据存取,全站都可以运行...JS整体层面比toastr好很多,无论原生JavaScript以及整体文件大小和功能延展性,但toastr简单使用的操作模式,如果有旧项目是在jQuery的环境下,要做一些定制化功能,或许就是不错的选择

    8.9K40

    【Laravel系列7.8】广播系统

    比如说在你的购物 App 上,如果订单状态发生了变化,比如卖家发货了,那么马上就会收到一条通知信息。当然,App 上使用的不是 WebSocket ,而是不同平台的推送机制,但它也是一种广播通知机制。...不过问题就来了,在 Laravel8 相关的文档中,关于 redis 和 socket.io 的内容基本上没了。所以我们需要去参考 Laravel6 以及更低版本的文档。这个大家在查阅的需要注意哦。...在具体的页面中,我们直接去调用它的 channel() 方法,给一个指定的频道名称,然后监听这个频道中的具体事件,也就是我们在 Laravel 中定义的事件类名。...在监听的回调函数中,我们打印返回的结果。 最后,定义一个路由来显示这个页面。...socket.io 问题 相信你已经打开了我们刚刚定义的页面,同时要保证队列消费和 laravel-echo-server 也正在运行,这时页面上会不停的轮询一个类似于下面这样的请求。

    4K20

    Laravel Telescope调试工具

    前言 之前介绍过 Laravel调试利器:Laravel Debugbar 但是我每张页面都要在底部显示有点碍眼。...而这次介绍的东西不在底部显示,而有个路由专门查看相关性能 /邮件/数据库执行情况等等等等。 他就是Telescope Larave Telescope 是 Laravel 框架的优雅调试助手。...Telescope 可深入了解进入应用程序的请求、异常、日志条目、数据库查询、排队作业、邮件、通知、缓存操作、计划任务、变量转储等。Telescope 是您本地 Laravel 开发环境的绝佳伴侣。...在每个任务的详细信息页面上,查看他们的所有计划信息,例如他们的 cron 。 数据库查询 ? 列出了所有数据查询相关信息,就像 debug bar 一样。...我们能从 Slack 收到通知吗?我们正在努力。 我能退出 Bugsnag/etc.吗? 可能不能。虽然它简易且轻便,但并不意味着稳定健壮。小心火烛。 我们能否按照时间戳进行过滤?

    3.8K00

    通过 Laravel 创建一个 Vue 单页面应用(五)

    在传统的网页应用中,我们会删除那条用户记录,然后重定向返回用户列表。 在我们的SPA单页应用中,我们也可以通过编程方式将用户导航到 /users 页面的方式来实现这一点: this....我们可以使用一个专门的弹窗/通知机制来通知用户。抛砖引玉,我会提供给你一个粗略版本的代码,但是这只是我针对这个问题的一个基本的想法。...你也可以使用诸如 portal-vue 之类的插件或者布局中的一个组件来临时闪烁消息(或者在消息弹出后,使用强制关闭按钮关闭),显示一个操作是否已经成功(或者失败),从而向用户提供反馈。... 因为在后端的Laravel程序中存在一个万能路由, 这意味着前端也需要这么一个万能路由,当访问路径与已经定义的路由不匹配时以一个404页面作为响应。...API客户端选项 尽管我们奉献的 users.js 在小型应用程序中,HTTP 客户端可能被认为是有点小题大做了,我认为分离已经为我们提供了很好的服务,因为我们在多个组件中使用了 API 模块。

    7.2K20

    一个基于Laravel的全功能单页应用样板

    哈喽,我是老鱼,一名致力于在技术道路上的终身学习者、实践者、分享者! Laravel Enso是一个基于Laravel的全功能单页应用样板,为复杂应用提供健壮的样板工具,具有优越的性能。...Laravel Enso是基于Laravel、 Vue、 Bulma开发, 由几十个模块组成,易于扩展和自定义。...包含功能强大且可定制的数据表格组件 漂亮的表单组件 Vue选择器组件 支持用户组、角色和权限管理 日志管理 用户操作日志 用于调试的用户功能 基于introjs的用户教程 本地化支持 基于Chart.js...、更新和删除 支持文件上传和管理 适用于所有用户的头像功能 支持模型的版本控制 基于Flatpickr的日期和时间选择器 Server-side type-ahead 支持用户端的选项设置 队列 推送通知...(基于pusher.com) 电子邮件通知 面包屑导航 自定义时间格式 独立的前端状态支持 安装 下载源码到本地 git clone https://github.com/laravel-enso/enso.git

    87920

    结合 Bootstrap + Vue 组件实现 Laravel 异步分页功能

    current_page:当前页,默认为1 data:当前页文章数据数字,遍历该字段在列表页渲染文章数据 first_page_url:第一页链接 last_page_url:最后一页链接 pre_page_url...:每页显示文章数 from:当前页起始文章 ID to:当前页终止文章 ID total:文章总数量 elements 中包含的是页面与对应页面URL之间的映射关系,如果页码很多时,返回数据格式如下(中间部分页码省略.../app.js') }}"> 在这个视图中,我们初始化了页面布局,并且引入 /css/app.css 和 /js/app.js 文件,最后在主体部分通过以下代码引入...> export default {} 然后,我们在 resources/js/app.js...通过列表渲染显示分页数据和链接 在设置好 paginator 和 elements 属性值之后,就可以在模板中通过列表渲染和动态绑定显示文章信息和分页信息了,具体可以查看 template 标签中的代码

    10.7K20

    可视化队列管理工具 Laravel Horizon 来了

    文章翻译&整理自 Taylor 的 博客文章 Taylor 在今天发布了一个新工具:Laravel Horizon ,它为 Laravel Redis 队列提供了一个漂亮的仪表板和代码驱动的配置系统。...此工具完全开源,你可以在 GitHub 上找到它。 此工具需要尚未正式发版的 Laravel 5.5 ,并且其本身也还处于 Beta 状态。 仪表板 ?...Horizon 的仪表板是一个 Vue 单页应用,可以使用命令 composer require laravel/horizon 直接安装进已有的应用中。...将最近重试的任务直接显示在失败的任务详情页上,真的非常棒。因为重试与原始失败的任务相关联,所以你不再需要在终端中盲目的反复尝试 queue:retry 来重启任务,以确定任务成功还是再次失败: ?...这些度量快照是使用命令 horizon:snapshot 捕获的,它可以使用 Laravel 内置调度每分钟运行一次,方便你在部署之后快速查找性能下降的原因。 通知 ?

    4.3K40

    Laravel学习教程之广播模块详解

    前言 本文主要给大家介绍了关于Laravel广播模块的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍: 注意:本文是基于Laravel 5.4版本的路由模块代码进行分析书写; 简介...广播是指发送方发送一条消息,订阅频道的各个接收方都能及时收到消息;比如 A同学写了一篇文章,这时候 B同学在文章底下评论了,A同学在页面上是不用刷新就能收到提示有文章被评论了,这个本质上就是A同学收到了广播消息...) 通知是最简单的示例,也最经常用到。...聊天 聊天信息的实时显示 模块组成 Demo 日志驱动 配置 .env文件修改或添加一行:BROADCAST_DRIVER=log; 广播 直接调用 $manager = app(IlluminateBroadcastingBroadcastManager...::class); $driver = $manager->connection(); // socket 参数是广播私有频道时排除的 socket, 每个浏览器端或者移动端在建立 websocket

    2.3K50

    CICD: 基于 Jenkins + Gitlab 持续部署

    主要原因是:在rancher中每个服务的后端有时至少是两个以上的容器支持对外访问,分布在多个服务器上运行,同样的容一个镜像要分别pull到宿主机中,这个时间是成倍的(对于容器分布在不同宿主机上来说),saltstack...二、架构图说明 项目开发语言是php,使用了比较流行的laravel框架,项目中用到的laravel插件使用composer安装,npm安装全局模块,编译生成js样式文件 开发人员提交代码到svn,运维人员更改...插件和npm安装模块,编译生成js文件。...如果不勾选,在更新服务后,状态在UI显示的Upgraded,再次发布时会造成失败。 好处就是:如果你没有把握这次发布是一定没问题的,还可以在Rancher管理界面中回滚到之前的状态. ? ? ?...如果说解决方案,那就是在镜像构建完毕后,启动一个单元测试,来验证结果或者再发布一个预上线环境用自动化的全方位的测试,测试通过出发更新生产环境的发布即更新service,否则通知发布者测试未通过。

    2.9K32
    领券