- Vue CSR 到 Nuxt 3 SSR 迁移:技术实现与问题解决实录
二倍速播放
前端vue.js
1.迁移动机与技术选型1.1CSR架构的局限性基于Vue3和Vite构建的客户端渲染(CSR)单页应用(SPA)提供了良好的开发体验和用户交互流畅性。但是其核心局限在于:搜索引擎优化(SEO):初始HTML响应仅包含一个根div元素,实际内容由JavaScript在浏览器端动态生成。虽然主流搜索引擎(如Google)能够执行部分JavaScript,但其抓取效率和稳定性不如直接获取完整HTML。非
- Java排序算法之<归并排序>
目录1、归并算法1.1、介绍1.2、归并排序特点2、算法原理3、执行流程4、编码实现1、归并算法1.1、介绍算法是采用分治法(DivideandConquer)。1.2、归并排序特点1、时间复杂度归并排序算法每次将序列折半分组,共需要logn轮,因此归并排序算法的时间复杂度是O(nlogn)。2、空间复杂度归并排序算法排序过程中需要额外的一个序列去存储排序后的结果,所占空间是n,因此空间复杂度为O
- CSS基础(3)
Zzz_睡不醒
css前端html
CSS背景操作1.多重背景(MultipleBackgrounds)div{background-image:url(image1.png),url(image2.png);background-position:rightbottom,lefttop;background-repeat:no-repeat,repeat;background-size:auto,cover;}background
- 《博客园精华集》web标准分册第2论筛选结果文章列表
《博客园精华集》web标准部分筛选结果(共55篇)一个喜欢网页设计的程序员作者:Awen根本不存在DIV+CSS布局这回事作者:CatChen欲练CSS,必先宫IE作者:CatChen你有强迫症吗?作者:CatChenSPAN元素和DIV元素的区别作者:ChrisLiudiv的认识作者:ChrisLiu实时检验您的页面是否符合XHTML标准——使用ValidatorModule作者:Dflying
- Codeforces Round 1014 (Div. 2) 补题
海上生明月丿
刷题算法数据结构
D.MishkinEnergizerProblem-D-Codeforces题意:给定一个只包含3个字母{T,L,I}的长度为n的字符串,可以进行最多2*n次操作,每次操作选取一个位置i,保证s[i]!=s[i+1],然后插入一个!=s[i]&&!=s[i+1]的字符,最后要保证每个字母出现的次数一样多,最后输出每次操作的位置,如果无法满足要求,输出-1思路:首先特判这个字符串如果只有一种字符,那
- 前端面试题
大大。
前端vue.jsjavascript
HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section),多媒体支持video,audio,Canvas绘图div上下居中对齐的几种方式第一种:flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
- XPath
class心平气和
服务器前端运维
一、XPath基础概念XPath(XMLPathLanguage)是一种用于在XML或HTML文档中定位节点的语言,广泛应用于网页爬虫、数据提取和文档处理。以下将从基础概念到高级技巧全面解析XPath。XPath是一种路径表达式语言,用于在XML/HTML文档中导航和选择节点。二、XPath路径表达式基础1.绝对路径与相对路径绝对路径:从根节点开始,用/分隔,例:/html/body/div#从H
- HTML(源码+lw+部署文档+讲解等)
青蛙java
#Java精选毕设#微信小程序毕设htmlvue.jsjavaspringbootuni-app
文章目录前言HTML概念结构Body中的重要标签hr:横线标签br:换行符hn:标题标签divp:段落标签a:超链接标签img:图片标签input:输入框:表单元素select:下拉选:表单元素textarea:多文本:表单元素table:表格ol,ul有序和无序列表form表单源码获取前言博主介绍:✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金
- CSS:filter(滤镜)属性
赛博末影猫
CSScsscss3前端filter属性
用途可以用于img标签,div标签等图像,背景,边框的调整常用属性1.灰度grayscale(),默认是0,100%就是黑白2.blux给图像设置高斯模糊的程度,radius值设定高斯模糊的程序,表示像素点合并到一起的程度不能使用百分比作为参数3.brightness调整图片的亮度,参数是百分比0表示全黑,默认是100%4.contract对比度表示明暗的差距,值越小明暗的差距越大;值越大,亮的部
- 多功能计算器:加减乘除与三角函数的结合
索拉里斯最强共鸣者
python
importmathdefadd(x,y):returnx+ydefsubtract(x,y):returnx-ydefmultiplication(x,y):returnx*ydefdivision(x,y):ify==0:return"错误:除数不能为0"returnx/ydefsin(angle):returnmath.sin(math.radians(angle))defcos(angle
- DOM元素添加技巧全解析
代码的余温
前端
要将一个HTML元素添加到DOM树中,核心方法是先创建元素对象,再将其插入到文档结构中的指定位置。以下是基于常见实践总结的主要技术手段,每种方法均经过验证,确保兼容性和可靠性:1.使用document.createElement()创建并插入元素这是标准且推荐的方式:首先,用document.createElement()创建新元素(如document.createElement('div')),
- Python高级数据结构——分治法(Divide and Conquer)
Echo_Wish
Python笔记数据结构与算法Python算法数据结构
Python中的分治法(DivideandConquer):高级算法解析分治法是一种将问题划分为更小的子问题,解决子问题后再将结果合并的算法设计方法。它常被应用于解决复杂问题,如排序、搜索、图问题等。在本文中,我们将深入讲解Python中的分治法,包括基本概念、算法框架、具体应用场景,并使用代码示例演示分治法在实际问题中的应用。基本概念1.分治法的定义分治法将一个大问题划分为若干个规模较小且相互独
- 算法重构:从O(n²)到O(n log n)的性能飞跃
止观止
C++算法重构c++
引言在软件开发中,算法性能优化是提升系统响应速度和资源利用率的关键手段。本文将深入探讨如何通过算法重构将时间复杂度从O(n²)优化到O(nlogn),这种优化在实际生产环境中可能意味着系统从不可用到高性能的转变。通过本文,读者将学习到:如何识别代码中的算法瓶颈使用STL算法库优化常见操作分治策略(DivideandConquer)的实际应用性能测试方法论与工具使用CPU缓存命中率对算法性能的影响本
- Leetcode 504. Base 7
小白菜又菜
Leetcode解题报告leetcode算法职场和发展
ProblemGivenanintegernum,returnastringofitsbase7representation.AlgorithmDistinguishbetweenpositiveandnegativevalues,thenstoretheremaindersinreverseorderafterdividingby7.CodeclassSolution:defconvertToB
- Android RecycleView瀑布流的间隔问题
一叶书生
RecycleView瀑布流的间隔问题//设置recycleview瀑布流方式recycleview.setLayoutManager(newStaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL));//设置瀑布流间隔recycleview.addItemDecoration(newStaggeredDividerItem
- 大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站(爱莫)
无·糖
Web前端期末大作业html课程设计css大学生前端javascript网页设计
HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️如何学习进步七、☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验:一般的网页需要融入以下知识点:div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图
- HTML制作一个介绍自己家乡的网站——贵州贵阳,排版整洁,内容丰富,主题鲜明
软件技术NINI
旅游htmlcss
一、网站题目旅游,当地特色,历史文化,特色小吃等网站的设计与制作。二、✍️网站描述静态网站的编写主要是用HTMLDIV+CSS等来完成页面的排版设计,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等,用的最多的还是DW,当然不同软件写出的前端Html5代码都是一致的,本网页适合修改成为各种类型的产品展示网页,
- 【补题】Codeforces Round 735 (Div. 2) B. Cobb
2401_87294509
算法
题意:思路:CodeforcesRound#735(Div.2)-B.Cobb-题解1.你多想了会之后,你会发现题目给出的这个公式,转化是不可能的,这个或其实也没什么逻辑可循,就是得算,于是乎得从其他地方入手2.发现题目数据a[i]usingnamespacestd;#defineintlonglong#defineIOS\std::ios::sync_with_stdio(0);\std::ci
- Codeforces Round 735 (Div. 2) D. Diane
题意:给出一个n,要求你构造一个字符串,使得所有的子串数量为奇数,一定能给出解,求问思路:秒了,开心,瞎写一篇题解,前几天写红温了1.观察样例,或者随便尝试几下,可以发现连续的相同字符串,分别的字串长度为n,n-1……1aaaaaa中,a有6个,aa有5个,剩下的不用多说2.我们不可能答案就是一串相同的,再尝试一下发现,两个相同字符的奇偶性不同连续子串就完成了全为奇数,奇数加偶数为奇数aabaaa
- EasyUI-datagrid表格样式自定义
可以利用EasyUI的主题实现参考地址http://www.jeasyui.net/extension/195.html。默认也支持好几个(black、bootstrap、gray、metro、material等)也可以自定义主题。本文采用的是自定义的CSS样式简单实现一些效果。主要是利用找到对应div设置相关的样式即可。效果如下css实现如下body{background-color:#0043
- quill自定义(工具栏、字体大小、字号等)
十月不到底
quillvue前端框架javascript
quill功能拓展及扩展属性quill自定义字体大小quill自定义字体源代码展示自定义行高图片删除div等标签注册最近一直在使用若依的vue分离版本后台管理,由于项目中需要富文本模块较多及需要自定义添加属性,导致现有的quill富文本不满足需求。经百度对比多个富文本优缺点,最后还是因为quill扩展性强,决定采用了quill,于是便有了下面这篇记录。quill自定义字体大小自定义字号功能是最先增
- FireFox一些设置
养牛大人
firefoxfirefox前端
firefox后台打开新的链接,例如中键打开一个链接地址栏输入about:config找到下面三项,全部设为truebrowser.tabs.loadInBackgroundbrowser.tabs.loadDivertedInBackgroundbrowser.tabs.loadBookmarksInBackground参考:FireFox/chrome在后台打开新的标签页,而不是立即跳转过去!
- Codeforces Round 958 (Div. 2 ABCDE题) 视频讲解
阿史大杯茶
Codeforces算法c++数据结构
A.SplittheMultisetProblemStatementAmultisetisasetofnumbersinwhichtherecanbeequalelements,andtheorderofthenumbersdoesnotmatter.Forexample,{2,2,4}\{2,2,4\}{2,2,4}isamultiset.YouhaveamultisetSSS.Initiall
- Codeforces Round 1000 (Div. 2) A-C
关于SPFA它死了
Codeforces算法c++
链接:CodeforcesRound1000(Div.2)A:MinimalCoprime大意:给定一个区间,定义最小互质区间是边界互质,边界内无互质区间。求这个区间最小互质区间个数思路:gcd(l,l+1)=gcd(1,l)=1,即相邻数组成的区间互质,那么一段区间的互质区间数就为R-L,还有个一般情况,就是gcd(1,1)=1,即1自己单独有个最小互质区间所以对于左边界为1的情况,如果右边界为
- Codeforces Round 1000 (Div. 2)(前三题)
Cando-01
#codeforces周赛c++算法数据结构
A.MinimalCoprime翻译:如果l和r互为同素数,则正整数[l,r]的一段称为同素段。如果一个共素数段[l,r]不包含任何不等于它本身的共素数段,那么这个共素数段[l,r]就叫做最小共素数段。为了更好地理解这句话,可以参考注释。给定正整数段[l,r],求[l,r]中包含的最小共素数段的个数。思路:题目要求不同整数段之间不能为包含关系。对于一个整数x与x+1必定为互素。因此答案为r-l+1
- Codeforces Round 181(Div 2)
昨天晚上又自(bei)愿(po)打了一场cf,一看是div2难度的直接炸了,听说这个难度的第三题就已经是1500分的水平了,所以我还是准备开两个题就睡觉的(太晚了),没想到我还是低估了div2难度的前两个题,还是有点意思的,特别是第一题就让我卡了好久(什么时候我才能练成看样例就能AC的佬)。A.DifficultContest题目传送门:Problem-A这道题就是让找字符串中的"FFT"和"NT
- Web API
wrootlflvl
DOM根据id获取元素vardiv=document.getElementById('main');注意:由于id名具有唯一性,部分浏览器支持直接使用id名访问元素,但不是标准方式,不推荐使用。根据标签名获取元素vardivs=document.getElementsByTagName('div');for(vari=0;i我会生成为标签';console.log(box.innerHTML);b
- vue 渲染全景图两种方法【photo-sphere-viewer、krpano】
是菜菜的小前端啊
vuevue前端
由于需求,想要把全景图渲染至页面的某一部分,且可自动旋转、可放大缩小、可拖拽旋转全景图。尝试了两种方法【photo-sphere-viewer、krpano】,以下分别讲述一、photo-sphere-viewer渲染全景图1、首先下载photo-sphere-viewer的依赖包npminstallphoto-sphere-viewer--save2、创建渲染的div3、在渲染的vue文件中引入
- HTML——标签
哪里不会点哪里.
前端html前端
目录形成独立空间标题竖着布局的标签段落标签超链接标签图片标签列表标签表格标签换行供收集用户信息的标签音频视频形成独立空间demotestindexindex标题文章的标题文章的标题文章的标题文章的标题文章的标题文章的标题竖着布局的标签竖着布局的标签段落标签段落标签超链接标签点击跳转返回顶部跳转到div标签跳转到p标签点击跳转bilibili点击跳转processon图片标签列表标签111表格标签i
- Codeforces 1037 Div3(ABCDEF)
WBluuue
算法c++
前言前四题有多顺利E题就有多痛苦。一、A.OnlyOneDigit#includeusingnamespacestd;typedeflonglongll;typedefpairpii;voidsolve(){stringx;cin>>x;intmn=10;for(inti=0;i>t;while(t--){solve();}return0;}这个还是贪心,观察可得要找的这个数字y就是数字x里最小的
- PHP,安卓,UI,java,linux视频教程合集
cocos2d-x小菜
javaUIPHPandroidlinux
╔-----------------------------------╗┆
- 各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。
bozch
.net.net mvc
在.net mvc5中,在执行某一操作的时候,出现了如下错误:
各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。
经查询当前的操作与错误内容无关,经过对错误信息的排查发现,事故出现在数据库迁移上。
回想过去: 在迁移之前已经对数据库进行了添加字段操作,再次进行迁移插入XXX字段的时候,就会提示如上错误。
&
- Java 对象大小的计算
e200702084
java
Java对象的大小
如何计算一个对象的大小呢?
 
- Mybatis Spring
171815164
mybatis
ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml");
CustomerService userService = (CustomerService) ac.getBean("customerService");
Customer cust
- JVM 不稳定参数
g21121
jvm
-XX 参数被称为不稳定参数,之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异,使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下,如果此类参数设置合理讲大大提高JVM 的性能及稳定性。 可以说“不稳定参数”
- 用户自动登录网站
永夜-极光
用户
1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码
2.思路:将用户的信息保存为cookie
每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
- centos7 安装后失去win7的引导记录
程序员是怎么炼成的
操作系统
1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ### 在后面添加 menuentry "Windows 7 (loader) (on /dev/sda1)" { 
- Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载
aijuans
oracle
Oracle 10g 官方中文安装帮助文档下载:http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
- JavaEE开源快速开发平台G4Studio_V3.2发布了
無為子
AOPoraclemysqljavaeeG4Studio
我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。
访问G4Studio网站
http://www.g4it.org
G4Studio_V3.2版本变更日志
功能新增
(1).新增了系统右下角滑出提示窗口功能。
(2).新增了文件资源的Zip压缩和解压缩
- Oracle常用的单行函数应用技巧总结
百合不是茶
日期函数转换函数(核心)数字函数通用函数(核心)字符函数
单行函数; 字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心)
一:字符函数:
.UPPER(字符串) 将字符串转为大写
.LOWER (字符串) 将字符串转为小写
.INITCAP(字符串) 将首字母大写
.LENGTH (字符串) 字符串的长度
.REPLACE(字符串,'A','_') 将字符串字符A转换成_
- Mockito异常测试实例
bijian1013
java单元测试mockito
Mockito异常测试实例:
package com.bijian.study;
import static org.mockito.Mockito.mock;
import static org.mockito.Mockito.when;
import org.junit.Assert;
import org.junit.Test;
import org.mockito.
- GA与量子恒道统计
Bill_chen
JavaScript浏览器百度Google防火墙
前一阵子,统计**网址时,Google Analytics(GA) 和量子恒道统计(也称量子统计),数据有较大的偏差,仔细找相关资料研究了下,总结如下:
为何GA和量子网站统计(量子统计前身为雅虎统计)结果不同?
首先:没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因:(1)不同的统计分析系统的算法机制不同;(2)统计代码放置的位置和前后
- 【Linux命令三】Top命令
bit1129
linux命令
Linux的Top命令类似于Windows的任务管理器,可以查看当前系统的运行情况,包括CPU、内存的使用情况等。如下是一个Top命令的执行结果:
top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99
Tasks: 202 total, 4 running, 198 sl
- spring四种依赖注入方式
白糖_
spring
平常的java开发中,程序员在某个类中需要依赖其它类的方法,则通常是new一个依赖类再调用类实例的方法,这种开发存在的问题是new的类实例不好统一管理,spring提出了依赖注入的思想,即依赖类不由程序员实例化,而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”,通俗的理解是:平常我们new一个实例,这个实例的控制权是我
- angular.injector
boyitech
AngularJSAngularJS API
angular.injector
描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入. 使用方法: angular.injector(modules, [strictDi]) 参数详解: Param Type Details mod
- java-同步访问一个数组Integer[10],生产者不断地往数组放入整数1000,数组满时等待;消费者不断地将数组里面的数置零,数组空时等待
bylijinnan
Integer
public class PC {
/**
* 题目:生产者-消费者。
* 同步访问一个数组Integer[10],生产者不断地往数组放入整数1000,数组满时等待;消费者不断地将数组里面的数置零,数组空时等待。
*/
private static final Integer[] val=new Integer[10];
private static
- 使用Struts2.2.1配置
Chen.H
apachespringWebxmlstruts
Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar
struts2-core-2.2.1.jar struts2-sp
- [职业与教育]青春之歌
comsci
教育
每个人都有自己的青春之歌............但是我要说的却不是青春...
大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的....
&nbs
- oracle连接(join)中使用using关键字
daizj
JOINoraclesqlusing
在oracle连接(join)中使用using关键字
34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables.
Evaluate the following SQL statement:
SELECT oi.order_id, product_id, order_date
FRO
- NIO示例
daysinsun
nio
NIO服务端代码:
public class NIOServer {
private Selector selector;
public void startServer(int port) throws IOException {
ServerSocketChannel serverChannel = ServerSocketChannel.open(
- C语言学习homework1
dcj3sjt126com
chomework
0、 课堂练习做完
1、使用sizeof计算出你所知道的所有的类型占用的空间。
int x;
sizeof(x);
sizeof(int);
# include <stdio.h>
int main(void)
{
int x1;
char x2;
double x3;
float x4;
printf(&quo
- select in order by , mysql排序
dcj3sjt126com
mysql
If i select like this:
SELECT id FROM users WHERE id IN(3,4,8,1);
This by default will select users in this order
1,3,4,8,
I would like to select them in the same order that i put IN() values so:
- 页面校验-新建项目
fanxiaolong
页面校验
$(document).ready(
function() {
var flag = true;
$('#changeform').submit(function() {
var projectScValNull = true;
var s ="";
var parent_id = $("#parent_id").v
- Ehcache(02)——ehcache.xml简介
234390216
ehcacheehcache.xml简介
ehcache.xml简介
ehcache.xml文件是用来定义Ehcache的配置信息的,更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
- junit 4.11中三个新功能
jackyrong
java
junit 4.11中两个新增的功能,首先是注解中可以参数化,比如
import static org.junit.Assert.assertEquals;
import java.util.Arrays;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.junit.runn
- 国外程序员爱用苹果Mac电脑的10大理由
php教程分享
windowsPHPunixMicrosoftperl
Mac 在国外很受欢迎,尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解,毕竟 Mac 设计美观,简单好用,没有病毒。那么为什么专业人士也对 Mac 情有独钟呢?从个人使用经验来看我想有下面几个原因:
1、Mac OS X 是基于 Unix 的
这一点太重要了,尤其是对开发人员,至少对于我来说很重要,这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
- 位运算、异或的实际应用
wenjinglian
位运算
一. 位操作基础,用一张表描述位操作符的应用规则并详细解释。
二. 常用位操作小技巧,有判断奇偶、交换两数、变换符号、求绝对值。
三. 位操作与空间压缩,针对筛素数进行空间压缩。
&n
- weblogic部署项目出现的一些问题(持续补充中……)
Everyday都不同
weblogic部署失败
好吧,weblogic的问题确实……
问题一:
org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
- tomcat7性能调优(01)
toknowme
tomcat7
Tomcat优化: 1、最大连接数最大线程等设置
<Connector port="8082" protocol="HTTP/1.1"
useBodyEncodingForURI="t
- PO VO DAO DTO BO TO概念与区别
xp9802
javaDAO设计模式bean领域模型
O/R Mapping 是 Object Relational Mapping(对象关系映射)的缩写。通俗点讲,就是将对象与关系数据库绑定,用对象来表示关系数据。在O/R Mapping的世界里,有两个基本的也是重要的东东需要了解,即VO,PO。
它们的关系应该是相互独立的,一个VO可以只是PO的部分,也可以是多个PO构成,同样也可以等同于一个PO(指的是他们的属性)。这样,PO独立出来,数据持