推荐使用：Grafana Faro Web SDK - 前端智能监控利器 faro-web-sdkThe Grafana Faro Web SDK, part of the Grafana Faro project, is a highly configurable web SDK for real user monitoring (RUM) that instruments browser fr
前端页面要实现一个
页面加载进度条，
可以通过以下步骤进行进度上的把控：HTML结构：在
页面中创建一个用于承载进度条的<div>元素或其他合适的元素，例如：<div id="progress-bar">
<div id="progress"></div>
</div>
progress-bar作为进度条的容器，progress则是实际表示
简介官方地址开放且可组合的可观察性和数据可视化平台。可视化来自 Prometheus、Loki、Elasticsearch、InfluxDB、Postgres 等多个来源的指标、日志和跟踪。在之前使用prometheus时，只有一个简单的控制台和图表查询指标，而使用Grafana作为可视化平台，prometheus作为数据源，就可以很简单的实现复杂的图表展示。特性Grafana 允许您查询、可视化
转载
2024-07-11 18:12:24
91阅读
写在前面Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HTTP 请求中，对后端不会产生什么影响，改变 URL 不会重载页面。 history：利用了 HTML5 Hi
有些项目中可能会遇到这样的需求, 需要在一个项目中嵌入其他的项目的页面或者功能.并且需要这两个页面之间能够进行交互.本文主要介绍如何实现这种第三方应用的嵌入, 主要有以下几个方向:1.iframe引入第三方应用2.嵌入js片段3.封装成SDK本篇将主要介绍第一种, 通过iframe嵌入第三方页面, 接下来的几篇文章将分别介绍其他两种方式使用iframe嵌入是目前使用很广泛的一种嵌入方案, 先看几个
IFrame语法小全 IFrame语法小全
IFrame可以在网页内嵌入另一个页面，类似“画中画”形式。
标记的使用格式是:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src：文件的路径，既可是HTML文件，也可以是文本、A
本文更新说明：第一版是在 2014-06-16 编写的，现在来看，内容不够分明，思路不够清晰，方法不够完全。故再次更新、补充、修改，力求可以作为移动端前端开发测试的基本参考文档。后续还会随着技术的进步不断调整和修改。————————————————————通过移动端使用 Web 服务的比率越来越大，例如淘宝今年双十一，移动端交易份额就达到 42.6%。由此可见，掌握移动端的前
我们发送重要邮件时为了确认对方已读，都会在邮件中设置一个“读取回执"标签以确定对方时候读信。 这种模式用途很广，例如：发送传单时，确保对方已读推广网页时，多少用户做了点击移动App运营活动页面，分析用户访问情况对这类个性化的采集与统计，针对站长CNZZ、百度统计，移动的Talking Data、友盟等都无法胜任。主要难点在于：个性化需求难满足：用户产生行为并非移动端场景，其中会包括一些运营个性化需
转载
2024-06-02 16:02:41
390阅读
一．应用框架技术 要在宿主页面中嵌入外部页面的方法是，在宿主页面中包含外部页面的位置插入“< IFRAME name="XXX" width=X height=X frameborder=0 src="XXX.htm" >< /IFRAME >”语句即可(注意: < IFRAME >标签中的各种属性含义请查阅相关技术手册)。如果想在嵌入的
转载
2024-05-06 11:57:01
92阅读
现代前端框架大行其道，讲前端思想从操作dom的阶段，升级到操作数据的阶段。vue作为三大前端框架之一，其中平缓的学习曲线，让好多前端新手非常喜欢，应用也越来越广泛。虽然其他两个框架有facebook，和google撑腰，但是vue已然是不可小觑的对手了。无论你去做前端面试还是公司新项目技术选型，vue一定不会跑出你们的备选名单。下面简单讲讲做vue开发第一部，安装！安装nodejsvue依托nod
转载
2023-10-08 09:18:57
80阅读
前言作为站长的你是否也曾想针对站点访问日志信息，分析其中PV、UV、访问地域分布以及访问前十页面等情况。作为开发者的你是否也想记录应用的日志信息，针对top方法进行优化从而提升应用质量。作为运维老大的你是否也曾想过实时监控最近1个小时的服务器响应时间变化，请求客户端负载均衡到某一台机器流量否有异常情况等信息，搞一张数据大屏从而更加直观的获取关键信息你可能需要这样的图表：那么阿里云日志服务（Log
一、背景 目标效果是想导入 Excel 文档，后台接收并读取数据，再将数据传入到数据库中进行查询，得到结果后导出。二、实现过程 版本一： 版本一和版本二的后台的代码都一样，所以这里主要讲解前端的处理，后端的参考版本二的介绍即可。 首先在 f
转载
2024-04-28 20:14:12
221阅读
1 昨日回顾
a socket
b 路由关系
c 模板字符串替换（模板语言）
主流web框架总结：
django a用别人的 b自己写的 c自己写的
flask a用别人的 b自己写的 c用别人的（jinja2）
tornado a自己写的 b自己写的 c自己写的
另一个维度：
djaogo
其他
创建Django
本文简单的介绍了sitespeed.io对web页面的分析结果、sitespeed.io的基本工作原理。
引言最近在做HTTP2技术相关调研，想确认一下HTTP2在什么情境下性能会比HTTP1.x有显著提升，当我把http2的本地环境（nginx+PHP）部署完成后进行相关测试时，我遇到了以下问题：（1）平时使用的都是在线分析工具，如google的Pag
转载
2024-10-08 20:25:06
58阅读
回顾接上文：【大前端之前后分离01】JS前端渲染VS服务器端渲染，我们探讨了为什么要做前后分离，以及前端渲染需要解决的问题，最后提出了自己的解决方案：前端代码编译形成两套代码：①前端发布版本 + ②服务器端脚本这个想法借鉴了fis plus的smarty模块化思维，以及reactJS编译运行的概念，上次初步论证了其可行性，也遗留了一些问题，其中比较关键的问题是：前端模块嵌套问题我们在一个模板中又有
转载
2024-05-21 06:40:38
239阅读
Vue项目打包之后，部署有两种方式，一是前台打包后扔给后台，放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署，这里讲的是后者 前端如何单独部署呢？ 一个最简单的办法就是使用Nginx部署辣 一.我们将自己的Vue项目打包 运行npm run build 会在项目中生成一个叫dist文件 二.安装Nginx Nginx是一个类似于Tomcat的服务器，部署前
转载
2024-05-06 14:42:26
170阅读
目录1.前言2.HTML5 FormData 方法介绍以及实现文件上传步骤：1.问题描述2.例子3.HttpPostedFileBase 类参考1.前言在做MVC框架下一个项目，web端使用form表单提交信息给后台，在提交的信息中有文件,一开始不知道如何处理，后来在在博客上看到别人发的解决了我说遇到的问题，在此进行整理并延伸。2.HTML5 FormData 方法介绍以及实现文件上传步骤：1.问
转载
2024-08-12 13:57:03
55阅读
事件描述时间紧急、性能数据采集改造、后端近期无法直接提供数据接口，希望通过grafana直接作为可视化监控，做一层包装且尽可能的伪装。技术选型 1. Grafana v6.3
2. Vue安装Grafana在初次部署的时候，我是使用docker安装，由于后面需要修改配置文件，要把这些文件和数据挂载出来，就遇到一些问题。所以建议使用本地安装，因为后续修改配置文件比较方便。安装完成安装好后
转载
2024-04-26 11:18:29
316阅读
iframe 创建包含另外一个文档的内联框架(即行内框架)，简而言之，iframe标签是框架的一种形式，一般用来包含别的页面。优点: 1.iframe能够把嵌入的网页原样展现出来；2.模块分离，便于更改，如果有多个网页引用iframe，只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷；3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用ifr
