yiliner
yiliner

Appfuse2学习笔记--GzipFilter的应用

AppFuse中经过分析使用了大量的开源框架和组件。个人认为整个后台还不是强大，可能与它的定位有关联。我们在项目中积累了大量的Spring以及Hibernate应用都要比之要强很多。但appFuse的前台整合还是相当不错的。先学一个gzipFilter
gzipFilter其实就位于eHcache里面，他是将response中的东东都压缩一下，这个可大大减少了传输时间。
配置web.xml

Java代码 复制代码
  1. <filter>   
  2.         <filter-name>gzipFilter</filter-name>   
  3.         <filter-class>   
  4.             net.sf.ehcache.constructs.web.filter.GzipFilter   
  5.         </filter-class>   
  6.     </filter>   
  7. <filter-mapping>   
  8.         <filter-name>gzipFilter</filter-name>   
  9.         <url-pattern>*.css</url-pattern>   
  10.     </filter-mapping>   
  11.     <filter-mapping>   
  12.         <filter-name>gzipFilter</filter-name>   
  13.         <url-pattern>*.png</url-pattern>   
  14.     </filter-mapping>   
  15.     <filter-mapping>   
  16.         <filter-name>gzipFilter</filter-name>   
  17.         <url-pattern>*.gif</url-pattern>   
  18.     </filter-mapping>   
  19.     <filter-mapping>   
  20.         <filter-name>gzipFilter</filter-name>   
  21.         <url-pattern>*.html</url-pattern>   
  22.     </filter-mapping>   
  23.     <filter-mapping>   
  24.         <filter-name>gzipFilter</filter-name>   
  25.         <url-pattern>*.jsp</url-pattern>   
  26.     </filter-mapping>   
  27.     <filter-mapping>   
  28.         <filter-name>gzipFilter</filter-name>   
  29.         <url-pattern>*.js</url-pattern>   
  30.     </filter-mapping>   
  31.     <filter-mapping>   
  32.         <filter-name>gzipFilter</filter-name>   
  33.         <url-pattern>*.json</url-pattern>   
  34.     </filter-mapping>  
<filter>
		<filter-name>gzipFilter</filter-name>
		<filter-class>
			net.sf.ehcache.constructs.web.filter.GzipFilter
		</filter-class>
	</filter>
<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.css</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.png</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.gif</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.html</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.jsp</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.js</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.json</url-pattern>
	</filter-mapping>



效果，你可以用FoxFire的net看各个css，js文件可是压缩50%以上哦。
写了一个jsp文件专门评估

Java代码 复制代码
  1. <%@ page language="java" import="java.util.*,java.net.*,java.io.*"  
  2.     pageEncoding="ISO-8859-1"%>   
  3. <%   
  4.     String path = request.getContextPath();   
  5.     String basePath = request.getScheme() + "://"  
  6.             + request.getServerName() + ":" + request.getServerPort()   
  7.             + path + "/";   
  8. %>   
  9. <%   
  10.     String url = request.getParameter("url");   
  11.     if (url != null) {   
  12.         URL noCompress = new URL(url);   
  13.         HttpURLConnection huc = (HttpURLConnection) noCompress   
  14.                 .openConnection();   
  15.         huc.setRequestProperty("user-agent", "Mozilla(MSIE)");   
  16.         huc.connect();   
  17.         ByteArrayOutputStream baos = new ByteArrayOutputStream();   
  18.         InputStream is = huc.getInputStream();   
  19.         while (is.read() != -1) {   
  20.             baos.write((byte) is.read());   
  21.         }   
  22.         byte[] b1 = baos.toByteArray();   
  23.   
  24.         URL compress = new URL(url);   
  25.         HttpURLConnection hucCompress = (HttpURLConnection) noCompress   
  26.                 .openConnection();   
  27.         hucCompress.setRequestProperty("accept-encoding", "gzip");   
  28.         hucCompress.setRequestProperty("user-agent", "Mozilla(MSIE)");   
  29.         hucCompress.connect();   
  30.         ByteArrayOutputStream baosCompress = new ByteArrayOutputStream();   
  31.         InputStream isCompress = hucCompress.getInputStream();   
  32.         while (isCompress.read() != -1) {   
  33.             baosCompress.write((byte) isCompress.read());   
  34.         }   
  35.         byte[] b2 = baosCompress.toByteArray();   
  36.         request.setAttribute("t1", new Integer(b1.length));   
  37.         request.setAttribute("t2", new Integer(b2.length));   
  38.         request.setAttribute("t3", (1 - new Double(b2.length)   
  39.                 / new Double(b1.length)) * 100);   
  40.     }   
  41.     request.setAttribute("url", url);   
  42. %>   
  43. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
  44. <html>   
  45.     <head>   
  46.         <base href="<%=basePath%>">   
  47.   
  48.         <title>My JSP 'MyJsp.jsp' starting page</title>   
  49.   
  50.         <meta http-equiv="pragma" content="no-cache">   
  51.         <meta http-equiv="cache-control" content="no-cache">   
  52.         <meta http-equiv="expires" content="0">   
  53.         <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">   
  54.         <meta http-equiv="description" content="This is my page">   
  55.         <!--   
  56.     <link rel="stylesheet" type="text/css" href="styles.css">   
  57.     -->   
  58.   
  59.     </head>   
  60.   
  61.     <body>   
  62.         This is my JSP page.   
  63.         <br>   
  64.         <h1>   
  65.             Compression Test   
  66.         </h1>   
  67.         Enter a URL to test.   
  68.         <form method="POST">   
  69.             <input name="url" size="50">   
  70.             <input type="submit" value="Check URL">   
  71.         </form>   
  72.         <p>   
  73.             <%=url%>   
  74.             <b>Testing: ${url}</b>   
  75.         </p>   
  76.         Request 1: ${t1} bytes   
  77.         <%=request.getAttribute("t1")%>   
  78.         <br />   
  79.         Request 2: ${t2} bytes   
  80.         <%=request.getAttribute("t2")%>   
  81.         <br />   
  82.         Space saved: ${t1-t2} bytes or ${(1-t2/t1)*100}%   
  83.         <%=request.getAttribute("t3")%>%   
  84.         <br />   
  85.     </body>   
  86. </html>  

 

erichua 写道
AppFuse中经过分析使用了大量的开源框架和组件。个人认为整个后台还不是强大，可能与它的定位有关联。我们在项目中积累了大量的Spring以及Hibernate应用都要比之要强很多。但appFuse的前台整合还是相当不错的。先学一个gzipFilter
gzipFilter其实就位于eHcache里面，他是将response中的东东都压缩一下，这个可大大减少了传输时间。
配置web.xml
Java代码 复制代码
  1. <filter>   
  2.         <filter-name>gzipFilter</filter-name>   
  3.         <filter-class>   
  4.             net.sf.ehcache.constructs.web.filter.GzipFilter   
  5.         </filter-class>   
  6.     </filter>   
  7. <filter-mapping>   
  8.         <filter-name>gzipFilter</filter-name>   
  9.         <url-pattern>*.css</url-pattern>   
  10.     </filter-mapping>   
  11.     <filter-mapping>   
  12.         <filter-name>gzipFilter</filter-name>   
  13.         <url-pattern>*.png</url-pattern>   
  14.     </filter-mapping>   
  15.     <filter-mapping>   
  16.         <filter-name>gzipFilter</filter-name>   
  17.         <url-pattern>*.gif</url-pattern>   
  18.     </filter-mapping>   
  19.     <filter-mapping>   
  20.         <filter-name>gzipFilter</filter-name>   
  21.         <url-pattern>*.html</url-pattern>   
  22.     </filter-mapping>   
  23.     <filter-mapping>   
  24.         <filter-name>gzipFilter</filter-name>   
  25.         <url-pattern>*.jsp</url-pattern>   
  26.     </filter-mapping>   
  27.     <filter-mapping>   
  28.         <filter-name>gzipFilter</filter-name>   
  29.         <url-pattern>*.js</url-pattern>   
  30.     </filter-mapping>   
  31.     <filter-mapping>   
  32.         <filter-name>gzipFilter</filter-name>   
  33.         <url-pattern>*.json</url-pattern>   
  34.     </filter-mapping>  
<filter>
		<filter-name>gzipFilter</filter-name>
		<filter-class>
			net.sf.ehcache.constructs.web.filter.GzipFilter
		</filter-class>
	</filter>
<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.css</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.png</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.gif</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.html</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.jsp</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.js</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>gzipFilter</filter-name>
		<url-pattern>*.json</url-pattern>
	</filter-mapping>


效果，你可以用FoxFire的net看各个css，js文件可是压缩50%以上哦。
写了一个jsp文件专门评估
Java代码 复制代码
  1. <%@ page language="java" import="java.util.*,java.net.*,java.io.*"  
  2.     pageEncoding="ISO-8859-1"%>   
  3. <%   
  4.     String path = request.getContextPath();   
  5.     String basePath = request.getScheme() + "://"  
  6.             + request.getServerName() + ":" + request.getServerPort()   
  7.             + path + "/";   
  8. %>   
  9. <%   
  10.     String url = request.getParameter("url");   
  11.     if (url != null) {   
  12.         URL noCompress = new URL(url);   
  13.         HttpURLConnection huc = (HttpURLConnection) noCompress   
  14.                 .openConnection();   
  15.         huc.setRequestProperty("user-agent", "Mozilla(MSIE)");   
  16.         huc.connect();   
  17.         ByteArrayOutputStream baos = new ByteArrayOutputStream();   
  18.         InputStream is = huc.getInputStream();   
  19.         while (is.read() != -1) {   
  20.             baos.write((byte) is.read());   
  21.         }   
  22.         byte[] b1 = baos.toByteArray();   
  23.   
  24.         URL compress = new URL(url);   
  25.         HttpURLConnection hucCompress = (HttpURLConnection) noCompress   
  26.                 .openConnection();   
  27.         hucCompress.setRequestProperty("accept-encoding", "gzip");   
  28.         hucCompress.setRequestProperty("user-agent", "Mozilla(MSIE)");   
  29.         hucCompress.connect();   
  30.         ByteArrayOutputStream baosCompress = new ByteArrayOutputStream();   
  31.         InputStream isCompress = hucCompress.getInputStream();   
  32.         while (isCompress.read() != -1) {   
  33.             baosCompress.write((byte) isCompress.read());   
  34.         }   
  35.         byte[] b2 = baosCompress.toByteArray();   
  36.         request.setAttribute("t1", new Integer(b1.length));   
  37.         request.setAttribute("t2", new Integer(b2.length));   
  38.         request.setAttribute("t3", (1 - new Double(b2.length)   
  39.                 / new Double(b1.length)) * 100);   
  40.     }   
  41.     request.setAttribute("url", url);   
  42. %>   
  43. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
  44. <html>   
  45.     <head>   
  46.         <base href="<%=basePath%>">   
  47.   
  48.         <title>My JSP 'MyJsp.jsp' starting page</title>   
  49.   
  50.         <meta http-equiv="pragma" content="no-cache">   
  51.         <meta http-equiv="cache-control" content="no-cache">   
  52.         <meta http-equiv="expires" content="0">   
  53.         <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">   
  54.         <meta http-equiv="description" content="This is my page">   
  55.         <!--   
  56.     <link rel="stylesheet" type="text/css" href="styles.css">   
  57.     -->   
  58.   
  59.     </head>   
  60.   
  61.     <body>   
  62.         This is my JSP page.   
  63.         <br>   
  64.         <h1>   
  65.             Compression Test   
  66.         </h1>   
  67.         Enter a URL to test.   
  68.         <form method="POST">   
  69.             <input name="url" size="50">   
  70.             <input type="submit" value="Check URL">   
  71.         </form>   
  72.         <p>   
  73.             <%=url%>   
  74.             <b>Testing: ${url}</b>   
  75.         </p>   
  76.         Request 1: ${t1} bytes   
  77.         <%=request.getAttribute("t1")%>   
  78.         <br />   
  79.         Request 2: ${t2} bytes   
  80.         <%=request.getAttribute("t2")%>   
  81.         <br />   
  82.         Space saved: ${t1-t2} bytes or ${(1-t2/t1)*100}%   
  83.         <%=request.getAttribute("t3")%>%   
  84.         <br />   
  85.     </body>   
  86. </html>  
<%@ page language="java" import="java.util.*,java.net.*,java.io.*"
	pageEncoding="ISO-8859-1"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%
	String url = request.getParameter("url");
	if (url != null) {
		URL noCompress = new URL(url);
		HttpURLConnection huc = (HttpURLConnection) noCompress
				.openConnection();
		huc.setRequestProperty("user-agent", "Mozilla(MSIE)");
		huc.connect();
		ByteArrayOutputStream baos = new ByteArrayOutputStream();
		InputStream is = huc.getInputStream();
		while (is.read() != -1) {
			baos.write((byte) is.read());
		}
		byte[] b1 = baos.toByteArray();

		URL compress = new URL(url);
		HttpURLConnection hucCompress = (HttpURLConnection) noCompress
				.openConnection();
		hucCompress.setRequestProperty("accept-encoding", "gzip");
		hucCompress.setRequestProperty("user-agent", "Mozilla(MSIE)");
		hucCompress.connect();
		ByteArrayOutputStream baosCompress = new ByteArrayOutputStream();
		InputStream isCompress = hucCompress.getInputStream();
		while (isCompress.read() != -1) {
			baosCompress.write((byte) isCompress.read());
		}
		byte[] b2 = baosCompress.toByteArray();
		request.setAttribute("t1", new Integer(b1.length));
		request.setAttribute("t2", new Integer(b2.length));
		request.setAttribute("t3", (1 - new Double(b2.length)
				/ new Double(b1.length)) * 100);
	}
	request.setAttribute("url", url);
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'MyJsp.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

	</head>

	<body>
		This is my JSP page.
		<br>
		<h1>
			Compression Test
		</h1>
		Enter a URL to test.
		<form method="POST">
			<input name="url" size="50">
			<input type="submit" value="Check URL">
		</form>
		<p>
			<%=url%>
			<b>Testing: ${url}</b>
		</p>
		Request 1: ${t1} bytes
		<%=request.getAttribute("t1")%>
		<br />
		Request 2: ${t2} bytes
		<%=request.getAttribute("t2")%>
		<br />
		Space saved: ${t1-t2} bytes or ${(1-t2/t1)*100}%
		<%=request.getAttribute("t3")%>%
		<br />
	</body>
</html>


应用服务器应该都支持压缩吧，weblogic和tomcat都可以，在app中实现有什么好处呢？不会增加复杂性和出错的概率吗？

 

你可能感兴趣的:(应用服务器,jsp,json,css,Appfuse)

  • Web三要素：CSS之Flex/Grid布局(4) 双囍菜菜 前端随记前端css
    CSS布局革命：Flex与Grid的双子星战法文章目录CSS布局革命：Flex与Grid的双子星战法一、布局进化史：从洪荒时代到现代文明二、Flex布局：一维空间的舞蹈家2.1核心概念深度解析容器属性详解：2.2典型应用场景实战导航栏布局（React示例）垂直居中（Vue示例）三、Grid布局：二维空间的指挥官3.1网格系统深度解析核心概念图解：3.2高级布局技巧实战响应式网格（React示例）复
  • UI自动化测试之CSS Selector 定位秘籍：解锁 WEB UI 自动化测试的高效之道 做测试的小薄 测试进阶cssseleniumUI自动化测试元素定位方式
    在WebUI自动化测试中，元素定位是实现自动化操作的核心步骤。SeleniumWebDriver提供了多种元素定位方式，其中CSSSelector是一种功能强大且灵活的定位方法。它基于CSS选择器语法，能够快速、精准地定位目标元素，尤其适用于复杂的DOM结构。本文将深入解析CSSSelector的工作原理、使用技巧以及需要注意的事项，帮助你在自动化测试中更高效地运用这一工具。一、CSSSelect
  • Tailwindcss开启黑夜模式 巴巴博一 vue.jscss
    本篇讲述如何使用tailwindcss切换白天黑夜主题tailwindcss自带的暗夜切换会比css自带的theme主体切换来得方便很多，学习成本也很低，只要求会用tailiwndcss1，tailwindcss.config有两种暗夜模式切换，媒体查询和手动类切换。手动控制需要开启类模式//tailwind.config.jsexportdefault{...darkMode:'class',/
  • 【CSS 面经】元素的层叠顺序 Peter-Lu #CSS面经css前端htmlecmascriptjavascript
    文章目录一、层叠顺序的基本概念1.视觉层叠2.默认层叠顺序二、如何控制元素的层叠顺序？1.`z-index`属性示例：使用`z-index`控制元素层叠顺序2.`position`属性与层叠顺序示例：不同`position`设置下的层叠顺序3.`z-index`和堆叠上下文示例：堆叠上下文三、总结在网页设计中，元素的层叠顺序（StackingOrder）是指在同一页面上，多个元素如何相互叠加的规则
  • Java与Elasticsearch集成详解，以及使用指南 qzw1210 javaelasticsearchjenkins
    Java与Elasticsearch集成详解1.环境配置首先，你需要在Maven项目中添加ElasticsearchJava客户端依赖：co.elastic.clientselasticsearch-java8.10.0com.fasterxml.jackson.corejackson-databind2.15.2jakarta.jsonjakarta.json-api2.1.12.客户端初始化E
  • echarts雷达图实现动态扫描效果 阔爱滴二狗子 echartstypescriptcss
    最终实现效果图：首先画出一个雷达图，然后使用css画出旋转光圈效果定位到雷达图正中心，就实现了该特效。其中绿色扇形光圈是顺时针转动的。实现代码如下：privategetRadarChart(){constchartDom:any=this.$refs.chartthis.myChart=echarts.init(chartDom)constthat=this//监听屏幕变化自动缩放图表window
  • Hive SQL 精进系列： JSON_TUPLE 快速提取多键值 进一步有进一步的欢喜 HiveSQL精进系列hivesqlhadoop
    目录一、引言二、json_tuple函数基础2.1基本语法参数解释返回值简单示例三、应用场景3.1数据提取与分析3.2数据集成与转换3.3复杂JSON数据处理四、json_tuple、get_json_object和from_json的对比4.1功能特点4.2语法和使用复杂度4.3性能表现4.4示例对比使用json_tuple使用get_json_object使用from_json五、使用注意事项
  • css模拟雷达扫描动画 像牛奶却不是牛奶 css前端
    样式：.radar-scan{background-image:linear-gradient(0deg,transparent24%,rgba(32,255,77,0.15)25%,rgba(32,255,77,0.15)26%,transparent27%,transparent74%,rgba(32,255,77,0.15)75%,rgba(32,255,77,0.15)76%,transp
  • 【HarmonyOS NEXT 】应用开发：使用@ohos.net.webSocket发送webSocket 纳米小川 HarmonyOSharmonyos.netwebsocket
    @ohos.net.webSocket模块可以建立WebSocket连接，实现与服务器之间的实时双向通信。WebSocket提供了一种低延迟的通信方式，非常适合实时应用，如聊天应用、在线游戏等。下面是使用@ohos.net.webSocket模块建立WebSocket连接的步骤：1、添加权限确保在config.json文件中添加了网络访问权限：{"name":"com.example.myappl
  • 基于Asp.net的汽车租赁管理系统 计算机学姐 Asp精选实战项目源码asp.net汽车后端mysqlsqlservervue.jsc#
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示【2025最新】基于Asp.net的汽车租赁管理系统开发
  • uni-app移动端应用开发底部安全区域适配 向凡而生 uni-app前端
    针对IOS机型，底部安全区域是系统动态计算的，所以我们也需要动态获取底部安全区域来适配在uniapp的manifest.json，打开源码视图，对需要适配的页面添加如下配置"styles":{"safeArea":{"bottom":"auto"}}如果使用CSS。一种常见的方法是使用padding-bottom或margin-bottom属性，并使用vh-unit单位来确保底部安全距离不受屏幕尺
  • 以下列举了一些典型的JavaScript网页设计实例，它们展示了多样化的功能和交互体验，非常适合初学者及中级开发者学习借鉴如下: 一一代码 javascript
    1.动态导航栏-功能描述：创建响应导航栏，当用户滚动页面时，导航栏固定在页面顶部，并显示当前页面部分。-技术点：-`window.scroll`事件监控页面滚动。-`classList`动态添加/移除CSS类。-`IntersectionObserver`检测元素是否进入视口。-示例代码：```javascriptwindow.addEventListener('scroll',()=>{cons
  • 蓝易云 - nginx+lua+redis等架构演进 蓝易云 nginxluarediskubernetes容器云原生驱动开发
    Nginx+Lua+Redis架构演进如下：基本架构：最初，使用Nginx作为反向代理和负载均衡器，将客户端请求分发到后端应用服务器。Nginx的高性能和低资源消耗使其成为处理大量请求的理想选择。引入Lua模块：随着业务复杂度增加，引入Nginx的Lua模块，可以在Nginx配置中嵌入Lua脚本，实现自定义的请求处理逻辑。这种方式可以将部分业务逻辑移至Nginx层，减轻后端应用服务器的压力。集成R
  • 如何编写vscode的配置文件c_cpp_properties.json 小秋slam实战 从零开始学SLAMvscode
    文章目录配置`c_cpp_properties.json`文件改变VScode中空格长度VSCode中C/C++无法跳转到定义c_cpp_properties.json安装插件配置c_cpp_properties.json文件假设你已经安装了GCC和G++编译器，{"configurations":[{"name":"Linux","includePath":
  • Sass：深度解析与实战应用 li_Michael_li sass前端css
    在前端开发的浪潮中，CSS预处理器因其强大的功能和灵活性而备受推崇。其中，Sass（SyntacticallyAwesomeStylesheets）无疑是这些预处理器中的佼佼者。本文将深入解析Sass的核心概念、语法特性以及实战应用，并通过代码样例展示其强大的功能。Sass是什么？Sass（SyntacticallyAwesomeStylesheets）是一种CSS预处理器，它允许我们使用变量、嵌
  • 【CSS 面经】如何画一条 0.5px 的线 ️ Peter-Lu #CSS面经css前端javascriptcss3html
    文章目录一、为什么浏览器中0.5px难以实现？二、实现0.5px线条的几种方法1.使用`transform:scale()`实现缩放2.使用`border`和`transform`结合3.使用`box-shadow`实现0.5px4.使用伪元素`::after`结合`transform`三、如何选择合适的方法？在前端开发中，我们经常会遇到这样一个问题：如何画一条0.5px的线？由于像素是浏览器渲染
  • 前端CSS：CSS画一条0.5px的线的方法 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    前端CSS：CSS画一条0.5px的线的方法引言基本概念和作用说明基本概念作用说明示例一：使用`transform:scale()`方法代码示例说明示例二：使用透明度技巧代码示例说明示例三：使用伪元素代码示例说明示例四：使用`border`属性代码示例说明示例五：结合媒体查询和像素比例代码示例说明功能使用思路不同角度的功能使用实际开发中的使用技巧自行拓展内容实现自定义宽度线条使用CSS动画增强视觉
  • CSS3实现的波浪线条动画效果 KkvlCapture css3前端css动画
    在这篇文章中，我们将学习如何使用CSS3创建一个令人惊叹的波浪线条动画效果。通过一些简单的CSS代码，我们可以为网页添加流动的波浪线条，为用户带来视觉上的吸引力。首先，让我们来看一下实现这个效果所需的HTML结构。我们将使用一个元素作为容器，并在其中创建一个带有波浪线条的元素。以下是示例HTML代码：<span
  • CSS伸缩盒模型(弹性盒子) 申朝先生 css前端
    伸缩盒模型（Flexbox，FlexibleBoxLayout）是CSS中一种一维布局模型，用于更高效地处理元素的对齐、分布和响应式布局。其核心思想是让容器内的子元素（称为“项目”）能够灵活地自动调整大小和位置以适应不同屏幕尺寸和内容变化。1.核心特性1.1容器与项目容器：使用display:flex或display:inline-flex定义的父元素。项目：容器内的直接子元素，默认沿容器的主轴排
  • JavawebJavaServer Pages Standard Tag Library知识点 一朵忧伤的蔷薇 pythonjava开发语言
    JavaWeb开发中，JSTL（JavaServerPagesStandardTagLibrary）、EL（ExpressionLanguage）、Cookie和Session是非常重要的组件。以下是这些知识点的总结：1.JSTL标签库JSTL是JavaServerPages的一种标准标签库，旨在简化JSP页面的开发。它通过提供预定义的标签，来实现常见任务，如条件判断、循环处理、国际化等。使用标签
  • HTML5前端页面设计,HTML5网页前端设计 设计师马丁 HTML5前端页面设计
    HTML5网页前端设计编辑锁定讨论上传视频《HTML5网页前端设计》是2017年6月清华大学出版社出版的图书，作者是周文洁。书名HTML5网页前端设计作者周文洁ISBN9787302463597定价59.50元出版社清华大学出版社出版时间2017年6月HTML5网页前端设计内容简介编辑本书是一本从零开始学习的Web前端开发教材，无须额外的基础。全书以项目驱动为宗旨，详细介绍了HTML5、CSS3与
  • WebSocket JAVA客户端和服务端 传送文件DEMO 易天法地 JAVAwebsocketjava网络
    Server端WebSocketServer.java用于启动Server服务importcn.hutool.core.bean.BeanUtil;importcn.hutool.json.JSONUtil;importorg.slf4j.Logger;importorg.slf4j.LoggerFactory;importorg.springframework.stereotype.Compon
  • uniCloud 外部系统联登 注册功能 C# 完整示例 易天法地 c#开发语言uniappunicloud
    APP端this.$http.post(`/uniCloudRegister`,{clientInfo:JSON.stringify(uni.getSystemInfoSync())}).then(res=>{uni.stopPullDownRefresh()uni.hideNavigationBarLoading()console.info(res)}).catch(err=>{console.
  • Php关于切换版本 道系女孩~ phpandroidjava
    composer.json文件中"config":{"optimize-autoloader":true,"preferred-install":"dist","sort-packages":true,"secure-http":false,"allow-plugins":{"pestphp/pest-plugin":true},"platform-check":false},中添加"platfo
  • LLM之Colossal-LLaMA-2：源码解读(init_tokenizer.py文件)实现基于源词表的扩展、(init_model.py文件)实现过计算均值扩展模型、(prepare_pretr 一个处女座的程序猿 CaseCodeNLP/LLMs精选(人工智能)-中级ColossalLLaMA-2自然语言处理
    LLM之Colossal-LLaMA-2：源码解读(init_tokenizer.py文件)实现基于jsonl文件中读取新词列表(新中文词汇)→for循环去重实现词表的扩展(中文标记的新词汇)→保存新的分词模型、(init_model.py文件)实现过计算均值来扩展模型的嵌入层以适应新的词汇表，然后保存扩展后的模型、(prepare_pretrain_dataset.py文件)将原始数据集进行处理
  • flutter 跑马灯+渐变透明度背景 烟花下的孤独 flutterdartflutter
    之前也是记录了很多小组件的实现，这次把所有代码都给放到这里吧这是效果：数据（后台数据，不过我这是没的，不要在意这些小细节，忽略吧）Http().post(url,pathParams:params,data:params,success:(json){studyModel=FindStudyModel.fromJson(json);},errorCallback:(error){print('er
  • springMvc36-JavaEE-JSP基础-EL表达式和JSTL标签库(Taglibs) 前端歌谣 javajava-eeservlet
    EL表达式和JSTL标签库:在JSP页面代替java代码,便于编写一.EL表达式作用:${}简化脚本表达式j2ee1.4以前版本需指定j2ee1.4以后版本默认支持EL表达式1.EL内置对象EL内置11个对象,不需定义可直接使用pageScope获取page域属性组成的MaprequestScope获取reqeust域属性组成的MapsessionScope获取session域属性组成的Mapap
  • javaEE---JSTL代码示例 司天宏
    2.jspusers=newArrayList();Useruser1=newUser(1,"令狐冲","男");Useruser2=newUser(2,"岳不群","男");Useruser3=newUser(3,"岳灵珊","女");Useruser4=newUser(4,"左冷禅","男");Useruser5=newUser(5,"东风不败","女");users.add(user1);u
  • 13、JavaEE核心技术 - Servlet与JSP 跟着汪老师学编程 javajava-eeservlet
    二、JavaEE核心技术-Servlet与JSP一、ServletServlet（服务器端小程序）是JavaEE中用于处理HTTP请求的核心组件。它是一个Java类，运行在Web服务器上，负责接收和响应HTTP请求。1.Servlet的生命周期Servlet的生命周期由以下几个阶段组成：初始化阶段（Initialization）：触发：当Servlet容器（如Tomcat）启动时，或者当第一次请求
  • VsCode运行Ts文件 26:28 vscode算法数据结构
    1.生成package.json文件npminit2.生成tsconfig.json文件tsc--init3.Vscode运行ts文件在ts文件点击右键执行RunCode,执行ts文件
  • JAVA基础 灵静志远 位运算加载Date字符串池覆盖
    一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器 同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。 二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根
  • keepalived实现redis主从高可用 bylijinnan redis
    方案说明 两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始
  • java文件操作大全 0624chenhong java
    最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息    &nbs
  • android学习任务 不懂事的小屁孩 工作
    任务 完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果，写一个实例 已完成 复习fragem
  • zoom.js 换个号韩国红果果 oom
    它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js  transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q
  • 详解Oracle云操作系统Solaris 11.2 蓝儿唯美 Solaris
    当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 
  • spring学习——springmvc（一） a-john springMVC
    Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。   1，跟踪Spring MVC的请求 请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前
  • hdu4342 History repeat itself-------多校联合五 aijuans 数论
    水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
  • EJB和javabean的区别 asia007 beanejb
    EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了   1.EJB用于服务端应用开发, 而JavaBeans
  • Struts的action和Result总结 百合不是茶 strutsAction配置Result配置
        一:Action的配置详解:      下面是一个Struts中一个空的Struts.xml的配置文件     <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo
  • 如何带好自已的团队 bijian1013 项目管理团队管理团队
    在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。 原文如下： 我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信         对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提
  • Java代码混淆工具 sunjing ProGuard
    Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
  • 【Redis三】基于Redis sentinel的自动failover主从复制 bit1129 redis
    在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。   什么是Sentine
  • 使用代理实现Hibernate Dao层自动事务 白糖_ DAOspringAOP框架Hibernate
    都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try
  • maven3实战读书笔记 braveCS maven3
    Maven简介 是什么？ Is a software project management and comprehension tool.项目管理工具 是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区]     功能：
  • 编程之美-子数组的最大乘积 bylijinnan 编程之美
    public class MaxProduct { /** * 编程之美 子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不
  • 读书笔记-2 chengxuyuancsdn 读书笔记
    1、反射 2、oracle年-月-日 时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构 在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s
  • [求学与房地产]慎重选择IT培训学校 comsci it
          关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题       培训学校的教学楼和宿舍的环境和稳定性问题       我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb
  • RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 daizj oraclermanfilespersetPARALLELISM
    RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。
  • 简单排序:冒泡排序 dieslrae 冒泡排序
    public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){
  • 初二上学期难记单词三 dcj3sjt126com sciet
    concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen  偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；
  • I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码 dcj3sjt126com redis
    wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make   前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。 异常一： make[2]: cc: Command not found 异常原因：没有安装g
  • 并发容器 shuizhaosi888 并发容器
       通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。    并发容器ConcurrentHashMap       替代同步基于散列的Map，通过Lock控制。   &nb
  • Spring Security（12）——Remember-Me功能 234390216 Spring SecurityRemember Me记住我
    Remember-Me功能   目录   1.1     概述 1.2     基于简单加密token的方法 1.3     基于持久化token的方法 1.4     Remember-Me相关接口和实现
  • 位运算 焦志广 位运算
    一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。 例如：9&am
  • nodejs 数据库连接 mongodb mysql liguangsong mongodbmysqlnode数据库连接
    1.mysql 连接    package.json中dependencies加入     "mysql":"~2.7.0"    执行 npm install      在config 下创建文件 database.js    
  • java动态编译 olive6615 javaHotSpotjvm动态编译
        在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。     HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视
  • Storm0.9.5的集群部署配置优化 roadrunners 优化storm.yaml
    nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf
  • 101个MySQL 的调节和优化的提示 tomcat_oracle mysql
    　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。 　　3. 使用电池供电的RAM（注：RAM即随机存储器）。 　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列
  • zoj 3829 Known Notation(贪心) 阿尔萨斯 ZOJ
    题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。 解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他