前端html css

一台云服务器一个域名下,如何运行多个JAVA后端项目和多个VUE前端项目

拿若依前后端分离版项目举例: 修改前端代码 ruoyi-ui/vue.config.js // 二级目录名称ruoyi-ui publicPath: '/ruoyi-ui/', ruoyi-ui/src/router/index.js export default new Router({ mode ......
多个 项目 前端 服务器 域名

记录--解决前端内存泄漏:问题概览与实用解决方案

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 内存泄漏是前端开发中的一个常见问题,可能导致项目变得缓慢、不稳定甚至崩溃。在本文中,我们将深入探讨在JavaScript、Vue和React项目中可能导致内存泄漏的情况,并提供详细的代码示例,以帮助开发人员更好地理解和解决这些问题。 第一 ......
概览 前端 内存 解决方案 方案

CSS 添加上标

CSS 添加上标 心彻关注IP属地: 浙江 2016.01.20 14:37:46字数 184阅读 10,017 有两种方式:一、添加上标元素1、使用<sup>元素1.1、HTML代码:<span>好好学习,天天向上<sup>热</sup></span>1.2、CSS代码:无需CSS代码。1.3、效 ......
上标 CSS

撮合前端平台在低代码平台的落地实践

基于传统认知,前端产品直接触达消费者,往往具有高度的定制化、需求变更频繁等特点,要求具有很好的动态性, 能够满足不同客户的需求。那么能否建设类似的前端中台产品,我们姑且称之为“前端领域产品”,实现接入团队端到端能力复用呢?我们在撮合业务线中进行了一系列思考和探索。 ......
平台 前端 代码

前端面试笔记

#css ###常见的水平居中实现方案 * flex布局方案 ```html ``` ```css .father{ width:100%; height:20%; background-color:red; display:flex; justify-content: center; align- ......
前端 笔记

值得收藏的前端开发必备工具类函数

/** * 空值: [undefined, null, NaN, [], {}], 注意非空:0, false; * @param {*} value * @returns Boolean */ function isEmpty(value) { switch (Object.prototype.t ......
前端 函数 工具

前端token获取存储

// 存储的token的KEY export const TOKEN_KEY = 'token-user'; // 获取token 接口url export const TOKEN_URL = ''; // 跳转登录地址 export const LOGIN_URL = ''; // 获取 toke ......
前端 token

前端编辑器

、 5年及以上前端开发工作经验; 2、 精通javascript、html5等前端技术; 3、 熟练ueditor、wangEditor、TinyMCE、kindeditor等编辑器中一种及以上的二次开发工作; 4、 对有ueditor二次开发经验者优先; 5、 能有积极主动的工作态度和团队合作精神 ......
前端 编辑器

【Javascript】前端对文件进行md5计算再上传,以节省OSS云端存储空间

## 安装插件 browser-md5-file [browser-md5-file 用于计算文件md5](https://www.npmjs.com/package/browser-md5-file),文档介绍较少,看看就能使用↓ ![在这里插入图片描述](https://img-blog.csd ......
云端 前端 Javascript 文件 空间

【个人杂谈】假如我是一个前端工程师,我该如何在日常的学习过程中使用费曼学习法?

## 什么是费曼学习法? 费曼学习法是一种学习方法,它由诺贝尔物理学奖得主理查德·费曼(美籍犹太裔物理学家,加州理工学院物理学教授,1965年诺贝尔物理奖得主)提出。该方法的核心思想是**通过将所学的知识以简单明了的方式解释给别人**,来加深自己对知识的理解和掌握。 具体来说,费曼学习法包括以下几个 ......
前端 杂谈 工程师 过程 工程

前端实现复制文字和图片,原来这么简单!

前端实现复制文字和图像并不困难。本文主要介绍了两大类复制相关API,一是document.execCommand(),二是clipboard 相关api。通过举例讲解了这些api的使用和功能的实现 ......
前端 文字 图片

一次html中展示xml字符串不显示问题记录

## 现象 在html中展示xml字符串时不显示 ## 原因 展示xml字符串时代码为document.getElementById("demoPre").innerHTML = xml字符串,此时xml并不会作为文本显示,而是将xml节点嵌入html中,而浏览器又不能解析xml节点,最后就不显示 ......
字符串 字符 问题 html xml

【校招VIP】校招考点之前端安全和注入

考点介绍: 随着前端的快速发展,各种技术不断更新,前端的安全问题也越来越值得我们重视。千万不要等到项目上线之后才去重视安全问题,到时候被黑客攻击一切都太晚了。今天的专题将讲述前端几大常见安全问题,在校招面试中也是高频考点。 一、考点题目 1、XSS攻击是什么? 解答:得分点,XSS是跨站脚本攻击、向 ......
前端 VIP

前端实现文件下载功能——文件流

前端下载文件一般使用的是blob 核心的步骤是获取后端响应的文件流,用blob创建一个临时的URL,然后创建一个隐藏的<a>标签,实现下载需求。 那就先上代码 function download(item) { axios.get(getServerUrl() + "/teacher/output/ ......
文件 前端 文件下载 功能

Java后端向前端返回文件流——实现下载功能

前端实现文件下载功能有多种方法,这里就不一一介绍,这里只介绍使用文件流下载的实现方法。 既然是文件流那就肯定需要给前端返回一堆二进制编码,作为后端就可以返回一个OutPutStream 后端可以使用Java中servlet提供的HttpServletResponse,核心步骤是要设置响应的数据类型, ......
前端 功能 文件 Java

vue前端几个常用的方法

1,字符串数组去重的方法 一、使用set结构去重 set是ES6中的一种数据结构,可以去除重复元素,其特征为无序且不重复,经常用于数组去重的场景。 let arr = [1, 2, 2, 3, 3, 4, 5]; let set = new Set(arr); arr = Array.from(se ......
前端 常用 方法 vue

How to fix the Tailwind CSS output.css not work All In One

How to fix the Tailwind CSS output.css not work All In One ......
Tailwind output work How CSS

搭建前端项目框架流程思路

从零开始一个项目,第一步就是搭建项目框架,接下来会总结一下搭建框架的基本思路 第一步确认好项目所使用的框架技术 vue2、vue3或者react,打开对应框架技术的官网,根据教程跑一个最基本的项目,当然在创建项目过程时依需勾选相应需求 第二步,完成第一步项目的基本雏形就有了,在真正开发过程中都是使用 ......
前端 框架 思路 流程 项目

20 JavaScript和HTML交互

##### 20 JavaScript和HTML交互 在HTML中可以直接在标签上给出一些事件的触发. 例如, 页面上的一个按钮. ```js ``` 我们能够知道此时在页面中会产生一个按钮. 但是该按钮无论如何进行点击. 都不会触发任何事件. 但, 此时我要告诉你, 人家其实触发了. 只是你没处理 ......
JavaScript HTML 20

常用的CSS样式

隐藏input输入框的增减按钮/* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0;} / ......
样式 常用 CSS

css flex 布局注意事项

1.父容器主要设置的 属性 flex-flow(flex-direction主轴方向 和 flex-wrap 如何换行 的简写) : 默认为 row nowrap 即 水平左起点 不换行 第一个值的其他可能:row-reverse:水平,右; column:垂直,起点在上沿; column-reve ......
布局 注意事项 事项 flex css

15 CSS总结

##### 15 CSS总结 到此,css的知识就结束了,掌握这些知识,搞爬虫足够了。如果朋友还有兴趣可以去css其他学习网站去看看其他的一些属性用法,(菜鸟教程 https://www.runoob.com/css/css-tutorial.html ),以下是总结的知识点: ![image](h ......
CSS 15

【校招VIP】前端算法考察之排序

考点介绍: 不同的场景中,不同的排序算法执行效率不同。 稳定:冒泡、插入、归并 不稳定:选择、快速、堆排序、希尔排序 一、考点题目 1、使用js实现数组的快速排序 解答:快速排序使用了冒泡+分治的思路。 每轮从数组中取出一个数作为基准;在排序过程中,小于或等于基准数的全部放到基准的左边,大于基准的全 ......
前端 算法 VIP

HTML5实现大文件上传下载

​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up ......
上传下载 文件 HTML5 HTML

前端大数精度处理方案

问题 在我们常见的 JavaScript 数字运算中,小数和大数都是会让我们比较头疼的两个数据类型。 在大数运算中,由于 number 类型的数字长度限制,我们经常会遇到超出范围的情况。比如:后端给前端返回一个数字类型的 id,但是前端对这个 id 不做任何处理,直接使用到下一个给后端请求的时候,接 ......
大数 前端 精度 方案

【转】前端 commit 规范

【转】前端 commit 规范 什么是约定式提交 约定式提交(Conventional Commits)是一种用于代码版本控制的规范,旨在通过明确和标准化提交信息来提高代码协作质量和效率。其基本原则是通过规定提交信息的结构和语义来提高代码版本控制的可读性、可维护性和自动化程度。 约定式提交规范通常要 ......
前端 commit

CSS基础-2D变形

变形是CSS3中比较颠覆性的特征之一,今天介绍四种2D变形旋转、缩放、倾斜、位移变形。 变形在CSS3用 **transform** 属性 来实现。 ### **transform-origin 属性** transform-origin 表示旋转的原点,默认是在盒子的中心位置(center)。 ! ......
基础 CSS 2D

HTML5你必须知道的28个新特性

HTML5有很多的新功能.新代码.非常不错.现在总结一下.仅供参考 1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img ......
特性 HTML5 HTML

animate.css动画库

使用CSS3的animation制作的动画效果的CSS集合,里面预设了很多种常用的动画(官网:https://animate.style/) // 安装 npm install animate.css (npm安装) https://unpkg.com/animate.css@3.5.2/anima ......
画库 animate css

搭建前端Vue框架的步骤,包括TypeScript、ESLint、Prettier和Vite的配置

搭建前端Vue框架需要以下步骤: 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
前端 TypeScript 框架 Prettier 步骤