小票 前端 网页

什么是前端应用开发的 LCP(Largest Contentful Paint) 指标

在网页性能优化的领域里,LCP(Largest Contentful Paint,最大内容绘制)是一个非常重要的性能指标。它测量的是从页面开始加载到页面的 "主要内容 " 完全呈现在屏幕上所需的时间。换句话说,LCP 是测量用户何时看到页面的 "主要内容 " 的指标。 在理解 LCP 之前,我们需要 ......

前端建立WebSocket连接

Web Sockets是H5提供的在web应用程序中客户端与服务器端之间进行的非HTTP的通信机制。 当服务器想向客户端发送数据时,可以立即将数据推送到客户端的浏览器中,无需重新建立连接。只要客户端有一个被打开的socket(套接字)并且与服务器建立了连接,服务器就可以把数据推送到这个socket上 ......
前端 WebSocket

微前端 micro-app

微前端 micro-app 引用:https://www.jianshu.com/p/65b81afc0cb5 ......
前端 micro-app micro app

11月12日基础的网页设计以及阴影的设计box-shadow属性

目录基础的网页设计html的代码css的代码阴影效果添加 基础的网页设计 html的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>今天网页</title> <link rel="stylesheet" ......
box-shadow 网页设计 阴影 属性 网页

11月12日基础的网页设计以及阴影的设计box-shadow属性

目录基础的网页设计html的代码css的代码 基础的网页设计 html的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>今天网页</title> <link rel="stylesheet" href= ......
box-shadow 网页设计 阴影 属性 网页

解决Vue前端跨域问题

1、在项目目录下面建立config 配置包 2、在配置包下建立CorsConfig类 3、该类里面的代码参考下面 package com.example.projectyuan.config; import org.springframework.web.filter.CorsFilter; imp ......
前端 问题 Vue

前端Vue框架请求后台之request封装axios

1、第一步,安装axios ,在 vue项目 里面 输入 npm i axios -S 2、第二步,在vue项目中创建util 工具包,在里面创建request.js文件 3、request.js文件里面的代码参考下面 import axios from 'axios'; const request ......
前端 后台 框架 request axios

在移动电话上点击网页链接时如何触发电话呼叫。

内容来自 DOC https://q.houxu6.top/?s=在移动电话上点击网页链接时如何触发电话呼叫。 我需要为移动设备构建一个网页。只有一件事我还没有弄清楚:如何通过点击文本来触发电话呼叫? 是否有一个特殊的 URL 可以像 mailto: 标签用于电子邮件那样使用? 不希望使用特定于设备 ......

Lodash-前端 js工具库

官网:Lodash 简介 | Lodash中文文档 | Lodash中文网 (lodashjs.com) import _ from 'lodash' const dialogHandler = (val) => { if (val) { listCompanyByCurrentUserIdFn() ......
前端 工具 Lodash

文件阅读器的使用——利用文件阅读器将选中的文件图片展示到前端页面

代码示例: # HTML部分 <form action=""> <div class="form-group"> <label for="id_file"> 用户头像 {% load static %} <img src="{% static 'img/default.png' %}" alt="" ......
文件 阅读器 图片展示 前端 页面

金蝶云星空表单插件调用单据的编辑界面网页版生效客户端不生效的问题

一、调用代码 BillShowParameter OtherInAdd = new BillShowParameter() { FormId = FormIdConst.STK_MISCELLANEOUS, ParentPageId = base.View.PageId, Status = Oper ......
单据 表单 客户端 插件 界面

github的域名解析IP的文件——最直观的效果是GitHub图片可以正常加载,网页也稳定了——github图片不显示问题

该codebase提供了hosts文件: https://github.com/ineo6/hosts 主站: https://github.com/ineo6/hosts 镜像: https://gitlab.com/ineo6/hosts Github Pages: https://ineo6. ......
github 图片 效果 域名 文件

当用户打开一个网页时,想一直停留在当前打开的页面,禁止页面前进和后退,以下正确的是

A window.history.forward(1); B window.history.back(1); C window.history.go(-1); D window.history.forward(-1); 正确答案:AD 现在已经打开了一个新的网站,这个网站可以后退,不可以前进(因为不 ......
页面 网页 用户

修改Web网页中资源加载的优先级

在Chrome浏览器中,网络请求的优先级分成了5个等级: Highest 最高,如页面HTML资源和CSS文件; High 高,如正文图片请求资源; Medium 中等,如页面的业务JavaScript文件请求; Low 低,如内联的Base64资源,异步加载的JavaScript文件请求; Low ......
优先级 网页 资源 Web

前端存储:localStorage、sessionStorage

IDE:HBuilder X 3.8.12 -- 序章 前端存储数据的方式 有以下几种: JavaScript Cookie Web存储 localStorage sessionStorage HTML5 Web SQL 数据库 IndexedDB 本文测试其中的 Web存储:localStorag ......
前端 sessionStorage localStorage

如何下载网页中的 pdf 文件?一起打败「只给看不给下」魔咒!

之前在头秃期末月要整理复(yu)习(xi)资料的时候,发现好几位老师给的资料是放在线上学习平台的,并且几乎都设置为了「只允许阅读」模式。 就算不吐槽我一学期用上了学习通、微助教、云班课、雨课堂、智慧树这么多个平台,也一定要吐槽只能看不能下载的资料有多不方便使用。 于是我顺便研究了下「如何下载网页中的 ......
网页 文件 pdf

典型的 HTTP 会话-响应示例(请求资源不存在的网页响应)

1 HTTP/1.1 404 Not Found 2 Content-Type: text/html; charset=utf-8 3 Content-Length: 38217 4 Connection: keep-alive 5 Cache-Control: no-cache, no-store ......
示例 典型 网页 资源 HTTP

支付宝 返回的form如何在前端打开

支付宝支付时返回了一段标签标签大概是 <form></form><script></script> 试了innerHtml怎么试都不能用,是那种直接把字符串输出到div里面去的而不是转为标签 那么应该怎么处理呢? document.write(this.payData.config) 一句搞定。。。 ......
前端 form

前端学习-JavaScrip学习-js基础03

学习教程:黑马程序员视频链接 循环 案例-九九乘法表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s ......
前端 JavaScrip 基础 js

前端学习-JavaScrip学习-sort()函数

sort()函数默认按照字符串Unicode码排序 如果希望按照数字大小排序,需要传参 let arr = [2,4,5,6,22,9,10,111,2,1,32]; console.log(arr.sort(function(a,b) { return a - b; //升序 // return ......
前端 函数 JavaScrip sort

网页端口80端口被占用,如何关闭占用80端口的服务?

如果你的网页服务器监听了80端口并被占用,你可以按照以下步骤来关闭占用80端口的服务: 1.确定占用80端口的进程: 首先,需要找到占用80端口的进程。你可以在Windows上使用命令提示符或PowerShell,或在Linux上使用终端运行以下命令:在Windows上: netstat -ano ......
端口 网页

前端学习之html和css

前端 快速入门篇:首先给个title,就是页面标题,比如说这页的 博客后台 - 博客园 这种,第二就是我在它的页面身体里面的标题有h1——h6六种大小的标题,可以按需选择,这个是文字类,然后为了美观一点,可以放图片上去,然后图片也得有它的大小尺寸,包括文字标题也是对吧,所以就引入了css,,css就 ......
前端 html css

网页实战

最近一周给一个小公司设计一个产品展示网页,初步决定使用vue来做,页面大致布局就是分成几个div,顶部设置一个头部导航栏,点击或者悬停鼠标的时候可以弹出阴影框,在 阴影框里含有产品分类,点击顶部的产品展示或者阴影栏里的分类产品可以跳转,跳转后依然保留顶部的导航栏作为便捷跳转,左侧是另一个样式的导航栏 ......
实战 网页

jQuery.js - 前端必备的Javascript库

作者:WangMin 格言:努力做好自己喜欢的每一件事 jQuery.js 是什么? jQuery是一个快速简洁、免费开源易用的JavaScript框架,倡导写更少的代码,做更多的事情 。它封装JavaScript常用的功能代码,提供了一种简便的JavaScript设计模式,以及我们开发中常用到的操 ......
前端 Javascript jQuery js

vue将前端的json文件上传到后台对应目录

前端方法代码: /** * * @param {*} fileName 文件名 * @param {*} data 要保存的json对象 * @returns */ saveJsonFileToLocal(fileName, data) { let file = new File([JSON.str ......
前端 后台 文件 目录 json

前端基础之HTML

前端基础之HTML 目录前端基础之HTML一 前端结构1.1 前端结构概述1.2 浏览器访问网址事1.3 HTTP 协议1.4 添加HTTP协议二. HTML系列2.1 HTML前奏2.2 HTML 文档结构三 标签管理3.1 标签的分类3.2 head内常用标签3.3 body常用标签1)基本文本 ......
前端 基础 HTML

前端基础之CSS

前端基础之CSS 目录前端基础之CSS一. CSS语法格式二. CSS 选择器2.1 基本选择器2.2 组合选择器2.3 属性选择器2.4 分组于嵌套2.5 伪类选择器 hover 点击选中2.6 伪元素选择器2.7 选择器优先级三. CSS属性系列3.1 设置长宽3.2 字体属性3.3 文字属性3 ......
前端 基础 CSS

前端计算数字精度丢失问题解决方法记录

在日常一些需求中,总会遇到一些需要前端进行手动计算的场景,那么这里需要优先考虑的则是数字精度问题!具体请看下面截图 如图所示,在JavaScript进行浮点型数据计算当中,会出现计算结果“不正确”的现象。 我们知道浮点型数据类型主要有:单精度float、双精度double。 浮点型简单来说就是表示带 ......
前端 精度 数字 方法 问题

websocket的消息丢失处理,以及前端监听心跳处理方案

消息丢失处理方案: 1、后台通过websocket传输给前端消息,并且后台生成校验此消息的定时任务,设置每5秒重发 2、前端接收到消息后将消息通过websocket传输给后台 3、后台如接收到前端的消息则删除对应的发送消息定时任务,如未收到消息则继续发送,设置最多发送5次(超过5次默认认为此条消息记 ......
前端 websocket 消息 方案

课程详情接口、所有章节接口、课程列表前端、课程详情前端、视频托管、Header.vue搜索form、搜索后端接口、搜索功能前端、支付宝支付介绍

课程详情接口 # 思路一: 直接在之前写好的查询所有课程的视图类上,配置一个类即可 class CourseView(GenericViewSet, CommonListModelMixin,CommonRetrieveModelMixin) 返回的字段,跟详情,不太对应(详情中要求拿出所有章节和课 ......
前端 课程 接口 详情 功能