前端html

前端-Vue语法使用

ES6 做为动态语言,感觉底层开始-基本类型就全引用。做为实例化的变量,也变得像指向指针的指针,可以随时切换指针,从而最终的数据类型也更着切换总的来说概念上会比较别扭。以及灵活导致的不确定性。底层都是对象,从对象的类型来搭建。 基本类型\ Primitive value Undefined,Null ......
前端 语法 Vue

最近遇到的一个问题 后端写好的接口,前端怎么获取数据

这是我后端的接口: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 ......
前端 方面 常用 基础 Nginx

前端-VUE

工程化 这里要从node.js开始。 node.js要弄一个基于事件驱动、非阻塞I/O的的web服务,发现V8引擎+JavaScript很合适。这样Js就能直接写后端应用。然后发展成作为本地的运行容器(类似jdk),将js导入到了本地运行领域。以此位基础,发展出了生态环境,里面关系挺绕的,各种轮子, ......
前端 VUE

html css 实现图片扫描特效

实现这个特效需要做3个层,所以要用到CSS绝对定位和层级z-index以及设置top、left、bottom、right的值。大体结构是一个容器,容器里放3个层,底层是4个角的边框效果容器,中间层是要扫描的图片容器,顶层是扫描线容器,这3个层通过z-index来实现层级,它们的高宽度都取父容器的高宽 ......
特效 图片 html css

JAVA实现html代码转为图片

##方法一:html2Image ###1、引入依赖 <dependency> <groupId>gui.ava</groupId> <artifactId>html2image</artifactId> <version>2.0.1</version> </dependency> ###2、代码实 ......
代码 图片 JAVA html

ios15使用html2canvas页面白屏、崩溃、自动刷新

原文链接:https://www.cnblogs.com/yalong/p/17408067.html 背景 有个H5内嵌App的项目,做分享功能的时候用到了 html2canvas, 在IOS15(Iphone11 pro)上, 只要点击分享就会触发页面reload 或者直接白屏,把H5链接在手机 ......
html2canvas 2canvas 页面 canvas html2

【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(一)

MyEclipse v2022.1.0正式版下载 MyEclipse技术交流群:742336981 欢迎一起进群讨论 如果您有HTML或JSP文件要编辑,这里将介绍如何编辑。查找以下信息: 编辑源代码 大纲和属性视图 参数页面 该功能在MyEclipse中是可用的。 一、HTML / JSP编辑器 ......
开发者 MyEclipse 文件 指南 HTML

html中怎么把radio变大?

可以使用CSS样式来修改HTML中的​​radio​​按钮大小。以下是一些示例代码: 使用​​transform: scale()​​​属性 <label> <input type="radio" name="option"> Option 1 </label> <style> input[type ......
radio html

VUE前端随笔计2

又是小白记录问题的一次,老规矩,还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码,对比别人的,发现自己的删多了,把这个补充回去就行了,具体意思不太明白,大概是给这个模型里面填充这行数据。 ......
前端 随笔 VUE

简单聊两句前端模块化

在前端开发中,模块化是一种将代码拆分为独立模块的开发方法。它通过将功能相似或相关的代码组织成可复用、可维护的模块,以提高开发效率和代码质量。 模块化的主要目的是解决传统的JS开发存在的问题,例如全局命名冲突、代码复用困难、依赖管理混乱等。通过模块化,可以将代码拆分为独立的功能模块,每个模块都有自己的 ......
前端 模块

HTML 里 img 元素的 src 和 srcset 属性有何区别?

在 HTML 中,img 元素通常用于在网页中插入图片。img 元素有两个相关的属性:src 和 srcset。 src 属性指定图像的 URL,它是必需的。浏览器将使用该 URL 加载图像并将其显示在页面上。 srcset 属性允许您指定一系列不同大小或分辨率的图像文件,以便浏览器可以根据设备的像 ......
属性 元素 srcset HTML img

电商JD商城登录页面html+css

这也太难了吧,怎么连抄咱也不会抄啊QAQ 看了这么久的前端,总是感觉看得懂,写不出来,抄也不会抄 这不,这又抄写了一个京东电商商城的登录页面,本来想好好学习一下页面的布局以及编写结构和思维, 结果html代码还行,至少可以看的懂,到了css上就完全不知道怎么设置样式了,感觉有的样式完全可以不设置, ......
页面 商城 html css

合格前端需了解的知识 --- HTTP系列之队头阻塞(阅读时常5分钟)

简单聊下前端日常接触的HTTP协议 前言 2020年已过半,近期为了准备面试,重新学习了HTTP的部分知识点,以下是我个人对HTTP协议发展的理解,通过近期学习整理的笔记。 HTTP是一个属于应用层的面向对象的协议,主要特点概括主要有5点: 1、无状态:协议对于事务处理无记忆能力,每次客户端发起请求 ......
前端 知识 HTTP

html绑定事件写法

1. 无参绑定 <div onclick="onClick()" ></div> 2. 传入源dom对象 <div onclick="onClick(this)" ></div> 3. 传入事件对象 <div onclick="onClick(event)" ></div> ......
写法 事件 html

Vue 前端开发团队风格指南(史上最全)

Vue官网的风格指南按照优先级(依次为必要、强烈推荐、推荐、谨慎使用)分类,本文根据项目实际情况整理了一份适用于团队开发的vue风格指南,供大家参考。 ......
前端 团队 风格 指南 Vue

【前端】-近期面试题

setup setup 中的代码与普通的 <script> 只在组件被首次引入的时候执行一次不同,<script setup> 中的代码会在每次组件实例被创建的时候执行。 所以,任何在 <script setup> 声明的顶层的绑定 (包括变量,函数声明,以及 import 导入的内容) 都能在模板 ......
前端

前端项目开发中如何统一代码风格?

一、问题 平时开发前端项目的时候,发现大家所用的编辑器都有所不同,编辑器中很多人喜欢制定自己的代码风格,这就导致协作的时候,大家的代码风格不统一。提交代码的时候会发现修改了大量的代码格式。 二、解决方案 使用eslint 和 Prettier 来统一代码风格并提高代码质量 三、解决步骤 在本文中,我 ......
项目开发 前端 风格 代码 项目

HTML中meta标签的那些属性

<meta> 标签是 HTML 中用于描述网页元信息的元素。它位于 <head> 部分,不会显示在页面内容中,但对于浏览器、搜索引擎等具有重要作用。主要作用有:定义文档的字符编码、提供网页的描述信息、关键词、作者、视口设置等,这些信息有助于搜索引擎理解和索引网页内容。 <meta> 标签的主要属性有 ......
属性 标签 HTML 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(' ......
wkhtmltopdf Java HTML pdf

深入理解前端字节二进制知识以及相关API

当前,前端对二进制数据有许多的API可以使用,这丰富了前端对文件数据的处理能力,有了这些能力,就能够对图片等文件的数据进行各种处理。 本文将着重介绍一些前端二进制数据处理相关的API知识,如Blob、File、FileReader、ArrayBuffer、TypeArray、DataView等等。 ......
二进制 前端 字节 知识 API

02-HTML基础知识

HTML基础知识 学习目标 能够知道html的作用 能够写出html的基本结构 能够知道单标签和双标签的区别 知道相对路径和绝对路径的区别 掌握标签的种类 了解表格的边线合并 了解表单中常用的表单元素标签 了解表单的提交方式 了解表单中action属性的作用 一、HTML的介绍 1. 网页效果图 - ......
基础知识 基础 知识 HTML 02

HTML 表单

9.1 表单标签 - 主要标签 - <form>:表单容器 - <input>:输入框 - 相关标签 - <textarea>:多行文本框 - <slect>、<option>:下拉菜单(组合使用) - <label>:标题(辅助表单标签),用for和id属性形成映射,点击标题也可选择 9.2 <i ......
表单 HTML

HTML 表格

8.1 表格标签 - <table>:表格容器 - <tr>:表格行 - <th>:表头 - <td>:表格单元 - <caption>:表格标题 - <thead>:语义化-头部,唯一 - <tbody>:语义化-身体部分 - <tfoot>:语义化-脚部,唯一 8.2 table属性 - row ......
表格 HTML

HTML-01(到列表)

HTML+CSS html4——>css2——>html5——>css3 w3c官网:www.w3c.org (英文) www.w3school.com.cn里面有很多的教程 (中文) mdn:developer.mozilla.org (部分中文) C/S和B/S架构 C/S C : Client ......
HTML 01

前端SEO优化技术汇总

一、title、alt、h1 itle: 网站头部标签<head>下的title,网站名称备注:这里为什么不说标签中的title属性,,虽然鼠标上移可以显示图片名字,但是它跟SEO没一丝联系所以我们不关注它。 例如: <img title="图片名称"/> alt: 当网络速度很慢,或者图片地址失效 ......
前端 技术 SEO

学习日记——HTML入门第一课

1.了解HTML的定义,基本结构 ①对于超文本标记语言的理解,是超越文本(不限制于字符,包含视频音频)用“<>”这个特殊字符来书写的语言 ②基本结构为 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> < ......
门第 日记 HTML

记录--前端实现点击选词功能

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 今天有一个需求,点击选中某个英文单词,然后对这个单词做一些处理,例如高亮背景、查看一些详细信息等等,今天简单实现了一下,效果如下:(支持移动端,chrome和sarafi浏览器均能正常使用。语言🚀 vue3 + typescript) ......
前端 功能

web前端动画网址

很实用的web前端动画网址 1.https://lhammer.cn/You-need-to-know-css/#/zh-cn/2.https://chokcoco.github.io/CSS-Inspiration/#/3.https://qishaoxuan.github.io/css_tric ......
前端 网址 动画 web

HTML a标签

7.1 属性 - href:链接地址 - target:控制链接的打开方式。 - _self(默认)-在当前页面打开; - _blank-新标签页打开。 7.2 <base />标签 - 作用:改变链接的默认行为 - 位置:在head标签中 - 属性:href——改变默认链接;target——改变默 ......
标签 HTML