尘幽
尘幽

前端第三天作业

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style>
			.container{
				width: 660px;
				height: 475px;
			}
			.title{
				height: 60px;
				line-height: 60px;
				width: 660px;
				border-bottom:1px solid #F2F2F2;
				font-size: 20px;
				padding-left: 18px;
			}
			.container2{
				width: 570px;
				height: 260px;
				margin-left: 60px;
				margin-top: 45px;
			}
			.container2>div{
				float: left;
			}
			.login{
				width: 359px;
				height: 260px;
				border-right: 1px solid #F2F2F2;
				padding-right: 28px;
			}
			.scan{
				width: 150px;
				height: 260px;
				padding-left: 30px;
			}
			.mathod{
				width: 360px;
				height: 45px;
				margin-left: 60px;
			}
			.tail{
				width: 660px;
				height: 60px;
				text-align: center;
				line-height: 60px;
				font-size: 15px;
				color: #606266;
			}
			.dl{
				font-size: 16px;
				margin-bottom: 22px;
				height: 16px;
			}
			.username{
				background-color: #F3F3F3;
				height: 50px;
				width: 360px;
				margin-bottom: 15px;
			}
			.username>div{
				float: left;
			}
			.password{
				background-color: #F3F3F3;
				height: 50px;
				width: 360px;
				margin-bottom: 15px;
			}
			.password>div{
				float: left;
			}
			.DQBM{
				height: 50px;
				width: 70px;
			}
			#DQBM{
				border: none;
				width: 70px;
				height: 50px;
				background-color: #F3F3F3;
				font-size: 16px;
			}
			.name-input{
				height: 48px;
				width: 285px;
			}
			#name-input{
				height: 48px;
				width: 285px;
				border: none;
				background-color: #F3F3F3;
				font-size: 16px;
			}
			.pwd-input{
				height: 48px;
				width: 290px;
			}
			#pwd-input{
				border: none;
				background-color: #F3F3F3;
				font-size: 16px;
				height: 48px;
				width: 285px;
			}
			.forget{
				height: 50px;
				line-height: 50px;
				width: 70px;
				text-align: center;
			}
			.forget>a{
				font-size: 14px;
				text-decoration: none;
				color: #757575;
			}
			.remember{
				width: 100px;
				font-size: 12px;
				line-height: 20px;
				margin-top: 36px;
			}
			.remember>input{
				height: 12px;
				width: 12px;
			}
			.presslogin{
				width: 360px;
				height: 50px;
			}
			.presslogin>form>input{
				border: none;
				background-color: #FE3355;
				text-align: center;
				width: 360px;
				height: 50px;
				color: white;
				font-size: 16px;
			}
			.dl{
				font-size: 16px;
				height: 16px;
			}
			.QR{
				margin-top: 20px;
				width: 150px;
				height: 150px;
				background-color: #F3F3F3;
			}
			.QR>img{
				width: 136px;
				height: 136px;
				margin-left: 7px;
				margin-top: 7px;
			}
			.text{
				width: 150px;
				height: 50px;
				margin-top: 16px;
			}
			.text>div{
				font-size: 14px;
				color: #606266;
			}
			.text>div>a{
				text-decoration: none;
				color: #FE3355;
			}
			.another{
				float: left;
				width: 180px;
				height: 45px;
				font-size: 14px;
				line-height: 45px;
				color: #606266;
			}
			.another>a>img{
				width: 20px;
				height: 20px;
			}
			.phone{
				float: right;
				width: 100px;
				font-size: 14px;
				height: 45px;
				line-height: 45px;
			}
			.phone>a{
				text-decoration: none;
				color: #606266;
			}
			style>
	head>
	<body>
		<div class="container">
			<div class="title">登录div>
			<div class="container2">
				<div class="login">
					<div class="dl">密码登录div>
					<div class="username">
						<div class="DQBM">
							<select name="DQBM" id="DQBM">
								<option value="+86">+86option>
								<option value="+852">+355option>
								<option value="+853">+213option>
								<option value="+886">+852option>
							select>
						div>
						<div class="name-input">
							<input type="text" name="username" placeholder="请输入用户名" id="name-input">
						div>
					div>
					<div class="password">
						<div class="pwd-input">
							<input type="password" name="password" placeholder="请输入密码" id="pwd-input">
						div>
						<div class="forget">
							<a href="#">忘记密码a>
						div>
					div>
					<div class="remember">
						<input type="checkbox" name="remember?">记住密码
					div>
					<div class="presslogin">
						<form method="get">
							<input type="submit" value="登录">
						form>
					div>
				div>
				<div class="scan">
					<div class="scan-code">扫码登陆div>
					<div class="QR">
						<img src="pic/二维码.png">
					div>
					<div class="text">
						<div>打开<a href="#">西瓜视频手机appa>div>
						<div>我的-扫一扫登录div>
					div>
				div>
			div>
			<div class="mathod">
				<div class="another">
					其他方式：
					<a href="#"><img src="pic/抖音.png">a>
					<a href="#"><img src="pic/QQ.png">a>
					<a href="#"><img src="pic/微信.png">a>
				div>
				<div class="phone">
					<a href="#">手机验证码登录a>
				div>
			div>
			<div class="tail">
				<input type="checkbox" name="ok">登录即代表你同意<a href="#">用户协议a>和<a href="#">隐私政策a>
			div>
		div>
	body>
html>

前端第三天作业_第1张图片

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style>
			.goods{
				width: 220px;
				height: 360px;
				border: 1px solid #f40;
			}
			.nav>img{
				width: 220px;
			}
			.price{
				margin-left: 5px;
				margin-right: 5px;
			}
			.price > span{
				line-height: 20px;
				vertical-align: middle;
			}
			.price > span:first-child{
				color: #f40;
				font-size: 20px;
				font-weight: bold;
			}
			.price > span:nth-child(2){
				font-size: 14px;
				background-color: #f40;
				color: white;
				padding-left: 1px;
				padding-right: 1px;
			}
			.price > span:last-child{
				float: right;
				font-size: 14px;
				color: #888;
			}
			#des{
				margin-left: 15px;
				margin-right: 5px;
			}
			#des > a{
				color: #444;
				font-size: 14px;
				text-decoration: none;
			}
			#des>a:hover{
				text-decoration: underline;
				color: #f40;
			}
			.place{
				margin-left: 5px;
				margin-right: 5px;
			}
			.place > span{
				line-height: 20px;
				vertical-align: middle;
			}
			.place > span:last-child{
				float: right;
				font-size: 14px;
				color: #888;
			}
			.nav{
				width: 220px;
				height: 220px;
				position: relative;
			}
			.nav>img{
				width: 220px;
				height: 220px;
			}
			.choose{
				position: absolute;
				bottom: 0px;
				display: none;
			}
			.choose>div{
				width: 110px;
				background-color: #f40;
				color: white;
				text-align: center;
				float: left;
			}
			.choose>div:first-child{
				width: 109px;
				border-right: 1px solid white;
			}
			img:hover + .choose{
				display: block;
			}
			.choose a{
				color: white;
				text-decoration: none;
			}
			.xtp{
			 margin-top: 13px;
			 margin-left: 5px;
			 margin-right: 5px;
			}
			.xtp>a:first-child{
			 width: 18px;
			 height: 18px;
			}
			.xtp>a:nth-child(2){
			 width: 18px;
			 height: 18px;
			}
			.xtp>a:last-child{
			 float: right;
			 width: 18px;
			 height: 18px;
			}
			.mini>img{
			 width: 18px;
			 width: 18px;
			}
		style>
	head>
	<body>
		<div class="container">
			<div class="goods">
				<div class="nav">
					<img src="pic/金刚狼3.png" alt="">
					<div class="choose"> 
						<div><a href="#">找同款a>div>
						<div><a href="#">找相似a>div>
					div>
				div>
				<div class="price">
					<span>￥45.8span>
					<span>包邮span>
					<span>90+付款span>
				div>
				<div id="des">
					<a href="#">金刚狼3影票，便宜出货，速速快购a>
				div>
				<div class="place" id="des">
					<a href="#">猫眼旗舰店a>
					<span>广州span>
				div>
				<p>p>
				<div class="xtp">
					<a class="mini" href="#"><img src="pic/天猫.png" alt="">a>
					<a class="mini" href="#"><img src="pic/运费险.png" alt="">a>
					<a class="mini" href="#"><img src="pic/小精灵.png" alt="">a>
				div>
			div>
		div>
	body>
html>

前端第三天作业_第2张图片

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style>
			.container{
				margin-left: 340px;
				width: 1230px;
				height: 350px;
				background-color: #F5F5F5;
			}
			.top{
				width: 1230px;
				height: 190px;
				background-color: white;
			}
			.icon{
				width: 237px;
				height: 170px;
				background-color: #5F5750;
				float: left;
			}
			.iocn-ul{
				display: block;
				margin: 0px;
				margin-top: 1px;
				padding: 0 3px;
				list-style-type: none;
				font-size: 12px;
				text-align: center;
				background: #5F5750;
			}
			.iocn-ul>li{
				position: relative;
				float: left;
				width: 70px;
				height: 82px;
				padding: 0 3px;
			}
			.iocn-ul>li:before{
				top: -1px;
				left: 6px;
				width: 64px;
				height: 1px;
			}
			.iocn-ul>li:after{
				top: 6px;
				left: 0;
				width: 1px;
				height: 70px;
			}
			.iocn-ul>li:after, .six_ul>li:before{
				position: absolute;
				content: "";
				background: #665e57;
			}
			.icon-a{
				display: block;
				padding-top: 18px;
				text-overflow: ellipsis;
				color: #fff;
				opacity: 0.7;
				transition: 0.2s;
				text-decoration: none;
			}
			.icon-a:hover{
				opacity: 1;
			}
			.icon-a>img{
				display: block;
				width: 24px;
				height: 24px;
				margin: 0 auto 4px;
			}
			.img{
				float: left;
				margin-left: 14px;
			}
			.img:hover{
				box-shadow: 6px 6px 10px rgba(0,0,0,0.3);
				transition: 0.4s;
			}
			.img>a{
				text-decoration: none;
				display: block;
				height: 170px;
			}
			.img>a>img{
				width: 316px;
				height: 170px;
			}
			.tail{
				margin-top: 20px;
			}
		style>
	head>
	<body>
		<div class="container">
			<div class="top">
				<div class="icon">
					<div class="iocn-ul">
						<li>
							<a href="#" class="icon-a"><img src="pic/clock.png" alt="保障服务">保障服务a>
						li>
					div>
					<div class="iocn-ul">
						<li>
							<a href="#" class="icon-a"><img src="pic/楼.png" alt="企业团购">企业团购a>
						li>
					div>
					<div class="iocn-ul">
						<li>
							<a href="#" class="icon-a"><img src="pic/F.png" alt="F码通道">F码通道a>
						li>
					div>
					<div class="iocn-ul">
						<li>
							<a href="#" class="icon-a"><img src="pic/卡.png" alt="米粉卡">米粉卡a>
						li>
					div>
					<div class="iocn-ul">
						<li>
							<a href="#" class="icon-a"><img src="pic/圆钱.png" alt="以旧换新">以旧换新a>
						li>
					div>
					<div class="iocn-ul">
						<li>
							<a href="#" class="icon-a"><img src="pic/方钱.png" alt="话费充值">话费充值a>
						li>
					div>
				div>
				<div class="img">
					<a href="#"><img src="pic/1.jpg">a>
				div>
				<div class="img">
					<a href="#"><img src="pic/2.jpg">a>
				div>
				<div class="img">
					<a href="#"><img src="pic/3.jpg">a>
				div>
			div>
			<div class="tail">
				<a href="#"><img src="pic/4.webp">a>
			div>
		div>
	body>
html>

前端第三天作业_第3张图片

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

  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
    示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
    作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
  • 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记
    最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
  • 补充元象二面 Redstone Monstrosity 前端面试
    1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
  • 微信小程序开发注意事项 jun778895 微信小程序小程序
    微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
  • 字节二面 Redstone Monstrosity 前端面试
    1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
  • 斟一小组鸡血视频 和自己一起成长
    http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • Dockerfile命令详解之 FROM 清风怎不知意 容器化java前端javascript
    许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
  • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
  • 【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
    【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
  • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
    第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
  • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
  • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
    通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
  • ubuntu安装opencv最快的方法 Derek重名了
    最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
  • 处理标签包裹的字符串，并取出前250字符 周bro 前端javascript开发语言
    //假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
  • css设置当字数超过限制后以省略号（...）显示 周bro css前端vuecss3html经验分享
    1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • h5小游戏定制开发 红匣子实力推荐
    随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他