前端css
CSS学习7()
1. CSS三角 1.普通三角制作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS三角制作</title> <style> .box1 { width: 0; height: 0; border-to ......
ES6 NO.1( var、let 和 const 命令 )| 前端小白的的第一篇博客~
var var 声明的变量 存在 变量提升 即 在声明该变量之前就可以使用,值为 undefined ,其作用域为全局; let 和 const let 用法类似于 var ,但是所声明的变量,只在 let 命令所在的代码块内有效; const 只能用来声明常量,一旦赋值,不能修改,故使用 cons ......
HTML+css
因为测试需要用到css的内容,所以开始系统学习css和js技术 css有id选择器,类选择器,可以组合,也可以单独分布 首先是基本的选择器 h1{ color: rebeccapurple; } /*类样式 class=*/ .f20{ font-size: 18px; } /*id样式 id=,n ......
前端基础之JavaScript
JS简介 全称JavaScript但是与Java一毛钱关系都没有 之所以这么叫是为了蹭Java的热度 它是一门前端工程师的编程语言 但是它本身有很多逻辑错误(不是很严谨) IT行业鄙视链: 后端 > 前端、运维、测试、产品、老板 前端想一统天下:node.js JS发展史>>>:JavaScript ......
个人部署【未实现Nginx前端资源部署】
【未在Nginx上实现静态资源部署】 虚拟机A作为服务器A:安装Nginx、安装Mysql作为主库 虚拟机B作为服务器B:安装能采用shell脚本部署项目所需软件:jdk git maven jar 、安装Mysql作为从库、安装Redis作为缓存。 服务器B操作: 第一步:使用git clone命 ......
前端CSS
CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 CSS实例 每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ......
2023前端面试题整理
1、vue响应式: 虽然 Vue 2 与 Vue 3 实现响应式系统的方式不同,但是他们的核心思想还是一致的,都是通过 发布-订阅模式 来实现(因为发布者和观察者之间多了一个 dependence 依赖收集者,与传统观察者模式不同)。 个人理解,观察者模式 与 发布-订阅模式 都是 消息传递的一种实 ......
Web前端资源
招聘要求 前端工程师:1. 熟练掌握HTML5、CSS3、JavaScript,Ajax,跨域等基础知识;2. 熟练掌握VUE开发框架,熟悉ElementUI、Vant 等UI框架的使用;3. 掌握项目版本控制工具 Git 的使用;4. 有APICloud开发经验更佳; Web前端画图 招聘要求: ......
前端常用/不常用插件【想起来才会去更新】
maptalks支持2d/3d地图渲染及操作,maptalks可支持1w左右图形渲染(再多了就会有一点点卡,和电脑性能也有关系)官网:www.maptalks.org 组件中的组件maptalks.three: 可支持three及一些简单数据样式,具体的还没用过maptalks.snap: 绘制图形 ......
2023-04-14 css before after
before 在元素前,after在元素之后,使用: .or::before { width: 100px; height: 1px; background: #000; display: block; content: '', } .or::after { width: 100px; height ......
微前端 - qiankun学习笔记
##前言 qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 本文主要记录下如何接入 qiankun 微前端。主应用使用 vue2,子应用使用 vue3、react。 ###一、主应用 主应用不限技术栈,只需要提供一个容器 ......
关于 css 伪元素 content属性值 为中文字符时出现乱码问题的处理
更多关于 css content属性 的介绍 点我 场景: 需要在右箭头(点击该箭头是可以跳转到详情页)的左侧补充一个“更多”的文字描述 在一些场景下,使用CSS去做改动会是最优的,比如无源码等 易出现乱码的代码示例 i.common-right-arrow-icon { position: rel ......
使用css在元素的前面或者后面添加内容
:before 在元素前面添加内容 :after 在元素的后面添加内容 <!DOCTYPE html> <html> <style> h1:after { content: '前面的内容'; } h1:before{ content:'后面的内容'; } </style> <body> <h1>** ......
字节前端青训营笔记1.计算机网络
数据交换方式 分为电路交换与分组交换 电路交换是指在通信时建立一条专用的物理连接,该连接将一直保持开放,直到通信结束。在此过程中,通信双方可以实时地交换信息,就好像它们直接连接在一起一样。传统的电话通信就是一个很好的例子。在电路交换中,通信资源一直被占用,因此当通信量很大时,电路交换可能会变得不太有 ......
CSS面试题
一、4.14基础 1.1、隐藏元素的方法有哪些 ● display: none:渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。● visibility: hidden:元素在页面中仍占据空间,但是不会响应绑定的监听事件。● opacity: 0:将元素的透明度设 ......
原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示
全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统,通过API接口的方式,向用户提供快递物流信息的查询、跟踪、统计等功能。 ......
css面试总结
盒模型介绍 CSS3 中的盒模型有以下两种:标准盒模型、IE(替代)盒模型。 两种盒子模型都是由 content + padding + border + margin 构成,其大小都是由 content + padding + border 决定的,但是盒子内容宽/高度(即 width/heigh ......
原生JS修改输入框value,并触发前端框架改变内部管理的响应式数据
背景 有时候,我们需要在一个网站上重复地执行某些操作,例如:输入>查询>输入>查询······这时候,我们可以写一个 js 自动化脚本执行这些操作,来保护我们的手指关节,以及键盘鼠标。 对于大多数网站来说,使用web框架如vue进行开发,这些框架使用内部的响应式系统来管理数据,针对input元素,v ......
Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例
基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
前端(三)
前端(三) 分组和嵌套 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 │ └─ ......
实践指南-前端性能提升 270%
一、背景 当我们疲于开发一个接一个的需求时,很容易忘记去关注网站的性能,到了某一个节点,猛地发现,随着越来越多代码的堆积,网站变得越来越慢。 本文就是从这样的一个背景出发,着手优化网站的前端性能,并总结出一套开发习惯,让我们在日常开发时,也保持高性能,而不是又一次回过头来优化性能。 先来看看优化的成 ......
前端H5使用html5QrCode实现扫一扫识别二维码
Vue版本:npm install html5-qrcode <template> <div class="index"> <!-- 扫一扫 --> <div class="scan" v-if="isScanning"> <div class="scan-box"> <div id="scanni ......
关于前端基础数据结构的问题
常用的数据集采用数组的好处,当然对于前端新人来很容易混淆,如下的数据是数组(js的数组本就是特殊的对象,因此又叫数组对象)由于这缘故很多网上的叫法五花八门 所以下面的数据结构很容易混淆,以为这是数组对象(其实这样叫没错,只是理解成是真对象(js的数组也是对象的一种,先区别一下免得混淆))其实是数组( ......
前端pdf文件直接下载而不是打开
直接在pdf地址后面加上后缀“?response-content-type=application/octet-stream” 如:http://xxxx/pdf/20230413/1c2c6f20-d9dc-11ed-92bf-79077d10cc6c.pdf?response-content-t ......
纯前端仿GPT流式打字效果的js库,类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布,很多官网都设计的是,仿造流式打字效果,下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面: <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
JAVA返回前端时候bean转json时首字母、第二个字母大写会自动变成小写的问题
后台bean是 private String uName; 但是前端生成的json是 uname 会自动变成小写 如果我们只是个别的几个的话,只需要加个注解 @JsonProperty("uName") private String uName; 这样就可以了 ......
网页支持传统蒙古文排版样式HTML+CSS
传统蒙古文排版跟大部分文字排版不一致,需要从上到下书写,然后从左到右的排版。 样式文件如下: .vertical-text { -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -o-writing-mode: ve ......
批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现
为了实现批量上传GPT的知识库并且功能,那么这个上传组件就必不可少,需要能把文档上传到服务器中。 前端部分,我是采用的cdn引入的形式,引入的elmentui。该框架是有上传组件的,可以参考我的用法: action部分就是上传接口,其他三个是上传之前的处理,上传成功和失败后的回调函数 <el-upl ......