骨架 前端html

HTML实现文件上传下载功能实例解析

​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 ......
上传下载 实例 功能 文件 HTML

后端long类型传到前端精度丢失

问题: c# 的long类型精度比前端JS的number精度高,前端JS 的long类型只有17位,当后端传给前端的long类型超过17位时,就会造成数据精度丢失。 解决方案: 1. 我们可以自定义一个json序列化的转换器,将long类型转换为string类型。代码如下: public class ......
前端 精度 类型 long

day 08 8.2 前端基础之JavaScript基础【三】

前端基础之JavaScript基础【三】 【1】、jQuery介绍 jQuery是什么 jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的 ......
基础 前端 JavaScript day 8.2

前端内容

day01——前端前戏、http、head标签、body标签、 前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称职位前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 ......
前端 内容

12、Markdown 内嵌 HTML 标签

12、Markdown 内嵌 HTML 标签 对于 Markdown 涵盖范围之外的标签,都可以直接在文件里面用 HTML 本身。如需使用 HTML,不需要额外标注这是 HTML 或是 Markdown,只需 HTML 标签添加到 Markdown 文本中即可。 行级內联标签 HTML 的行级內联标 ......
Markdown 标签 HTML

day 06 6.1 前端基础之CSS

前端基础之CSS CSS就是Cascading Style Sheet的缩写,中文译作“层叠样式表”或者是“级联样式表”,是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言,CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言),是Web网页开发技术的重要组成部分。 那么接下 ......
前端 基础 day 6.1 CSS

day 07 7.1 前端基础之JavaScript基础【一】

前端基础之JavaScript基础【一】 【1】、JavaScript 的历史 1992年底,美国国家超级电脑应用中心(NCSA)开始开发一个独立的浏览器,叫做Mosaic。 这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览。 但是该浏览器还没有面向大众的普通用户。 1994年10月,N ......
基础 前端 JavaScript day 7.1

day 08 8.1 前端基础之JavaScript基础【二】

前端基础之JavaScript基础【二】 【1】、json序列化和反序列化 JSON:JavaScript 对象表示法,是一种轻量级的数据交换格式。易于人阅读和编写。 // json是一种数据格式, 语法一般是{}或者[]包含起来 // 内部成员以英文逗号隔开,最后一个成员不能使用逗号! // 可以 ......
基础 前端 JavaScript day 8.1

day 05 5.1 前端基础之HTML

前端基础之HTML 了解了web相关基本概念以后,我们开始正式接触网页开发,网页开发的基础是HTML, 所以,本章内容主要分两部分, 一是介绍HTML的相关概念、发展历史, 二是 创建HTML网页文档和认识HTML的基本结构。 我们学会如何新建一个 HTML 页面和熟记HTML文档的基本结构和主要标 ......
前端 基础 HTML day 5.1

无界微前端(wujie):element-ui 弹框内使用select组件,弹出框位置异常解决方案 (主程序加载子程序)

https://wujie-micro.github.io/doc/guide/ element-ui 弹框内使用select组件,弹出框位置异常解决方案 第一步: 在子应用中: 以上3步就好啦!!!是不是很简单 这个框架坑很多,希望对大家有帮助!!! ......
子程序 主程序 前端 element-ui 组件

03-初识HTML

title: 03-初识HTML publish: true 编辑器相关 前端开发的编辑器软件,我首先推荐 VS Code,其次推荐Sublime Text。 有人说 WebStorm 也不错?但真实情况是,自从VS Code 问世之后,用 WebStorm 的人越来越少了。 PS:文件的后缀名不能 ......
HTML 03

12-HTML基础回顾

title: 12-HTML基础回顾 本文主要内容 html 的常见元素 html 元素的分类 html 元素的嵌套关系 html 元素的默认样式和 CSS Reset html 常见面试题 html 的常见元素 html 的常见元素主要分为两类:head 区域的元素、body 区域的元素。下面来分 ......
基础 HTML 12

06-HTML标签:图片标签

title: 06-HTML标签:图片标签 publish: true img标签介绍 介绍 img: 英文全称 image(图像),代表的是一张图片。 如果要想在网页中显示图像,就可以使用img 标签,它是一个单标签。语法如下: <img src="图片的URL" /> 能插入的图片类型 能够插入 ......
标签 图片 HTML 06

08-HTML5详解

title: 08-HTML5详解 publish: true HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1(严格的html) 2002 Tablel ......
HTML5 HTML 08

04-HTML标签:排版标签

title: 04-HTML标签:排版标签 publish: true 本文主要内容 排版标签: <h1> <p> <hr /> <br /> <div> <span> <center> <pre> 下面来详细介绍一下排版标签。 标题标签 标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标 ......
标签 HTML 04

07-html标签图文详解(二)

title: 07-HTML标签图文详解(二) 本文主要内容 列表标签:<ul>、<ol>、<dl> 表格标签:<table> 框架标签及内嵌框架<iframe> 表单标签:<form> 多媒体标签 滚动字幕标签:<marquee> 列表标签 列表标签分为三种。 1、无序列表<ul>,无序列表中的每 ......
标签 图文 html 07

10-HTML5详解(二)

title: 10-HTML5详解(二) publish: true 本文主要内容 拖拽 历史 地理位置 全屏 拖拽 如上图所示,我们可以拖拽博客园网站里的图片和超链接。 在HTML5的规范中,我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作,其中图片、链接 ......
HTML5 HTML 10

11-HTML5详解(三)

title: 11-HTML5详解(三) publish: true Web 存储 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,传统方式我们以document.cookie来进行存储的,但是由于其存储大小只有4k左右,并 ......
HTML5 HTML 11

05-HTML标签:字体标签和超链接

title: 05-HTML标签:字体标签和超链接 publish: true 本文主要内容 字体标签: <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a> 字体标签 特殊字符(转义字符) &nbsp;:空格 (non-breaking spacing,不断打空格) &lt ......
标签 字体 链接 HTML 05

09-HTML5举例:简单的视频播放器

title: 09-HTML5举例:简单的视频播放器 publish: true 我们采用 Bootstrap 网站的图标字体,作为播放器的按钮图标。 index.html的代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT ......
播放器 HTML5 视频 HTML 09

Atom在前端的使用

常用插件 Emmet:快速生成HTML片段,比如输入ul>li*3可以快速生成: <ul> <li></li> <li></li> <li></li> </ul> 详细地址,Emmet教程 Snippets:快速生成 js 代码片段(用来处理代码片段的模板输出),详细地址 Tree View:文件浏 ......
前端 Atom

Sublime Text在前端中的使用

新建文件时快速生成Html 安装如下插件: FileHeader:自动创建文件开头模板,并且会根据最后的保存时间修改更新时间。官网链接。 CSS Format:css格式化。 Emmet:它能够让你在编辑器中书写CSS和HTML的缩写并且动态地拓展它,是一个能大幅度提高前端开发效率的一个工具。这个软 ......
前端 Sublime Text

PDFUtils (解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF)

最近用到解析PDF, 整个小公举 解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF 依赖: <dependency> <groupId>org.apache.pdfbox</groupId> <artifactId>pdfbox</artifactId> <version> ......
PDF HTML PDFUtils 文本 图片

JavaScript增删HTML标签

要在JavaScript中添加和删除标签,可以使用以下代码: 添加标签: ```javascript // 创建一个新标签 var newTag = document.createElement("p"); // 设置标签属性和内容 newTag.setAttribute("id", "myTag" ......
JavaScript 标签 HTML

JavaScript修改HTML内容

要使用JavaScript修改网页中的文字和链接,可以使用以下方法: 1. 通过id获取元素,并使用innerHTML属性修改元素的内容。例如: ``` // 修改id为myText的元素的内容 document.getElementById("myText").innerHTML = "新的文本内 ......
JavaScript 内容 HTML

HTML常用标签

HTML 中常用的标签: <html>:定义 HTML 文档的根元素,包括 <head> 和 <body>。 <head>:定义文档头部,包含元数据和其他文档级设置,如标题、样式表和脚本等。 <body>:定义文档的主体部分,包含文档的内容。 <h1> - <h6>:定义标题,从大到小分别为一级标题 ......
常用 标签 HTML

HTML5常用标签

HTML5中常用的标签和高级标签有很多,以下是其中比较常用的标签及其作用说明和标签属性说明: 常用标签 1. <html>标签 <html>标签是HTML文档的根元素,它包含了整个HTML文档。它的属性有: lang:指定页面的主要语言,值为语言代码,例如en表示英语,zh-CN表示简体中文。 2. ......
常用 标签 HTML5 HTML

如何在html页面引入Element组件

相关步骤 1、引入相关链接 <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"> <script src="https://cdn.jsdelivr.net/npm/v ......
组件 Element 页面 html

AES算法 前端JavaScript加密 后端Java解密

CryptoJS https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js 中文文档 https://cryptojs.gitbook.io/docs/ var AES = function () { const ......
前端 算法 JavaScript Java AES

http 前端5种请求优化方法

1、减少请求数量:可以通过将多个资源(例如 JavaScript、CSS、图像等)合并为单个文件,从而减少 HTTP 请求的数量。另外,使用 CDN(内容分发网络)也可以减少跨地 域的请求延迟。 2、缓存请求结果:对于一些不会频繁更新的资源,可以将它们缓存在客户端或服务器端,从而减少请求的次数和响应 ......
前端 方法 http