红目香薰的博客_web前端

解决Tomcat中文乱码问题——windows平台

其实，没有什么影响，几乎所有的编译器都能修改编码格式，windows自带的txt也能修改编码格

tomcat

servlet

java

apache

编码格式

原创 5月前 236 阅读

如何让JOIN跑得更快

JOIN 一直是数据库性能优化的老大难问题，本来挺快的查询，一旦JOIN。

数据库

sql

数据仓库

主键

外键

原创 9月前 44 阅读

常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React)

目录1、jQuery2、bootstrap3、vue4、ECharts5、easyUI6、React7、maven外网配配置(阿里云镜像地址)mysql5.1.6hadoop2.7.3mybaits3.4.51、jQueryhttps://code.jquery.com/jquery-3.4.0.min.j

jquery

bootstrap

vue.js

easyui

echarts

原创 10月前 62 阅读

情人节——微信朋友圈浓浓爱意的9张拼图（HTML版本）

最终效果：这个背景图片图片地址：【https://s4.51cto.com/images/blog/202202/16030804_620bfa1444b3630251.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_Zm

html

d3

背景图片

原创 2022-03-21 10:46:39 148 阅读

可穿插PC端浏览器任何位置的爱心分割

先看效果：会跳跃的哦。gif麻烦我就没弄。完整代码：<!DOCTYPE html><html lang="en"><head>

safari

css

html

chrome

原创 2022-03-21 10:38:18 40 阅读

HTML春联(部分Vue)有源码_有素材_包满意

????前言????✍本文由在下【红目香薰】原创????2022年最大愿望：【服务百万技术人次】????????大过年的，挺喜庆啊，欢迎大家转载，纯原生我写的，奉献给大家啦????动态效果图片素材（PNG）静态效果源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

html

前端

vue

计算机理论

大数据

原创 2022-03-21 10:18:48 35 阅读

两种过年烟花，你喜欢哪一种(HTML+CSS+JS)

????两种过年烟花，你喜欢哪一种????(HTML+CSS+JS)目录????两种过年烟花，你喜欢哪一种???

css

html

sed

i++

原创 2022-03-21 10:12:04 71 阅读

bubble气泡特效

看看人家的气泡效果：人家直接引入即可，超方便：<!doctype >< lang="en"><head> <me

html

css

.net

用户名

原创 2022-03-21 10:08:38 73 阅读

航海王_html_css3_旋转效果demo

航海王_html_css3_旋转效果demo海贼王_html_css3_旋转效果DTD HTML 4.01 Transitional//EN"><html> <head> <title>通缉令</title> ...

css3

html

css

圆角

原创 2022-03-07 14:47:28 64 阅读

粉色温馨——HTML框架示例

粉色温馨演示下载地址（完整版）粉色温馨——HTML框架示例-网页制作文档类资源-title> <meta -equiv="keywords" con.

html

前端

3c

css

原创 2022-03-07 14:46:29 45 阅读

动物相册——HTML效果

下载地址（完整编码+素材）完整编码（无素材）<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

html

前端

ide

2d

原创 2022-03-03 18:05:42 31 阅读

2022跨年代码(HTML·资源都是网上的可以直接使用)

效果：HTML编码：<!doctype html><html><head> <meta charset="utf-8"> <title>新年快乐</title> <style> canvas { padding: 0; margin: 0; } body {

html

前端

时间转换

时间戳

原创 2022-03-03 17:34:46 366 阅读

前端性能优化

1、什么是前端性能优化？从用户访问资源到资源完整展现在用户面前的过程中，通

html

css

javascript

html5

加载

原创 2022-03-03 14:39:49 43 阅读

前端性能优化-减少HTTP请求数

1、图片地图图片地图允许在一个图片上关联多个URL，目标URL取决于

js

http

css

html

css样式

原创 2022-03-03 14:35:26 75 阅读

前端性能优化-图像优化

1、常用的图像类型1)gif: 适用于动画效果。2)jpg: 使用有损压缩，将图片的每个像素分解3)png：使用无损压缩，将图片出现的颜色进行索引，保留在调色板上，在显示图像时会调用调色板的颜色去填充相应位置。png又分为png8、png24和png32，png8表示支持2^8个种颜色，通常png8是最通用的web图片格式。2、图像优化...

js

javascript

html5

html

css3

原创 2022-03-03 14:34:46 40 阅读

前端性能优化—将CSS文件放在顶部

CSS文件放置在head中和放在body底部，对CSS本身的下载时间不会有影响，但对页面的呈现有非常大的影响，与用户体验密切相关。CSS文件放在顶部的原理：1) CSS的下载是按照其在文档中出现的顺序进行的，所以很容易想到

css

html

加载

重绘

原创 2022-03-03 14:34:35 54 阅读

前端性能优化（PC版）

前端的性能优化是一个很宽泛的概念，最终目的都是为了提升用户体验，改善页面性能。面试的时候经常会遇到问谈谈性能优化的手段，这个我分几大部分来概述，具体细节需要自己再针对性的去搜索，只是提供一个索引（太多

js

html

面试

javascript

css

原创 2022-03-03 14:34:26 79 阅读

uni-app与Vue的区别

组件/标签的变化以前是html标签，现在是小程序标签。div 改成 viewspan、font 改成 texta 改成 nav

uni-app

ide

小程序

原创 2022-03-03 14:33:52 112 阅读

H5十大新特性(前端面试新手必背)

前端HTML5十大新特性总结:<!DOCTYPE html>这是什么玩意儿？为什么要写上去?不写上去会怎么样？很少人去注

html5

web

html

数据

ide

原创 2022-03-03 14:31:57 16 阅读

浏览器“黑客”

一、事件概述2020年10月，美团安全运营平台发现流量中存在恶意JavaScript请求，信息安全部收到告警后立即开始应急处理，通过对网络环境、访问日志等进行排查，最终锁定恶意请求由Chrome浏览器安装恶意插件引起，该恶意Ja传播方式多样，会通过浏览器插件、Broken Link Hijacking等方式在页面中植入恶意代码，不仅

javascript

web

xml

加载

浏览器插件

原创 2022-03-03 14:31:31 21 阅读

字体rem通用基本设置

使当前的字体大小自适应当前浏览器：// 提前执行，初始化 resize 事件不会执行setRem()// 原始配置function setR

html

css

初始化

自适应

原创 2022-03-03 14:20:52 46 阅读

2021年8月Web服务器排行榜：Nginx牛市上升

自2019年4月全球Web服务器排名 nginx首度登顶后，这回再次准备冲顶。在ache都在稳步下降，而Nginx则逐步攀升，在2017年首..

nginx

数据

apache

原创 2022-03-03 14:12:04 55 阅读

#yyds干货盘点#——分享bubble特效

看看人家的气泡效果：人家直接引入即可，超方便：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script src="https://cdn.

html

.net

用户名

原创 2022-02-11 22:31:03 402 阅读 yyds干货盘点

表单一次性上传多个文件

html file类型如何一次性上传多个文件<input type="file" name="file" multiple="multiple"/>选择了8个文件。

html

html5

上传

其他

原创 2022-02-11 11:56:04 89 阅读

ajax图片上传

直接上代码：前端【表单与ajax】： <div> <input type="file" class="form-control" id="filePic" onchange="uploadImg()"/> </div> <div> <img src="" alt="" id="picShow" width="100" height="100" /> </div>

ajax

javascript

前端

jquery

图片上传

原创 2022-02-11 11:51:29 57 阅读

PHP获取文件后缀名

示例编码：$file="abcd.jpg";pathinfo($file, PATHINFO_EXTENSION);输出结果：jpg由于没有【.】，故而在操作的时候需要自行添加【.】。完成的随机文件名示例：$file="asdasd.jpg";$newFileName=uniqid().".".pathinfo($file, PATHINFO_EXTENSION);echo $newFileName;随机文件名效果：完毕。...

php

开发语言

后端

文件名

其他

原创 2022-02-11 11:51:28 80 阅读

#yyds干货盘点#——背景图片位置居中处理

?前言??博客主页：红目香薰-大数据,计算机理论,MySQL领域博主?✍本文由在下【红目香薰】原创，首发于51CTO✍?2022年最大愿望：【服务百万技术人次】??开发环境：【Visual Studio Code】?功能——景图片居中示例图：完整编码如下：<!DOCTYPE html><html lang="en"><head> <meta char

html

原创 2022-02-09 21:40:01 123 阅读 yyds干货盘点

jQuery下拉菜单经典案例

jQuery下拉菜单经典案例源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta -equiv="X-UA-Compatible"

jquery

javascript

前端

html

ide

原创 2022-02-07 17:41:13 37 阅读

jQuery经典案例【倒计时】

源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev

jquery

javascript

前端

html

运算符

原创 2022-02-07 17:40:22 20 阅读

iframe框根据内容自适应高度(100%可用)

html

#if

javascript

jquery

原创 2022-01-25 11:59:47 599 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

mb618d1c8a55b34的博客

解决Tomcat中文乱码问题——windows平台

如何让JOIN跑得更快

常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React)

情人节——微信朋友圈浓浓爱意的9张拼图（HTML版本）

可穿插PC端浏览器任何位置的爱心分割

HTML春联(部分Vue)有源码_有素材_包满意

两种过年烟花，你喜欢哪一种(HTML+CSS+JS)

bubble气泡特效

航海王_html_css3_旋转效果demo

粉色温馨——HTML框架示例

动物相册——HTML效果

2022跨年代码(HTML·资源都是网上的可以直接使用)

前端性能优化

前端性能优化-减少HTTP请求数

前端性能优化-图像优化

前端性能优化—将CSS文件放在顶部

前端性能优化（PC版）

uni-app与Vue的区别

H5十大新特性(前端面试新手必背)

浏览器“黑客”

字体rem通用基本设置

2021年8月Web服务器排行榜：Nginx牛市上升

#yyds干货盘点#——分享bubble特效

表单一次性上传多个文件

ajax图片上传

PHP获取文件后缀名

#yyds干货盘点#——背景图片位置居中处理

jQuery下拉菜单经典案例

jQuery经典案例【倒计时】

iframe框根据内容自适应高度(100%可用)