前端html css
最近遇到的一个问题 后端写好的接口，前端怎么获取数据
这是我后端的接口：GET 接口 这是我前端运行的项目地址： 简单使用： 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网：https://www.axios-http.cn/ 不过要在vue中使用它，就需要先安装 打开终端 输入一下命令 npm install axios 然后在需要使 ......
Nginx 常用的基础配置（web前端相关方面）
基础配置 user root; worker_processes 1; events { worker_connections 10240; } http { log_format '$remote_addr - $remote_user [$time_local] ' '"$request" $s ......
前端-VUE
工程化 这里要从node.js开始。 node.js要弄一个基于事件驱动、非阻塞I/O的的web服务，发现V8引擎+JavaScript很合适。这样Js就能直接写后端应用。然后发展成作为本地的运行容器(类似jdk)，将js导入到了本地运行领域。以此位基础，发展出了生态环境，里面关系挺绕的，各种轮子， ......
【css】calc() 函数
calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规 ......
【css】@keyframes
一、transform 和@keyframes动画的区别： @keyframes动画是循环的，而transform 只执行一遍. 二、@keyframes CSS3中添加的新属性animation是用来为元素实现动画效果的，但是animation无法单独担当起实现动画的效果。承载动画的另一个属性—— ......
【css】旋转，亮度变化
先定位 1 position: absolute;//绝对定位(很重要) 2 left: 124px;//定位位置，一般为盒子宽高的一半，可以是50%，50% 3 top: 102px; 4 transform: translate(-50%, -50%);//变换方向 5 //旋转 6 anima ......
html css 实现图片扫描特效
实现这个特效需要做3个层，所以要用到CSS绝对定位和层级z-index以及设置top、left、bottom、right的值。大体结构是一个容器，容器里放3个层，底层是4个角的边框效果容器，中间层是要扫描的图片容器，顶层是扫描线容器，这3个层通过z-index来实现层级，它们的高宽度都取父容器的高宽 ......
JAVA实现html代码转为图片
##方法一：html2Image ###1、引入依赖 <dependency> <groupId>gui.ava</groupId> <artifactId>html2image</artifactId> <version>2.0.1</version> </dependency> ###2、代码实 ......
ios15使用html2canvas页面白屏、崩溃、自动刷新
原文链接：https://www.cnblogs.com/yalong/p/17408067.html 背景 有个H5内嵌App的项目，做分享功能的时候用到了 html2canvas, 在IOS15(Iphone11 pro)上， 只要点击分享就会触发页面reload 或者直接白屏，把H5链接在手机 ......
【开发者指南】如何在MyEclipse中编辑HTML或JSP文件？（一）
MyEclipse v2022.1.0正式版下载 MyEclipse技术交流群：742336981 欢迎一起进群讨论 如果您有HTML或JSP文件要编辑，这里将介绍如何编辑。查找以下信息： 编辑源代码 大纲和属性视图 参数页面 该功能在MyEclipse中是可用的。 一、HTML / JSP编辑器 ......
html中怎么把radio变大？
可以使用CSS样式来修改HTML中的radio按钮大小。以下是一些示例代码： 使用transform: scale()属性 <label> <input type="radio" name="option"> Option 1 </label> <style> input[type ......
VUE前端随笔计2
又是小白记录问题的一次，老规矩，还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码，对比别人的，发现自己的删多了，把这个补充回去就行了，具体意思不太明白，大概是给这个模型里面填充这行数据。 ......
简单聊两句前端模块化
在前端开发中，模块化是一种将代码拆分为独立模块的开发方法。它通过将功能相似或相关的代码组织成可复用、可维护的模块，以提高开发效率和代码质量。 模块化的主要目的是解决传统的JS开发存在的问题，例如全局命名冲突、代码复用困难、依赖管理混乱等。通过模块化，可以将代码拆分为独立的功能模块，每个模块都有自己的 ......
CSS三大特性
CSS 的三大特性包括： 层叠性（Cascading） 层叠性是指用于控制多个样式定义同时应用到某个元素时，如何决定哪个样式定义将被应用的机制。CSS 样式表中的规则可以根据其特定优先级与其他规则进行层叠，最终得到应用于元素的样式。常用的应用场景有： 通过应用不同的样式类来覆盖或扩展第三方 CSS ......
css background-image 大小自适应
html设置背景图片，默认情况会按照图片的原始大小显示。 但遇到有些情况要背景图片也要适应页面大小的时候可以使用以下样式 -moz-background-size:100% 100%; background-size:100% 100%; ......
HTML 里 img 元素的 src 和 srcset 属性有何区别？
在 HTML 中，img 元素通常用于在网页中插入图片。img 元素有两个相关的属性：src 和 srcset。 src 属性指定图像的 URL，它是必需的。浏览器将使用该 URL 加载图像并将其显示在页面上。 srcset 属性允许您指定一系列不同大小或分辨率的图像文件，以便浏览器可以根据设备的像 ......
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
例子： .check:checked ~ .content { } ~ 选择器实际上是后继同胞组合器（在2017年之前称为一般同胞组合器）： 后继同胞组合器由“波浪号”（U+007E，~）字符组成，它将两个简单选择器序列分隔开。由这两个序列表示的元素在文档树中具有相同的父级，并且由第一个序列表示的元 ......
电商JD商城登录页面html+css
这也太难了吧，怎么连抄咱也不会抄啊QAQ 看了这么久的前端，总是感觉看得懂，写不出来，抄也不会抄 这不，这又抄写了一个京东电商商城的登录页面，本来想好好学习一下页面的布局以及编写结构和思维， 结果html代码还行，至少可以看的懂，到了css上就完全不知道怎么设置样式了，感觉有的样式完全可以不设置， ......
JS来动态设置CSS样式
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; ......
合格前端需了解的知识 --- HTTP系列之队头阻塞（阅读时常5分钟）
简单聊下前端日常接触的HTTP协议 前言 2020年已过半，近期为了准备面试，重新学习了HTTP的部分知识点，以下是我个人对HTTP协议发展的理解，通过近期学习整理的笔记。 HTTP是一个属于应用层的面向对象的协议，主要特点概括主要有5点： 1、无状态：协议对于事务处理无记忆能力，每次客户端发起请求 ......
html绑定事件写法
1. 无参绑定 <div onclick="onClick()" ></div> 2. 传入源dom对象 <div onclick="onClick(this)" ></div> 3. 传入事件对象 <div onclick="onClick(event)" ></div> ......
Vue 前端开发团队风格指南（史上最全）
Vue官网的风格指南按照优先级（依次为必要、强烈推荐、推荐、谨慎使用）分类，本文根据项目实际情况整理了一份适用于团队开发的vue风格指南，供大家参考。 ......
CSS 默认样式
outline: Chrome浏览器默认为-webkit-focus-ring-color auto 1px; webkit-focus-ring-color默认为rgb(16, 16, 16);这个值不会变，但是浏览器可能对其他的属性进行了处理，导致了focus元素时会根据背景色的不同产生不同的对 ......
CSS学习1 认识CSS；三种CSS的编写样式；CSS注释；常见的CSS样式；元素link；CSS颜色表示方法；浏览器开发者工具；浏览器的渲染流程
1_认识CSS what：为网页添加样式（美化界面）；一门样式表语言，不是编程语言 发展历史 css1（两个人合作发布） css2（w3c） css3（模块化持续发展中） 总结：美化HTML，让HTML与CSS分离 方式一：添加样式，例如颜色、字体，大小 方式二：布局，按照某种结构显示 2_三种CS ......
【前端】-近期面试题
setup setup 中的代码与普通的 <script> 只在组件被首次引入的时候执行一次不同，<script setup> 中的代码会在每次组件实例被创建的时候执行。 所以，任何在 <script setup> 声明的顶层的绑定 (包括变量，函数声明，以及 import 导入的内容) 都能在模板 ......
前端项目开发中如何统一代码风格？
一、问题 平时开发前端项目的时候，发现大家所用的编辑器都有所不同，编辑器中很多人喜欢制定自己的代码风格，这就导致协作的时候，大家的代码风格不统一。提交代码的时候会发现修改了大量的代码格式。 二、解决方案 使用eslint 和 Prettier 来统一代码风格并提高代码质量 三、解决步骤 在本文中，我 ......
HTML中meta标签的那些属性
<meta> 标签是 HTML 中用于描述网页元信息的元素。它位于 <head> 部分，不会显示在页面内容中，但对于浏览器、搜索引擎等具有重要作用。主要作用有：定义文档的字符编码、提供网页的描述信息、关键词、作者、视口设置等，这些信息有助于搜索引擎理解和索引网页内容。 <meta> 标签的主要属性有 ......
Java使用wkhtmltopdf实现HTML转pdf
wkhtmltopdf设置全屏： wkhtmltopdf --disable-smart-shrinking --page-size A4 -B 0 -L 0 -R 0 -T 0 test.html output.pdf -B -T -R -L 是有效果的， $snappy->setOption(' ......