前端html
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 ......
04-HTML标签：排版标签
title: 04-HTML标签：排版标签 publish: true 本文主要内容 排版标签： <h1> <p> <hr /> <br /> <div> <span> <center> <pre> 下面来详细介绍一下排版标签。 标题标签 标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标 ......
07-html标签图文详解（二）
title: 07-HTML标签图文详解（二） 本文主要内容 列表标签：<ul>、<ol>、<dl> 表格标签：<table> 框架标签及内嵌框架<iframe> 表单标签：<form> 多媒体标签 滚动字幕标签：<marquee> 列表标签 列表标签分为三种。 1、无序列表<ul>，无序列表中的每 ......
10-HTML5详解（二）
title: 10-HTML5详解（二） publish: true 本文主要内容 拖拽 历史 地理位置 全屏 拖拽 如上图所示，我们可以拖拽博客园网站里的图片和超链接。 在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接 ......
11-HTML5详解（三）
title: 11-HTML5详解（三） publish: true Web 存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并 ......
05-HTML标签：字体标签和超链接
title: 05-HTML标签：字体标签和超链接 publish: true 本文主要内容 字体标签： <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a> 字体标签 特殊字符（转义字符） ：空格 （non-breaking spacing，不断打空格） < ......
09-HTML5举例：简单的视频播放器
title: 09-HTML5举例：简单的视频播放器 publish: true 我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。 index.html的代码如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT ......
Atom在前端的使用
常用插件 Emmet：快速生成HTML片段，比如输入ul>li*3可以快速生成： <ul> <li></li> <li></li> <li></li> </ul> 详细地址，Emmet教程 Snippets：快速生成 js 代码片段（用来处理代码片段的模板输出），详细地址 Tree View：文件浏 ......
Sublime Text在前端中的使用
新建文件时快速生成Html 安装如下插件： FileHeader：自动创建文件开头模板，并且会根据最后的保存时间修改更新时间。官网链接。 CSS Format：css格式化。 Emmet：它能够让你在编辑器中书写CSS和HTML的缩写并且动态地拓展它，是一个能大幅度提高前端开发效率的一个工具。这个软 ......
PDFUtils (解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF)
最近用到解析PDF, 整个小公举 解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF 依赖： <dependency> <groupId>org.apache.pdfbox</groupId> <artifactId>pdfbox</artifactId> <version> ......
JavaScript增删HTML标签
要在JavaScript中添加和删除标签，可以使用以下代码： 添加标签： ```javascript // 创建一个新标签 var newTag = document.createElement("p"); // 设置标签属性和内容 newTag.setAttribute("id", "myTag" ......
JavaScript修改HTML内容
要使用JavaScript修改网页中的文字和链接，可以使用以下方法： 1. 通过id获取元素，并使用innerHTML属性修改元素的内容。例如： ``` // 修改id为myText的元素的内容 document.getElementById("myText").innerHTML = "新的文本内 ......
HTML常用标签
HTML 中常用的标签： <html>：定义 HTML 文档的根元素，包括 <head> 和 <body>。 <head>：定义文档头部，包含元数据和其他文档级设置，如标题、样式表和脚本等。 <body>：定义文档的主体部分，包含文档的内容。 <h1> - <h6>：定义标题，从大到小分别为一级标题 ......
HTML5常用标签
HTML5中常用的标签和高级标签有很多，以下是其中比较常用的标签及其作用说明和标签属性说明： 常用标签 1. <html>标签 <html>标签是HTML文档的根元素，它包含了整个HTML文档。它的属性有： lang：指定页面的主要语言，值为语言代码，例如en表示英语，zh-CN表示简体中文。 2. ......
如何在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 ......
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 ......
http 前端5种请求优化方法
1、减少请求数量：可以通过将多个资源（例如 JavaScript、CSS、图像等）合并为单个文件，从而减少 HTTP 请求的数量。另外，使用 CDN（内容分发网络）也可以减少跨地 域的请求延迟。 2、缓存请求结果：对于一些不会频繁更新的资源，可以将它们缓存在客户端或服务器端，从而减少请求的次数和响应 ......
前端跨域解决方案——JSONP
JSONP（JSON with Padding）是一种跨域请求的解决方案，它允许在不受同源策略限制的情况下从一个域中向另一个域中请求数据。 JSONP的基本原理是利用 <script> 标签的 src 属性没有跨域限制的特性来实现跨域数据访问。 在使用JSONP时，需要在客户端创建一个 script ......
3.通用权限系统-角色管理前端
硅谷通用权限系统：角色管理前端 一、前端框架 1、vue-element-admin vue-element-admin是基于Vue和Element-ui 的一套后台管理系统集成方案。 **功能：**https://panjiachen.github.io/vue-element-admin-sit ......
2.通用权限系统-前端基础知识
硅谷通用权限系统：前端基础知识 一、前端开发和前端开发工具 1、前端开发介绍 前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动时代，前端开发的工作越来越重要。 最初所有的开发工作都是由后端工程 ......
6-2.通用权限系统-权限管理-前端权限对接
硅谷通用权限系统：前端权限对接 一、菜单权限及按钮权限 按照下面步骤即可完成前端框架权限对接 1、修改request.js文件 2、store/modules/user.js 新增菜单及按钮处理 const getDefaultState = () => { return { token: getT ......
前端封装 IndexedDB 存储和使用gltf模型文件的方法，以重复使用代码
以下是一个简单的封装IndexedDB存储和使用gltf模型文件的方法，可以重复使用代码： function saveModelToIndexedDB(modelName, modelData) { return new Promise((resolve, reject) => { const re ......
前端面试题总结
1 递归 是什么? 递归确定只是函数自调用吗? 如果非得要用递归渲染一个菜单, 你要怎么做. 说具体的步骤. 说核心. //第n项的和 sum(n) = sum(n-1)+n 终止条件n=1 function sum(n){ if(n==1) return 1 return sum(n-1) + n ......
前端（七）
前端(七) jQuery 属性操作 # 属性操作就是给标签增加删除之类的 # js中如果是自带属性就是点语法不是自带属性就是div.setAttritube('k','v') JQuery： 1. attr(attrName); # 获取匹配到的属性 2. attr(attrName, value) ......
html5常用的语义化标签
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web ......
前端奇遇收集
1. jeecgboot-vue3的表格组件，使用的ant-design-vue的2.x版本的组件，其字典字段，页面首次加载，当字段在可视范围内，可正常显示，超出可视范围，即需要横向滚动条拉动，则不能正常显示字段 2. uniap的onShow周期，选择图片，在chrome的手机模拟器中不会触发on ......
漫谈前端自动化测试演进之路及测试工具分析
随着前端技术的不断发展和应用程序的日益复杂，前端自动化测试也在不断演进。随着 Web 应用程序变得越来越复杂，自动化测试的需求也越来越高。如今，自动化测试已经成为 Web 应用程序开发过程中不可或缺的一部分，它们可以帮助开发人员更快地发现和修复错误，提高应用程序的性能和可靠性。 ......
前端基础之JavaScript
前端基础之JavaScript JavaScript和Java没有半毛钱关系，由于当时的Java热度很热，蹭一下热度。 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布26 ......
web前端
工程认知——Web前端 Week1 一、课程概要、要求和学习方法 概要：本课程将系统地学习现代软件前端开发的实用技术，在前端技术中属于中级实用技术范畴。课程包含前端三大部分 HTML5、CSS3、JavaScript、前端框架和后端框架，循序渐进地将每一部分的实用技术结合讲解、演示，最后交予学生不断 ......