独宠卿一人
独宠卿一人

html+css 微信界面（续一之html）

现在开始贴代码了

html–index


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	head>
	<body>
		
		<div class="frame">
			
			<div class="frame_top">
				
				<div class="top">
					
					<div class="topl">8:27div>
					
					<div class="topr">
						<p class="fa fa-headphones">p>
						<p class="fa fa-tachometer">p>
						<p class="fa fa-microchip">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-battery-3">80p>
					
					div>
				div>
				
				<div class="head">
					<div class="headl">微信div>
					<div class="headr">
						<p class="fa fa-search">p>
						<p class="fa fa-plus-circle">p>
					div>
				div>
			div>
			
			<div class="frame_topti">div>
			
			<div class="main">
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/Vicious%20.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>Viciousp><p>昨天p>
						div>
						<p>[语音通话]p>
					div>
				div>
			    
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/苏烟.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>苏烟p><p>昨天p>
						div>
						<p>[图片]p>
					div>
				div>
				
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/Lovexo.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>Lovexop><p>昨天p>
						div>
						<p>哈哈，所以你就帮忙消灭了p>
					div>
				div>
				
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/一只小恐龙.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>一只小恐龙p><p>昨天p>
						div>
						<p>哈哈，不会是扯着蛋了吧！p>
					div>
				div>
				
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/Alone.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>Alonep><p>昨天p>
						div>
						<p>[语音]p>
					div>
				div>
				
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/玖.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>玖p><p>昨天p>
						div>
						<p>你快做一个欠扁的表情!p>
					div>
				div>
				
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/sunshine.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>sunshinep><p>昨天p>
						div>
						<p>你的小可爱已上线，天干物燥，小心她闹p>
					div>
				div>
				
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/小新小新.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>小新小新p><p>昨天p>
						div>
						<p>当幸福来敲门的时候，我却踌躇着向左还是右p>
					div>
				div>
				
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/Superficial.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>Superficialp><p>昨天p>
						div>
						<p>开始工作就瞌睡，群众意见齐反对p>
					div>
				div>
				
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/卿久久.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>卿久久p><p>昨天p>
						div>
						<p>"问你个问题p>
					div>
				div>
				
				
				<div class="chat">
					
					<div class="chatphoto">
						<img src="img/画卿颜.jpeg" alt="">
					div>
					
					<div class="newchat">
						
						<div class="chatrt">
							<p>画卿颜p><p>昨天p>
						div>
						<p>你想清楚再跟我说话p>
					div>
				div>
			div>
			
			<div class="menu">
				<div><a href="index.html" style="color: green;"><span class="fa fa-comment">span><span>微信span>a>div>
				<div><a href="friend.html" ><span class="fa fa-vcard-o">span><span>通讯录span>a>div>
			    <div><a href="find.html" ><span class="fa fa-compass">span><span>发现span>a>div>
				<div><a href="me.html" ><span class="fa fa-user">span><span>我span>a>div>
			div>
		div>
	body>
html>

html—friend


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/friend.css">
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	head>
	<body>
		
		<div class="frame">
			
			<div class="frame_top">
				
				<div class="top">
					
					<div class="topl">8:27div>
					
					<div class="topr">
						<p class="fa fa-headphones">p>
						<p class="fa fa-tachometer">p>
						<p class="fa fa-microchip">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-battery-3">80p>

					div>
				div>
				
				<div class="head">
					<div class="headl">通讯录div>
					<div class="headr">
						<p class="fa fa-search">p>
						<p class="fa fa-plus-circle">p>
					div>
				div>
			div>
			
			<div class="frame_topti">div>
			
			<div class="main" id="friendmain">
				<div class="mainml">

					<div class="contact">
						
						<img src="img/添加新朋友.png" alt="">
						<p>新的朋友p>
					div>

					<div class="contact">
					
						<img src="img/群聊.png" alt="">
						<p>群聊p>
					div>

					<div class="contact">
					
						<img src="img/标签.png" alt="">
						<p>标签p>
					div>

					<div class="contact">
					
						<img src="img/公众号图标.png" alt="">
						<p>公众号p>
					div>
					
					
					<p style="font-size: 2vmin;">Ap>
					
					<div class="contact">
						<img src="img/Alone.jpeg" alt="">
						<p>Alonep>
					div>
						<p style="font-size: 2vmin;">Bp>
					<div class="contact">
						<img src="img/boby.jpg" alt="">
						<p>bobyp>
					div>
					<div class="contact">
						<img src="img/big.jpg" alt="">
						<p>bigp>
					div>
					
					
					<p style="font-size: 2vmin;">Cp>
					
					
					<div class="contact">
						<img src="img/Corrupt.jpeg" alt="">
						<p>Corruptp>
					div>
					<p style="font-size: 2vmin;">Ep>
			
					<div class="contact">
						<img src="img/Empress.jpeg" alt="">
						<p>Empressp>
					div>
					<p style="font-size: 2vmin;">Hp>
					<div class="contact">
						<img src="img/画卿颜.jpeg" alt="">
						<p>画卿颜p>
					div>
					<p style="font-size: 2vmin;">Jp>
					<div class="contact">
						<img src="img/玖.jpeg" alt="">
						<p>玖p>
					div>
					
					<p style="font-size: 2vmin;">Lp>
					<div class="contact">
						<img src="img/Lovexo.jpeg" alt="">
						<p>Lovexop>
					div>
					<p style="font-size: 2vmin;">Mp>
					<div class="contact">
						<img src="img/Monologue.jpeg" alt="">
						<p>Monologuep>
					div>
					<div class="contact">
						<img src="img/Mine.jpg" alt="">
						<p>Mineminep>
					div>
					
					<p style="font-size: 2vmin;">Qp>
					<div class="contact">
						<img src="img/卿久久.jpeg" alt="">
						<p>卿久久p>
					div>
					<p style="font-size: 2vmin;">Sp>
					<div class="contact">
						<img src="img/Superficial.jpeg" alt="">
						<p>Superficialp>
					div>
					<div class="contact">
						<img src="img/sunshine.jpeg" alt="">
						<p>sunshinep>
					div>
					<div class="contact">
						<img src="img/苏烟.jpeg" alt="">
						<p>苏烟p>
					div>
					<p style="font-size: 2vmin;">Vp>
					<div class="contact">
						<img src="img/Vicious%20.jpeg" alt="">
						<p>Viciousp>
					div>
					<p style="font-size: 2vmin;">Xp>
					<div class="contact">
						<img src="img/小新小新.jpeg" alt="">
						<p>小新小新p>
					div>
					<p style="font-size: 2vmin;">Yp>
					<div class="contact">
						<img src="img/一只小恐龙.jpeg" alt="">
						<p>一只小恐龙p>
					div>
					
				div>
				
				<div class="mainmr">
					<ul>
						<li>↑li>
						<li>Ali>
						<li>Bli>
						<li>Cli>
						<li>Dli>
						<li>Eli>
						<li>Fli>
						<li>Gli>
						<li>Hli>
						<li>Ili>
						<li>Jli>
						<li>Kli>
						<li>Lli>
						<li>Mli>
						<li>Nli>
						<li>Oli>
						<li>Pli>
						<li>Qli>
						<li>Rli>
						<li>Sli>
						<li>Tli>
						<li>Uli>
						<li>Vli>
						<li>Wli>
						<li>Xli>
						<li>Yli>
						<li>Zli>
						<li>#li>
					ul>
				div>
				
			div>
			
			<div class="menu">
				<div><a href="index.html"><span class="fa fa-comment">span><span>微信span>a>div>
				<div><a href="friend.html" style="color: green;"><span class="fa fa-vcard-o">span><span>通讯录span>a>div>
				<div><a href="find.html"><span class="fa fa-compass">span><span>发现span>a>div>
				<div><a href="me.html"><span class="fa fa-user">span><span>我span>a>div>
			div>
		div>
	body>
html>

html–find


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/find.css">
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	head>
	<body>
		
		<div class="frame">
			
			<div class="frame_top">
				
				<div class="top">
					
					<div class="topl">8:27div>
					
					<div class="topr">
						<p class="fa fa-headphones">p>
						<p class="fa fa-tachometer">p>
						<p class="fa fa-microchip">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-battery-3">80p>
					div>
				div>
				
				<div class="head">
					<div class="headl">发现div>
					<div class="headr">
						<p class="fa fa-search">p>
						<p class="fa fa-plus-circle">p>
					div>
				div>
			div>
			
			<div class="frame_topti">div>
			
			<div class="main" id="main">
				
				<div class="find" style="margin-bottom: 1.5vh;">
					<a href="pengyouquan.html">
						
						<img src="img/朋友圈.png" alt="">
						
						<div class="prompt">
							<p class="promptl">朋友圈p><p class="fa fa-angle-right">p>
						div>
					a>
				div>
				
					
				<div class="find" >
					<a href=" ">
						
						<img src="img/扫一扫.png" alt="">
						
						<div class="prompt" style="border-bottom: 0.1vh solid #EDEDED;padding-bottom: 1.5vh;">
							<p class="promptl">扫一扫p><p class="fa fa-angle-right">p>
						div>
					a>
				div>
				
					
				<div class="find" style="margin-bottom: 1.5vh;">
					<a href="">
						
						<img src="img/摇一摇.png" alt="">
						
						<div class="prompt">
							<p class="promptl">摇一摇p><p class="fa fa-angle-right">p>
						div>
					a>
				div>
				
					
				<div class="find" style="margin-bottom: 1.5vh;">
					<a href="">
						
						<img src="img/搜一搜.png" alt="">
						
						<div class="prompt">
							<p class="promptl">搜一搜p><p class="fa fa-angle-right">p>
						div>
					a>
				div>
				
					
				<div class="find" style="margin-bottom: 1.5vh;">
					<a href="">
						
						<img src="img/附近的人icon.png" alt="">
						
						<div class="prompt">
							<p class="promptl">附近的人p><p class="fa fa-angle-right">p>
						div>
					a>
				div>
				
					
				<div class="find" style="margin-bottom: 1.5vh;">
					<a href="">
						
						<img src="img/游戏.png" alt="">
						
						<div class="prompt">
							<p class="promptl">游戏p><p class="fa fa-angle-right">p>
						div>
					a>
				div>
				
					
				<div class="find">
					<a href="">
						
						<img src="img/小程序.png" alt="">
						
						<div class="prompt" >
							<p class="promptl">小程序p><p class="fa fa-angle-right">p>
						div>
					a>
				div>
				
				
			
			div>
			
			<div class="menu">
				<div><a href="index.html" ><span class="fa fa-comment">span><span>微信span>a>div>
				<div><a href="friend.html" ><span class="fa fa-vcard-o">span><span>通讯录span>a>div>
			    <div><a href="find.html" style="color: green;"><span class="fa fa-compass">span><span>发现span>a>div>
				<div><a href="me.html" ><span class="fa fa-user">span><span>我span>a>div>
			div>
		div>
	body>
html>

html–me


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/me.css">
		<link rel="stylesheet" href="css/find.css">
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	head>
	<body>
		
		<div class="frame">
			
			<div class="frame_top">
				
				<div class="top">
					
					<div class="topl">8:27div>
					
					<div class="topr">
						<p class="fa fa-headphones">p>
						<p class="fa fa-tachometer">p>
						<p class="fa fa-microchip">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-battery-3">80p>
					
					div>
				div>
				
				<div class="head">
					<div class="headl">div>
					<div class="headr">
						<p class="">p>
						<p class="	fa fa-camera">p>
					div>
				div>
			div>
			
			<div class="frame_topti">div>
			
			<div class="main" style="background-color: #EDEDED">
				
			  <div class="mainnews">
				  
				  <img src="img/Mine.jpg" alt="">
				  
				  
				  <div class="headnew">
					  
					  <div id="name">Mineminediv>
					  
					  <div class="number">
						  
						  <div class="num ">
							 微信号：XXXXXXXX
							  div>
						  
						  <div class="erwei">
							<img src="img/二维码.png" alt="">
							<p class="fa fa-angle-right" style="font-size: 2vmin;">p>
						  div>
						 
					  div>
				  div>
			  div>
			  
			  <div class="find" style="	margin-top: 2vh;margin-bottom: 2vh;">
			  	<a href="">
			  		
			  		<img src="img/支付.png" alt="">
			  		
			  		<div class="prompt">
			  			<p class="promptl">支付p><p class="fa fa-angle-right" style="font-size:2vmin">p>
			  		div>
			  	a>
			  div>
			  
			  <div class="find" >
			  	<a href="">
			  		
			  		<img src="img/微信收藏.png" alt="">
			  		
			  		<div class="prompt" style="border-bottom:1px solid #ededed;">
			  			<p class="promptl">收藏p><p class="fa fa-angle-right" style="font-size:2vmin">p>
			  		div>
			  	a>
			  div>
			  
			  <div class="find" >
			  	<a href="">
			  		
			  		<img src="img/相册.png" alt="">
			  		
			  		<div class="prompt" style="border-bottom:1px solid #ededed;">
			  			<p class="promptl">相册p><p class="fa fa-angle-right" style="font-size:2vmin">p>
			  		div>
			  	a>
			  div>
			  
			  <div class="find" >
			  	<a href="">
			  		
			  		<img src="img/卡包.png" alt="">
			  		
			  		<div class="prompt" style="border-bottom:1px solid #ededed;">
			  			<p class="promptl">卡包p><p class="fa fa-angle-right" style="font-size:2vmin">p>
			  		div>
			  	a>
			  div>
			  
			  <div class="find" >
			  	<a href="">
			  		
			  		<img src="img/icon表情.png" alt="">
			  		
			  		<div class="prompt" >
			  			<p class="promptl">表情p><p class="fa fa-angle-right" style="font-size:2vmin">p>
			  		div>
			  	a>
			  div>
			  
			   <div class="find" style="	margin-top: 2vh;margin-bottom: 2vh;">
			  	<a href="">
			  		
			  		<img src="img/设置.png" alt="">
			  		
			  		<div class="prompt">
			  			<p class="promptl">设置p>	<p class="fa fa-angle-right" style="font-size:2vmin">p>
			  		div>
			  	a>
			  div>
			  
			  
			  
			div>
			
			<div class="menu">
				<div><a href="index.html" ><span class="fa fa-comment">span><span>微信span>a>div>
				<div><a href="friend.html" ><span class="fa fa-vcard-o">span><span>通讯录span>a>div>
			    <div><a href="find.html" ><span class="fa fa-compass">span><span>发现span>a>div>
				<div><a href="me.html" style="color: green;"><span class="fa fa-user">span><span>我span>a>div>
			div>
		div>
	body>
html>

html–pengyouquan


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/pengyouquan.css">
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<script language="JavaScript" src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js">script>
	head>
	<body>
		
		<div class="frame">
			
			<div class="frame_top">
				
				<div class="top" style="background-color: transparent;">
					
					<div class="topl">8:27div>
					
					<div class="topr">
						<p class="fa fa-headphones">p>
						<p class="fa fa-tachometer">p>
						<p class="fa fa-microchip">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-signal">p>
						<p class="fa fa-battery-3">80p>

					div>
				div>
				
				<div class="head" style="background-color: transparent;">
					<div class="headl"><a href="find.html"><i class="fa fa-angle-left" style="font-size: 3vmin;">i>a>div>
					<div class="headr">
						<p class="">p>
						<p class="fa fa-camera">p>
					div>
				div>
			div>
			
			<div class="mainpyq">
				<div class="maintou">
				<img src="img/bc.jpg" alt="" style="width: 20vw;height: 25vh;">	
				div>
				
				
				<div class="topphoto">
					<div id="topphoto">
						<p>Mineminep>
						<img src="img/Mine.jpg" alt="">
					div>
				div>
				
				
				
				
				
				<div class="pyqnews">
					
					<div class="pyqtou" >
						<img src="img/li.jpg" alt="">
					div>
					
					<div class="new">
						<p>李云龙p>
						<p>二营长，你他娘的给老子滚过来！p>
						
						<div class="newtime">
							
							<p>19:52p>
							<p id="11" onclick="myonclick" style="margin-left: 2vw;">· ·p>
							<div id="22" style="width: 3vw;height: 3vh; 
							background-color: #0000FF;margin-left: -14vw;display: none;	
							clip-path: polygon(80% 0, 0 0, 0 100%, 78% 100%, 100% 26%);display: flex;justify-content: space-between;">
							<p style="font-size: 0.5vmin;">❤点赞p><p style="font-size: 0.5vmin;margin-right: 2vw;">评论p>
							div>
							
						div>
					div>
				div>


			div>





		div>


		div>
	body>
	<script type="text/javascript">
		$("#11").click(function(e){
		  	e.stopPropagation();
			$("#22").toggle();
		  	if($("#22").is(":visible")){
		       $(document).one("click",function(){
		       	$("#22").hide();
		       });
			}
		});
		$("#btncon").on("click",function(e){
			e.stopPropagation();
		})
	script>
html>

你可能感兴趣的:(前端)

  • 多种vue前端框架介绍 灵魂清零 其他前端javascript
    学如逆水行舟，不进则退。在现今的软件开发领域，Vue.js凭借其高效、灵活和易于上手的特性，成为了前端开发的热门选择。对于需要快速搭建企业级后台管理系统的开发者而言，使用现成的Vue后台管理系统模板无疑是一个明智之举。本文我为大家分享几款开源、免费开源、开箱即用的开源免费的Vue3开源管理后台，它们可以帮助你在项目中快速起步！专注于业务逻辑的开发。01.vue-element-adminGithu
  • 2018年年度总结 weixin_30514745 前端后端phpViewUI
    首先先看2017年定下的小目标：PHP基础知识的再次学习。（今年在工作的时候也发现了这个问题，所以将PHP基础知识再学习了一遍，对一些容易混淆的概念进行了学习。这个目标算是实现了80%吧）对前端新特性的了解。（因为之前在太原工作的时候，前端后端都干，所以当时觉得前端和后台都很重要，今年在北京主要干的是后端的工作，所以这个并没有去进行了解）python的学习。（这个也没有进行学习，了解了也没有用，今
  • 钉钉小程序、文件上传（excel、ppt、word等） xluo1715 钉钉（小程序和H5）钉钉小程序excelpptpdfword
    钉钉小程序上传下载（反显）文件（如excelpptworld等文件）前端处理（需要后端配合加上传下载的权限）要上传excelpptworld等文件还需要借助钉盘实现，我就不废话了，直接上代码axml结构,红框中的为钉盘文件上传和预览其余的是兼容图片上传和PC端上传的文件，这里提一嘴，如果是PC端上传到自己服务器的文件要想在小程序里显示，需要后端把服务器的文件先传到钉盘，前端再通过钉盘下载，如果是小
  • 零售业的AI赋能与前端开发效率革命：ScriptEcho 的助力 前端
    零售业正经历着前所未有的数字化转型，但同时也面临着巨大的挑战。库存管理混乱、个性化客户体验不足等问题，严重制约着零售企业的盈利能力。而人工智能（AI）的兴起，为解决这些问题提供了新的思路。通过AI驱动的实时库存管理和客户行为分析，零售企业可以显著提升运营效率和客户满意度。然而，构建这些AI赋能的零售应用，需要强大的前端开发能力，这正是AI代码生成器ScriptEcho能够发挥关键作用的地方。AI赋
  • 前端大文件OSS上传注意事项 前端
    大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。1.利用上传控件inputtype="file"绑定一个change事件，在回调中通过事件对象的e.target.files拿到这个文件对象，进行文件对象的slice方
  • 深入理解视图的创建与删除：数据库管理中的高级功能
    title:深入理解视图的创建与删除：数据库管理中的高级功能date:2025/1/21updated:2025/1/21author:cmdragonexcerpt:在现代数据库管理系统中，视图是一个重要的高级功能，可以为用户提供定制化的数据视图以满足特定需求。视图不仅能够简化复杂的查询，还能增强数据安全性和访问效率。categories:前端开发tags:数据库视图创建视图删除视图数据库管理数
  • 百度AI战略与2025年AI应用井喷：AI代码生成器ScriptEcho如何助力前端开发 前端
    2025年，百度创始人李彦宏在百度25周年全员信中预言：AI应用将在2025年井喷式增长。这预示着AI技术将迎来一个新的发展高峰，同时也为前端开发者带来了前所未有的机遇和挑战。面对AI应用的快速发展，如何提升前端开发效率，降低开发成本，成为摆在开发者面前的难题。本文将探讨百度AI战略下前端开发面临的挑战，并重点介绍AI代码生成器ScriptEcho如何助力开发者迎接2025年AI应用井喷的浪潮。百
  • [前端算法]动态规划 摇光93 算法算法动态规划
    最优子结构,重叠子问题爬楼梯递归+记忆化搜索自顶向下varclimbStairs=function(n){letmap=[]functiondfs(n){if(n=coins[j]){dp[i]=Math.min(dp[i],dp[i-coins[j]]+1);}}}if(dp[amount]===Infinity){return-1;}returndp[amount];}01背包问题functi
  • 使用Python进行后端开发 code_welike python开发语言后端
    在现代的Web应用程序中，后端开发扮演着至关重要的角色。后端是负责处理数据、逻辑和业务规则的部分，它与前端交互并提供必要的功能和服务。Python是一种广泛使用的编程语言，具有丰富的库和框架，非常适合用于后端开发。本文将介绍如何使用Python进行后端开发，并提供一些示例代码。安装Python和相关工具首先，我们需要安装Python和一些常用的后端开发工具。你可以从Python官方网站（https
  • 一比一实现ChatGPT流式接口前端显示效果（打字机效果）【对比几种不同的流式实现方案】 吉吉安 前端javapythonGPTchatgpt
    前端实现GPT或者其他大模型的流式推送的数据接收可以通过EventSource、Axios、或者基于EventSource实现的@microsoft/fetch-event-source插件库；GPT官方是基于原生EventSource实现的流式数据接收，我们作为个人开发使用可以使用Axios或者使用@microsoft/fetch-event-source插件库，后两种可以携带header并且操
  • 软件生命周期管理的智能化转型：AI写代码工具赋能前端开发 前端
    软件开发行业正经历着前所未有的变革。传统的软件生命周期管理模式，常常面临效率低下、成本居高不下、团队沟通不畅以及错误率高等诸多挑战。为了应对这些挑战，智能化转型已成为大势所趋。本文将探讨如何利用先进技术，例如AI写代码工具，来提升软件开发效率，最终实现软件生命周期管理的智能化转型。智能化转型：提升软件开发效率的关键软件生命周期管理涵盖需求分析、设计、编码、测试、部署和维护等多个阶段。每个阶段都可能
  • 【前端三剑客实现3D相册~爱她，就为她做一个3D相册吧！！！】 烂然星陈 前端动态集前端3dhtml5css3javascript
    爱她，就为她做一个3D相册吧！！！创建一个3D相册盒子效果的HTML页面引言一、技术栈二、页面结构三、样式设计四、JavaScript逻辑五、总结完整源码获取，私信了解更多！！！创建一个3D相册盒子效果的HTML页面引言在网页设计中，3D效果总能吸引用户的注意力，提升用户体验。本文介绍如何使用HTML、CSS和JavaScript创建一个3D相册盒子效果。这个效果不仅包含了3D旋转和缩放动画，还结
  • 利用AI代码生成器构建高效智能的前端组件库生态 前端
    前端组件库是现代前端开发的基石，它能够极大地提高开发效率，提升代码复用率，并降低维护成本。然而，构建和维护一个高质量的前端组件库却面临着诸多挑战。传统方式下，开发者常常需要花费大量时间进行重复性工作，组件复用性差，难以保证组件质量的一致性，团队协作也存在困难，最终导致开发效率低下和维护成本居高不下。本文将探讨如何利用智能化工具，例如AI代码生成器，来构建一个更高效、更智能的前端组件库生态。智能化构
  • 软件生命周期管理的智能化转型：AI写代码工具赋能前端开发 前端
    软件开发行业正经历着前所未有的变革。传统的软件生命周期管理模式，常常面临效率低下、成本居高不下、团队沟通不畅以及错误率高等诸多挑战。为了应对这些挑战，智能化转型已成为大势所趋。本文将探讨如何利用先进技术，例如AI写代码工具，来提升软件开发效率，最终实现软件生命周期管理的智能化转型。智能化转型：提升软件开发效率的关键软件生命周期管理涵盖需求分析、设计、编码、测试、部署和维护等多个阶段。每个阶段都可能
  • Vue 3 中的 fragment 是什么？它为什么被引入？ JJCTO袁龙 Vuevue.js前端javascript
    Vue3中的Fragment：全新特性与应用场景在前端开发中，我们自主决定如何组织和展示数据。对于频繁与DOM打交道的开发者而言，如何高效、灵活地进行渲染显得尤为重要。Vue.js作为一款备受欢迎的渐进式JavaScript框架，持续为开发者提供各种性能优化和特性增强。在Vue3中，Fragment功能的引入为开发者们提供了更多选择与便利。本文将重点讨论Vue3中的Fragment的含义、特性，以
  • 10多套html视频教程，让你彻底搞懂html。学习路上助你一臂之力！ guoguo507 前端javascripthtml
    快速入口在文章最后，大家耐心观看！谢谢(想学其他更多编程技术视频，请进我的博客查看。)踏上HTML之旅：从新手到进阶的蜕变在当今数字化时代，网页无处不在，从社交媒体到在线购物，从新闻资讯到学习平台。而HTML作为构建网页的基石，掌握它不仅是踏入Web开发领域的第一步，更是理解互联网信息呈现方式的关键。对于渴望在网页设计、前端开发领域一展身手的人来说，从浅入深地学习HTML是开启精彩旅程的钥匙。一、
  • 安全见闻二：Web程序构成与潜在漏洞 vortex5 星河飞雪安全见闻安全web安全网络安全前端
    内容预览≧∀≦ゞ安全见闻二：Web程序构成与潜在漏洞声明导语前端语言及潜在漏洞前端语言前端框架与代码库常见的前端框架与代码库安全问题的根源前端潜在漏洞后端语言及潜在漏洞常见后端语言协议问题后端潜在漏洞数据库及潜在漏洞数据库分类数据库潜在漏洞服务器程序及潜在漏洞常见服务器程序服务器程序潜在漏洞结语安全见闻二：Web程序构成与潜在漏洞声明学习视频来自B站UP主泷羽sec,如涉及侵权马上删除文章笔记的只
  • 搭建直播网站技术层面准备全流程 sanx18 java
    搭建直播网站涉及多个环节，包括前期的规划、技术选型、开发、部署。以下是搭建直播网站的完整流程：1.技术选型服务器端语言与框架：后端-选择如Java(SpringBoot)、或Go。数据库：用户和直播信息-MySQL/PostgreSQL。快速读写-Redis（用于弹幕、热度计数等）。文件存储-阿里云OSS、腾讯云COS或本地存储。2.前端框架：PC端-React、Vue.js。移动端-ReactN
  • AIGC - 深度洞察如何对大模型进行微调以满足特定需求 网罗开发 AI大模型人工智能AIGC
    网罗开发（视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：COC上海社区主理
  • 小白也能懂的Vite + React组件开发完全指南 前端
    学习前端开发，你可能会听说过很多工具和框架，其中Vite和React无疑是炙手可热的明星。Vite凭借其闪电般的速度和优秀的开发体验，迅速成为了许多开发者的首选构建工具；而React，作为目前最流行的JavaScript库之一，以其组件化、声明式编程的特性，简化了复杂的Web应用开发。这篇教程将带你快速掌握AI写代码工具Vite和React组件开发的核心技能，让你从小白也能轻松入门，独立完成简单的
  • 告别重启！Vue CLI 动态代理配置实战：实现热更新与灵活配置 前端
    在前端开发中，代理配置是解决跨域问题的常见手段。尤其是在使用VueCLI进行开发时，我们经常需要通过devServer.proxy来配置代理。然而，传统的代理配置通常是静态的，修改后需要重启开发服务器，这在频繁调整代理配置的场景下显得非常不便。本文将介绍一种动态代理配置的解决方案，通过监听配置文件的变化，实现代理配置的热更新，无需重启开发服务器。同时，我们将代理配置从JSON文件改为JavaScr
  • 【Linux奇遇记】我和Linux的初次相遇 2401_89210258 linux状态模式运维
    Linux的文件路径类型编辑Linux常用命令介绍Linux在生活中的应用全文总结前端和后端的介绍前端和后端是指现代Web应用程序的两个主要组成部分。1.前端前端（也称为客户端）是指向用户显示内容的所有方面。前端开发涉及使用HTML、CSS和JavaScript等技术来创建和维护Web应用程序的用户接口。2.后端后端（也称为服务器端）是指Web应用程序的非用户界面部分。后端开发涉及使用不同的编程语
  • 【前端异常】JavaScript错误处理：分析 Uncaught (in promise) error vip1024p vip1024p前端javascript开发语言
    在前端开发中，JavaScript异常是不可避免的。随着现代前端应用越来越多地使用异步操作(如Promise、async/await等)，开发者常常会遇到Uncaught(inpromise)error错误。这个错误是由于未正确处理Promise的拒绝(rejection)而导致的，常常出现在异步操作失败的情况下。如果不妥善处理，可能会导致应用的不稳定和用户体验的下降。本文将深入分析Uncaugh
  • AI时代：前端工程师和数学家真的要失业了吗？ 前端
    ExaCEO威廉·布里克近日发布的惊人预测在科技界引发轩然大波：他认为前端工程师将在三年内消失，而数学家则只有700天的时间。这一预测并非危言耸听，它反映了AI代码生成器等AI技术高速发展带来的巨大行业冲击。本文将深入探讨AI技术对前端开发和数学领域的影响，以及由此带来的机遇与挑战。前端开发行业的AI革命布里克的预测并非空穴来风。近年来，众多AI写代码工具如雨后春笋般涌现，例如ScriptEcho
  • 2025年，AI时代下的前端职业思考 前端
    近年来，随着AI技术的迅猛发展，尤其是像ChatGPT、Copilot这样的工具，前端开发领域正在经历前所未有的变革。许多新人不禁会问：“在AI普及的时代，2025年还该不该学前端？前端就业还有没有前途？”今天，我们就从多个角度深入探讨这个问题，并为你提供一些实用的建议。一、AI对前端开发的影响1.AI正在改变前端开发的工作方式AI工具已经能够自动生成代码、优化UI设计、甚至调试Bug。例如，Gi
  • 面试官：谈谈你对JavaScript原型链的理解 程序员
    在前端开发领域的每一次深入交流中，JavaScript的原型链总是那个绕不开的技术高地。它不仅是理解JavaScript对象模型的关键，也是评估前端开发者技术深度和广度的重要指标。引言：为何原型链如此重要？在JavaScript中，原型链是实现继承的核心机制。它允许对象通过原型对象间接地共享属性和方法，这种机制不仅减少了代码的冗余，还提高了代码的可复用性和灵活性。因此，掌握原型链的原理和应用，对于
  • Bootstrap UI 编辑器：简化前端开发的利器 lsx202406 开发语言
    BootstrapUI编辑器：简化前端开发的利器引言在当今的网页设计和开发领域，Bootstrap已经成为了一个非常流行的前端框架。它以其响应式设计、简洁的代码和丰富的组件库而受到广大开发者的喜爱。然而，对于一些非技术背景的设计师或者初学者来说，直接使用Bootstrap可能会有一定的难度。这时，BootstrapUI编辑器就成为了他们的救星。本文将详细介绍BootstrapUI编辑器的概念、特点
  • 基于JAVA水果商城设计计算机毕业设计源码+数据库+lw文档+系统+部署 柳下网络 java开发语言jvm
    基于JAVA水果商城设计计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA水果商城设计计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https
  • Vue.js 的组合式 API 与状态管理
    随着现代前端开发的不断发展，Vue.js作为一个渐进式JavaScript框架，已经成为开发动态和交互式用户界面的流行选择之一。Vue.js的设计旨在通过简洁的语法和强大的功能来提升开发者的生产力。在Vue3中引入的组合式API（CompositionAPI）及其状态管理功能，为开发者提供了一种灵活且可扩展的方式来构建复杂的应用程序。本文将深入探讨Vue.js的组合式API，并结合状态管理的概念，
  • 深入理解检查约束：确保数据质量的重要工具
    title:深入理解检查约束：确保数据质量的重要工具date:2025/1/20updated:2025/1/20author:cmdragonexcerpt:在数据库管理中，检查约束是一种重要的约束类型，用于确保表中某一列或某些列的数据符合特定条件，从而维护数据的有效性和一致性。检查约束通过对数据的有效性进行验证，防止无效或不合逻辑的数据进入数据库。categories:前端开发tags:检查约
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他