骨架 前端html
前端图片最优化压缩方案
function compressImg(file, quality) { var qualitys = 0.52 if (parseInt((file.size / 1024).toFixed(2)) < 1024) { qualitys = 0.85 } if (5 * 1024 < parse ......
HTML中title标签的使用
HTML中的title标签是非常重要的标签之一，它用来描述网页的标题。在搜索引擎优化中，title标签是非常关键的，因为搜索引擎会将title标签中的文字作为页面的主要描述，并根据其相关性来判断网页内容的质量和权重。 ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
前端记录
vite 分包 build: { outDir: 'dist', assetsDir: 'assets', rollupOptions: { output: { manualChunks: (id) => { if (id.includes('node_modules')) { //D:/proje ......
前端学习-JavaScript学习-js基础-API02
学习视频:黑马程序员视频链接 事件监听 三要素：事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ......
Java登陆第二十天——HTML常用标签
文本标签 文本常用的HTML标签： 标签名 标签描述 <h1></h1> 标题标签 <h6></h6> 标题标签 <p></p> 段落标签 <hr> 换行标签 <br> 换行标签 标签栗子： <!DOCTYPE html> <html lang="en"> <head> <meta charset= ......
基于vue2开发的html5页面实现微信分享卡片（微信好友+朋友圈+qq好友+qq空间）
首先附上文档链接： 1.微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网：https://cli.im/text/other 需求： 在浏览器分享链接时 ......
快速认识，前端必学编程语言：JavaScript
JavaScript是构建Web应用必学的一门编程语言，也是最受开发者欢迎的热门语言之一。所以，如果您还不知道JavaScript的用处、特点的话，赶紧补充一下这块基础知识。 JavaScript 是一种高级、单线程、垃圾收集、解释或即时编译、基于原型、多范式、动态语言，具有非阻塞事件循环，因构建网 ......
备忘-js-html-json乱码的解决。
使用vs开发一个前端的页面， 想把通用的方法放在一个js文件中， 遇到了中文乱码的问题 奇怪的地方在于，把js代码放在cshtml文件中，就没有问题，但是放在单独的js文件中就有问题。 忙活了很长时间，大约知道是因为js文件和cshtml文件的编码格式不一样，但是看了下都是ansi，不过一个是uni ......
前端优化之路：git commit 校验拦截
【前言】 前面在git分支规范那篇文章里，介绍了commit提交规范，如下图 但是想要做到高效落地执行，就需要做些别的功课，先展示下成果图 没错，对不符合规范的commit进行了拦截，符合才可以成功提交。 【前期准备】 需要了解git hooks，它是git的钩子，就像vue拥有自己的钩子一样 官方 ......
2023最新中级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度前端面试题合集 问: 请详述 JavaScript 中的 async/await 用法？ async/await是ES2017引入的新特性，用于实现异步编程的同步化操作。 async表示函数是一个异步函数，它总是返回一个Promise对象；await用于 ......
2023最新初级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度前端面试题合集 问: 请详细描述 HTML、CSS、JavaScript 的基本结构？ HTML、CSS、JavaScript 是 web 前端开发中最常用的三种技术，它们分别负责页面结构、表现形式和交互行为。 HTML（Hyper Text Marku ......
Java登陆第十九天——HTML规范与语法
使用IDEA新建一个空的Web项目，并填写路径与项目名称 进入项目后，在根目录新建一个HTML页面，取名为index 就可以得到一个最基础的HTML页面 在IDEA中，使用浏览器打开此页面 页面内容如下： 如何修改浏览器选项 File-Settings-Tools-Web Browsers HTML ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
python HTML文件标题解析问题的挑战
引言 在网络爬虫中，HTML文件标题解析扮演着至关重要的角色。正确地解析HTML文件标题可以帮助爬虫准确地获取所需信息，但是在实际操作中，我们常常会面临一些挑战和问题。本文将探讨在Scrapy中解析HTML文件标题时可能遇到的问题，并提供解决方案。 问题背景 在解析HTML文件标题的过程中，我们可能 ......
bs4 - HTML操作
html_doc = """ <html><head><title>The Dormouse's story</title></head> <body> <p class="title"><b>The Dormouse's story</b></p> <p class="story">Once up ......
用html和css和js实现一个班级点名
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>班级点名系统</t ......
前端开发-视口（布局视口、视觉视口、理想视口）
首先必须要明白一点：（假设手机分辨率3200 * 1420），css中的1px不一定等于实际屏幕的1px（这里有1420px）,系统会自动匹配一个最合适的比例（假设这个比例为3.5），用屏幕的3.5px 去渲染css中的1px，也就是说，所有的显示屏幕，不管你的分辨率是多少，系统都会自动匹配一个最适 ......
NET Core 3.1 MVC 在html中引用js的方法使用时不生效异常
在html的select元素添加了onchange事件，changeContent方法也在当前html下。 <select id="changeLanguage" class="form-control input-lg" asp-for="language" asp-items="Model.su ......
第三阶段前端随手笔记
1.let细节 注意 直接输出x,会报错！ 在输出语句后面使用var定义变量x，会变量提升，输出undefined 2 Vue 笔记 1 控制台直接使用vm对象 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v ......
HTML学习笔记七：html-字符实体和全局属性
HTML学习笔记七：html-字符实体和全局属性 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta 字符实体 用特定代码来表示一个符号，即 ......
HTML学习笔记四：html-body-行内元素
HTML学习笔记四：body元素行内元素 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta body中元素分类 块级元素 行内元素 行内元 ......
HTML学习笔记六：html-body-框架元素
HTML学习笔记六：html-body-框架元素 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta 框架标签 iframe 可以通过使用i ......
HTML学习笔记五：html-body-form表单
HTML学习笔记五：html-body-form表单 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta 表单元素 在网页中，如果需要向we ......
HTML学习笔记二：html-head内元素
HTML学习笔记二：head内元素 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta title 标题元素 用于定义文档的标题，此标题显示 ......
HTML学习笔记三：html-body-块级元素
HTML学习笔记三：body元素块级元素 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta body中元素分类 块级元素 又称为块元素，独 ......
HTML学习笔记一：html简介和基本结构
HTML学习笔记一 一、什么是HTML？ 众所众知，我们打开的网页是一个一个的HTML，网页静态的结构是由html完成，而各式各样的表现样式是由css完成，至于网页与服务器之间的交互行为则都交给了javascript完成。 HTML和CSS本质都是结构化、标准化的语言，用于定义页面结构，样式渲染。不 ......
HTML代码混淆技术：原理、应用和实现方法详解
HTML代码混淆是一种常用的反爬虫技术，它可以有效地防止爬虫对网站数据的抓取。本文将详细介绍HTML代码混淆技术的原理、应用以及实现方法，帮助大家更好地了解和运用这一技术。 一、HTML代码混淆的原理 HTML代码混淆是指将HTML源码通过特定的算法进行加密处理，使得人类可读的源码变得难以理解和 ......
前端优化之路：打包文件拆包、增加哈希值
【前言】 前面对项目打包做了优化处理，但是还不够完美，有两点可继续优化 生成的chunk-vendors文件过大，压缩后仍然超过1M 开发、测试环境生成的js文件，未带哈希值 问题1：如果在弱网环境下，会造成首次白屏时间过长 问题2：容易产生同名文件，造成浏览器缓存 出于以上两点考虑，故而需继续对项 ......