前端html

前端学习笔记——Vue3组件间数值传递

依据个人的学习需求,对Vue官网中组件部分内容的搬运和总结,可用于参看,想详细了解Vue3这部分特性的可以直接参考官网内容:https://cn.vuejs.org props是一种特别的attributes,我们可以在组件上生命注册。比如:如果我们要传递给博客文章组建一个标题的话,我们则必须在该组 ......
前端 数值 组件 笔记 Vue3

什么是前端开发领域的 Cumulative Layout Shift 问题

CLS 是 Cumulative Layout Shift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。 在前端开发中,CLS issue 是一个常见的问题,通常由于 ......
前端 Cumulative 领域 Layout 问题

Angular 服务器端渲染场景里,服务器端和客户端渲染出的 HTML 源代码有可能不完全一致

在 Angular 服务器端渲染场景中,服务器端渲染出的 HTML 源代码和客户端渲染出的 HTML 源代码可能不完全一致,这是由以下几个原因造成的: 异步加载的组件 Angular 应用程序中可能存在一些异步加载的组件,这些组件在服务器端渲染时可能还没有加载完成,因此服务器端渲染的 HTML 内容 ......
服务器 源代码 客户端 场景 Angular

Drone+前端 实践

1.nginx.conf user nginx; worker_processes 1; error_log /var/log/nginx/error.log warn; pid /var/run/nginx.pid; events { worker_connections 1024; } http ......
前端 Drone

前端设计,确定按钮正慢慢消失

不论做什么产品,界面上几乎都少不了「确定」按钮,例如:操作提示时、进行选择时、填写表单数据时…… 完成、保存、下单……各种代表“确定某一步骤”的按钮,都可以统称为确定按钮。 以前的产品设计,大量以来确定按钮,但是现在的产品设计,确定按钮用得越来越少了。 倒不是因为不需要确定操作了,而是除了「确定按钮 ......
前端 按钮

JS的for循环动态渲染html只有最后一个元素生效?

背景: 我想在html3个ul中动态生成5个子元素li 目标效果: 废话少说,代码直接梭起来~ 1. 先写html结构 <section class="list-box"> <ul id="myList"></ul> <ul id="myListOne"></ul> <ul id="myListTw ......
元素 只有 动态 html for

前端&后端程序员必备的Linux基础知识

一 从认识操作系统开始 1.1 操作系统简介 我通过以下四点介绍什么操作系统: 操作系统(Operation System,简称OS)是管理计算机硬件与软件资源的程序,是计算机系统的内核与基石; 操作系统本质上是运行在计算机上的软件程序 ; 为用户提供一个与系统交互的操作界面 ; 操作系统分内核与外 ......
前端 程序员 基础知识 基础 程序

ES6 NO.1( var、let 和 const 命令 )| 前端小白的的第一篇博客~

var var 声明的变量 存在 变量提升 即 在声明该变量之前就可以使用,值为 undefined ,其作用域为全局; let 和 const let 用法类似于 var ,但是所声明的变量,只在 let 命令所在的代码块内有效; const 只能用来声明常量,一旦赋值,不能修改,故使用 cons ......
前端 命令 const 博客 ES6

HTML+css

因为测试需要用到css的内容,所以开始系统学习css和js技术 css有id选择器,类选择器,可以组合,也可以单独分布 首先是基本的选择器 h1{ color: rebeccapurple; } /*类样式 class=*/ .f20{ font-size: 18px; } /*id样式 id=,n ......
HTML css

前端基础之JavaScript

JS简介 全称JavaScript但是与Java一毛钱关系都没有 之所以这么叫是为了蹭Java的热度 它是一门前端工程师的编程语言 但是它本身有很多逻辑错误(不是很严谨) IT行业鄙视链: 后端 > 前端、运维、测试、产品、老板 前端想一统天下:node.js JS发展史>>>:JavaScript ......
前端 JavaScript 基础

个人部署【未实现Nginx前端资源部署】

【未在Nginx上实现静态资源部署】 虚拟机A作为服务器A:安装Nginx、安装Mysql作为主库 虚拟机B作为服务器B:安装能采用shell脚本部署项目所需软件:jdk git maven jar 、安装Mysql作为从库、安装Redis作为缓存。 服务器B操作: 第一步:使用git clone命 ......
前端 资源 Nginx 个人

在markdown中,如何使用html代码将多行的代码块插入到一行文字中

这是一行文字,其中包含了一段多行的代码块:<code style="display: inline-block;">int main() { printf("Hello, world!"); return 0; }</code>文字继续向下。 效果如下: 这是一行文字,其中包含了一段多行的代码块:i ......
代码 一行 markdown 文字 html

VUE框架中实现HTML页面(局部)内容转PDF下载

有一朋友想把网页内容变成PDF下载下来。问我有没有好办法。 这还真巧了,咱公司也有这个需求,就是网页生成合同,然后可以直接打印合同内容。最早吧,就是可以直接打印就好了。 当时为解决完美打印的问题,挺费劲的,当时第三方插件还有BUG(当然把解决放给发给作者了,作者早已经修复了),正经反复折腾了好一阵子 ......
局部 框架 页面 内容 HTML

前端CSS

CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 CSS实例 每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ......
前端 CSS

2023前端面试题整理

1、vue响应式: 虽然 Vue 2 与 Vue 3 实现响应式系统的方式不同,但是他们的核心思想还是一致的,都是通过 发布-订阅模式 来实现(因为发布者和观察者之间多了一个 dependence 依赖收集者,与传统观察者模式不同)。 个人理解,观察者模式 与 发布-订阅模式 都是 消息传递的一种实 ......
前端 2023

Web前端资源

招聘要求 前端工程师:1. 熟练掌握HTML5、CSS3、JavaScript,Ajax,跨域等基础知识;2. 熟练掌握VUE开发框架,熟悉ElementUI、Vant 等UI框架的使用;3. 掌握项目版本控制工具 Git 的使用;4. 有APICloud开发经验更佳; Web前端画图 招聘要求: ......
前端 资源 Web

前端常用/不常用插件【想起来才会去更新】

maptalks支持2d/3d地图渲染及操作,maptalks可支持1w左右图形渲染(再多了就会有一点点卡,和电脑性能也有关系)官网:www.maptalks.org 组件中的组件maptalks.three: 可支持three及一些简单数据样式,具体的还没用过maptalks.snap: 绘制图形 ......
常用 前端 插件

微前端 - qiankun学习笔记

##前言 qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 本文主要记录下如何接入 qiankun 微前端。主应用使用 vue2,子应用使用 vue3、react。 ###一、主应用 主应用不限技术栈,只需要提供一个容器 ......
前端 qiankun 笔记

HTML、JS与PHP之间的数据传输

在电商网站搭建过程中,前端经常会向后端请求数据,有时候通过HTML、JS和PHP文件的处理来实现数据的连通。通常情况下,用户在HTML中做关键字操作,JS对提交的表单进行数据处理,向后端发起ajax请求对应PHP的api接口,PHP在接收到数据后对连接服务器,服务器再通过PHP中的SQL语句对数据库 ......
数据传输 之间 数据 HTML PHP

在.NET Core 6.0中,你可以使用自定义 Middleware 来限制 Swagger/index.html 的访问,当用户进入到Swagger/index.html让系统提示404

创建一个自定义 Middleware 类,例如 SwaggerNotFoundMiddleware: public class SwaggerNotFoundMiddleware { private readonly RequestDelegate _next; public SwaggerNotF ......
Swagger index html Middleware 用户

字节前端青训营笔记1.计算机网络

数据交换方式 分为电路交换与分组交换 电路交换是指在通信时建立一条专用的物理连接,该连接将一直保持开放,直到通信结束。在此过程中,通信双方可以实时地交换信息,就好像它们直接连接在一起一样。传统的电话通信就是一个很好的例子。在电路交换中,通信资源一直被占用,因此当通信量很大时,电路交换可能会变得不太有 ......
前端 计算机网络 字节 笔记

原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示

全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统,通过API接口的方式,向用户提供快递物流信息的查询、跟踪、统计等功能。 ......
物流 数据 信息 HTML CSS

html试题总结

html语义化的理解 1.增加代码可读性,让其他开发人员更加理解你的html结构,减少差异化。遵循 W3C 标准的团队都遵循这个标准 2.让搜索引擎更容易读懂,有助于爬虫抓取更多的有效信息,爬虫依赖于标签来确定上下文和各个关键字的权重(SEO) 3.在没有 CSS 样式下,页面也能呈现出很好地内容结 ......
试题 html

npm安装html2pdf后出现缺少文件的情况

当时发现这个问题的时候,我就去node_modules里面找,确实没有这个文件,故判定是没有完全安装导致的错误信息 最终解决方案: 在终端中进入项目文件夹,执行以下命令: npm uninstall html2pdfnpm install html2pdf这将卸载旧的 html2pdf 模块并重新安 ......
html2pdf 情况 文件 html2 html

原生JS修改输入框value,并触发前端框架改变内部管理的响应式数据

背景 有时候,我们需要在一个网站上重复地执行某些操作,例如:输入>查询>输入>查询······这时候,我们可以写一个 js 自动化脚本执行这些操作,来保护我们的手指关节,以及键盘鼠标。 对于大多数网站来说,使用web框架如vue进行开发,这些框架使用内部的响应式系统来管理数据,针对input元素,v ......
内部管理 前端 框架 数据 value

vue项目中在 index.html 中如何使用 process 变量参数

在标签使用 <script type="text/javascript" src="<%= process.env.VUE_APP_APK %>" ></script> 1.在环境文件中定义变量必须要以 VUE_APP_ 开头 2.必须要用 <%= %> 包裹 3.注意修改完环境变量文件,需要重启项 ......
变量 参数 process 项目 index

Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例

基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
后台 前端 Vite-Admin 框架 实例

前端(三)

前端(三) 分组和嵌套 div p{ # 嵌套(空格跟着是嵌套) color: red; } div p,p{ # 分组(逗号隔开是分组) color: red; } 伪类选择器 a:link{ /*默认*/ color: red; } a:hover{ /*鼠标悬浮*/ color: blue; ......
前端

前端 | Front-End

HTML 将 HTML 理解成 Markdown 好啦。Markdown 是用来排版一份文本的,同样地,HTML 是用来排版一个网页的。 html ├── head │ ├── title │ ├── meta │ └── link └── body ├── header │ ├── h1 │ └─ ......
前端 Front-End Front End

实践指南-前端性能提升 270%

一、背景 当我们疲于开发一个接一个的需求时,很容易忘记去关注网站的性能,到了某一个节点,猛地发现,随着越来越多代码的堆积,网站变得越来越慢。 本文就是从这样的一个背景出发,着手优化网站的前端性能,并总结出一套开发习惯,让我们在日常开发时,也保持高性能,而不是又一次回过头来优化性能。 先来看看优化的成 ......
前端 性能 指南 270%