前端

Flutter 耗时监控 | 路由名为空原因分析

前言 最近群里遇到获取Route名为空的问题,当时没在意。。。 直到自己在监控页面启动耗时,需要确定当前页面是哪个从而方便标记它加载的耗时时,遇到同样 route.settings.name 为空问题,模拟场景如下: 在 main.dart 页面中点击 + 按钮跳转到 TestPage2 页面。 M ... »

xuge2it

JS前端重新部署通知用户刷新网页

目录 1.目标场景 2.思考解决方案 3.代码实现 4.测试 1.目标场景 有时候上完线,用户还停留在老的页面,用户不知道网页重新部署了,跳转页面的时候有时候js连接hash变了导致报错跳不过去,并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思考中... 如果 »

数据结构与算法 -> 大顶堆与小顶堆

一、大顶堆 大顶堆是一种数据结构,它是一颗完全二叉树,并且满足以下性质: 每个节点的值都大于或等于它的子节点的值 因此,大顶堆的根节点(也称为堆顶)总是最大的元素 二、小顶堆 小顶堆也是一种数据结构,它是一颗完全二叉树,并且满足以下性质: 每个节点的值都小于或等于它的子节点的值 因此,小顶堆的根节点 ... »

当你输入网址,小手一点,然后发生了什么?

摘要:输入网址并点回车,后台到底发生了什么。透析 HTTP 协议与 TCP 连接之间的千丝万缕的关系。掌握为何是三次握手四次挥手?time_wait 存在的意义是什么?全面图解重点问题,再也不用担心面试问这个问题。 本文分享自华为云社区《输入网址,小手一点,后面到底发生了什么?》,作者:龙哥手记。 ... »

如何用 30s 给面试官讲清楚什么是 Token?

引言 前文介绍了 Session-Cookie 的认证过程,简单回顾下基本步骤: 客户端(浏览器)向服务器发送用户名和密码 服务器验证通过后,创建 Session 对象,在 Session 中保存该用户相关的数据,比如用户角色、登录时间等等 服务器向用户返回这个 Session 对象的唯一标识 Se ... »

cswiki

你知道,前端工程部署有哪些方式嘛?

你知道,前端工程部署有哪些方式嘛? 本文原文地址; 此文章是回答知乎问题总结而来。 我将其分为四个阶段:手动部署、命令工具部署、docker镜像部署、平台化部署。 这几个阶段,越往后越复杂,越往后越友好,毕竟平台化部署有备份还可回退,那是相当安全的。 手动部署 // 打包文件,生产dist目标文件 ... »

liuheng

Flutter异常监控 - 伍 | 关于异常监控框架设计的思考

前言 最近阅读 Catcher、BugSnag、Rollbar 三个 Flutter 异常监控开源框架,文章链接如下: Flutter 异常监控 - 壹 | 从 Zone 说起 Flutter 异常监控 - 贰 | 框架 Catcher 原理分析 Flutter 异常监控 - 叁 | 从 bugsn ... »

xuge2it

从Babel开始认识AST抽象语法树

前言 AST抽象语法树想必大家都有听过这个概念,但是不是只停留在听过这个层面呢。其实它对于编程来讲是一个非常重要的概念,当然也包括前端,在很多地方都能看见AST抽象语法树的影子,其中不乏有vue、react、babel、webpack、typeScript、eslint等。简单来说但凡需要编译的地方 ... »

songyao666

JS前端开发模拟虚拟dom转真实dom详解

目录 引言 虚拟dom的介绍 虚拟dom转换真实dom 总结 引言 经常使用Vue或React的小伙伴肯定对虚拟dom这个词不陌生,虚拟dom的设计是推进前端框架发展的一大变革。今天带大家简单模拟下虚拟dom转换真实dom的js设计。废话不说了,上车吧。 虚拟dom的介 »

Vue前端书写规范大全(非常详细!)

命名规范 s:表示字符串。例如:sName,sHtml;n:表示数字。例如:nPage,nTotal;b:表示逻辑。例如:bChecked,bHasLogin;a:表示数组。例如:aList,aGroup;r:表示正则表达式。例如:rDomain,rEmail;f:表示函数。例如:fGetHtml »

JS前端错误监控捕获以及上报方法详解

目录 前端错误捕获方法 不同场景错误处理方式 错误信息上报 ajax进行上报 image上报 sendBeacon 前端错误捕获方法 前端捕获错误的方法: try..catch:捕获的异常必须是线程执行进入到try...catch且try...catch未执行完的时候抛出来。 »

cookie、session,、token,还在傻傻分不清?

摘要:session 和 token 本质上是没有区别的,都是对用户身份的认证机制,只是他们实现的校验机制不一样而已。 本文分享自华为云社区《Session/Cookie/Token 还傻傻分不清?》,作者: 龙哥手记。 相信项目中用JWT Token的应该不在少数,但是发现网上很多文章对 toke ... »

Java前端开发之HttpServletRequest的使用

目录 接口详解 搭设基本测试环境 取回 keys 取回 values 请求域与应用域 应用域对象 请求域对象 跳转与转发 转发一次请求 转发要求 转发区别 request 常见方法 设置字符集 几种常见属性获取方式 接口详解 搭设基本测试环境 web 下新建 reg.h »

Flask如何接收前端ajax传来的表单(包含文件)

目录 Flask接收前端ajax传来的表单 Flask利用ajax进行表单请求和响应 总结 Flask接收前端ajax传来的表单 HTML,包含一个text类型文本框和file类型上传文件 <!DOCTYPE html> <html lang="en"> »

前端html+css实现动态生日快乐代码

 生日送什么礼物总是要花一番心思,别出心裁不落俗套,什么礼物才能让那一个她开心呢?来看看前端大大用html+css实现动态生日快乐代码吧,亲测可用。 <!DOCTYPE html> <html lang="en" > <head> <meta c »

前端html+css实现动态生日快乐代码

 生日送什么礼物总是要花一番心思,别出心裁不落俗套,什么礼物才能让那一个她开心呢?来看看前端大大用html+css实现动态生日快乐代码吧,亲测可用。 <!DOCTYPE html> <html lang="en" > <head> <meta c »

typescript难学吗?前端有必要学?该怎么学typescript

TypeScript代码与 JavaScript 代码有非常高的兼容性,无门槛,你把 JS 代码改为 TS 就可以运行。如果没有接触过强类型的编程语言,导致他们认为学习TS需要定义各种类型,还有一些新概念等等,会增加学习成本。TypeScript 应该不会脱离 JavaScript 成为独立的语言。 »

Javascript前端事件循环机制详细讲解

目录 一、消息队列和事件循环 1.单线程处理机制 2.事件循环机制 3.消息队列 4.IO线程 5.页面使用单线程的缺点 二、setTimeout 1.浏览器怎么实现 setTimeout 2.使用setTimeout的一些注意事项 三、宏任务和微任务 1.宏任务 2.微任务 文章 »

阿里前端开发中的规范要求

目录 1.命名规范 1.1  项目命名 1.2  目录命名 1.3 JS 、CSS 、SCSS 、HTML 、PNG  文件命名 1.4  命名严谨性 2.HTML规范 2.1 HTML  类型 2.2  缩进 2.3  分块注释 2.4  语义化标签 2.5  引号 3 CSS  规范 »

前端面试学习中几个常见有用的知识点

svg和canvas 的区别? svg 输出的图形都有独立的dom 是一个矢量图形 放大缩小不会 canvas 输出的是一整块 是一个画布 放大 缩小会失真 src 和 href 的区别? src 是引入资源的 href 是跳转url的 前端有哪三层构成,分别是什么? 结构层 html d »