IT黑马程序员
IT黑马程序员

【HTML+CSS+JS表白网站搭建】520七夕到了，快搭个漂亮的表白网站送给TA吧

❤ 精彩专栏推荐
作者主页: 【进入主页—获取更多源码】
web前端期末大作业： 【HTML5网页期末作业 (1000套) 】
程序员有趣的告白方式：【HTML七夕情人节表白网页制作 (125套) 】
七夕来袭！是时候展现专属于程序员的浪漫了！你打算怎么给心爱的人表达爱意？鲜花礼物？代码表白？还是创意DIY？或者…无论那种形式，快来秀我们一脸吧！

文章目录

  • 二、网站介绍
  • 三、网站效果
    • ▶️1.视频演示
    • 2.图片演示
  • 四、 网站代码
    • HTML结构代码
  • 五、更多源码

二、网站介绍

网站文件方面：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

网页编辑方面：可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）html文件包含：其中index.html是首页、其他html为二级页面；
（2） css文件包含：css全部页面样式,3D动态效果,雪花飘落等等
（3） js文件包含：页面炫酷效果实现

三、网站效果

▶️1.视频演示

15-html5+canvas全屏的520爱心表白网页代码

2.图片演示

【HTML+CSS+JS表白网站搭建】520七夕到了，快搭个漂亮的表白网站送给TA吧_第1张图片

四、 网站代码

HTML结构代码


DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>爱心title>
	<style>
		*{margin:0; padding:0;}
		body{ background-color: #1E1E1E; 		}
	style>
head>
<body>

	<canvas id="drawHeart">canvas>

	<script>
		
		window.addEventListener('resize', function(){
			 wW = window.innerWidth;
			 wH = window.innerHeight;
		});
		// 初始化画布大小
		function init(){
			canvas.width = wW;
			canvas.height = wH;
			for(var i = 0; i < num; i++){
				hearts.push(new Heart(i%5));
			}
			requestAnimationFrame(render);
		}

		function getColor(){
			var val = Math.random() * 10;
			if(val > 0 && val <= 1){
				return '#00f';
			} else if(val > 1 && val <= 2){
				return '#f00';
			} else if(val > 2 && val <= 3){
				return '#0f0';
			} else if(val > 3 && val <= 4){
				return '#368';
			} else if(val > 4 && val <= 5){
				return '#666';
			} else if(val > 5 && val <= 6){
				return '#333';
			} else if(val > 6 && val <= 7){
				return '#f50';
			} else if(val > 7 && val <= 8){
				return '#e96d5b';
			} else if(val > 8 && val <= 9){
				return '#5be9e9';
			} else {
				return '#d41d50';
			}
		}

		function getText(){
			var val = Math.random() * 10;
			if(val > 1 && val <= 3){
				return '爱你一辈子';
			} else if(val > 3 && val <= 5){
				return '感谢你';
			} else if(val > 5 && val <= 8){
				return '喜欢你';
			} else{
				return 'I Love You';
			}
		}

		function Heart(type){
			this.type = type;
			// 初始化生成范围
			this.x = Math.random() * wW;
			this.y = Math.random() * wH;

			this.opacity = Math.random() * .5 + .5;

			// 偏移量
			this.vel = {
				x: (Math.random() - .5) * 5,
				y: (Math.random() - .5) * 5
			}

			this.initialW = wW * .5;
			this.initialH = wH * .5;
			// 缩放比例
			this.targetScale = Math.random() * .15 + .02; // 最小0.02
			this.scale = Math.random() * this.targetScale;

			// 文字位置
			this.fx = Math.random() * wW;
			this.fy = Math.random() * wH;
			this.fs = Math.random() * 10;
			this.text = getText();

			this.fvel = {
				x: (Math.random() - .5) * 5,
				y: (Math.random() - .5) * 5,
				f: (Math.random() - .5) * 2
			}
		}

		Heart.prototype.draw = function(){
			ctx.save();
			ctx.globalAlpha = this.opacity;
			ctx.drawImage(heartImage, this.x, this.y, this.width, this.height);
			ctx.scale(this.scale + 1, this.scale + 1);
  			if(!this.type){
  				// 设置文字属性
				ctx.fillStyle = getColor();
	  			ctx.font = 'italic ' + this.fs + 'px sans-serif';
	  			// 填充字符串
	  			ctx.fillText(this.text, this.fx, this.fy);
  			}
			ctx.restore();
		}
		Heart.prototype.update = function(){
			this.x += this.vel.x;
			this.y += this.vel.y;

			if(this.x - this.width > wW || this.x + this.width < 0){
				// 重新初始化位置
				this.scale = 0;
				this.x = Math.random() * wW;
				this.y = Math.random() * wH;
			}
			if(this.y - this.height > wH || this.y + this.height < 0){
				// 重新初始化位置
				this.scale = 0;
				this.x = Math.random() * wW;
				this.y = Math.random() * wH;
			}

			// 放大
			this.scale += (this.targetScale - this.scale) * .1;
			this.height = this.scale * this.initialH;
			this.width = this.height * 1.4;

			// -----文字-----
			this.fx += this.fvel.x;
			this.fy += this.fvel.y;
			this.fs += this.fvel.f;

			if(this.fs > 50){
				this.fs = 2;
			}

			if(this.fx - this.fs > wW || this.fx + this.fs < 0){
				// 重新初始化位置
				this.fx = Math.random() * wW;
				this.fy = Math.random() * wH;
			}
			if(this.fy - this.fs > wH || this.fy + this.fs < 0){
				// 重新初始化位置
				this.fx = Math.random() * wW;
				this.fy = Math.random() * wH;
			}
		}

		function render(){
			ctx.clearRect(0, 0, wW, wH);
			for(var i = 0; i < hearts.length; i++){
				hearts[i].draw();
				hearts[i].update();
			}
			requestAnimationFrame(render);
		}
	script>
body>
html>

五、更多源码

1.如果我的博客对你有帮助 请 “点赞” “✍️评论” “收藏” 一键三连哦！

2.【关注我| 获取更多源码】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、等!

以上内容技术相关问题欢迎一起交流学习

你可能感兴趣的:(学生网页设计作业,html,javascript,css,html5)

  • yarn如何用node替换
    Yarn是一个流行的JavaScript包管理工具，它为npm提供了更快、更可靠的体验。尽管Yarn有其优势，但在许多情况下，我们可能想使用Node.js的本地包管理机制来替代Yarn。一、基本概念在开始之前，我们要明确一些基本个念：Node.js：一个高效的JavaScript运行环境，为构建服务器端应用程序提供支持。Yarn：一个Facebook开发的JavaScript包管理工具，用于处理项
  • 智能教育：DeepSeek在个性化学习中的创新应用与代码实现 Evaporator Core #DeepSeek快速入门DeepSeek进阶开发与应用#深度学习学习
    教育是塑造未来的基石，而个性化学习则是现代教育的重要趋势。随着人工智能技术的飞速发展，教育领域正迎来一场深刻的变革。DeepSeek作为人工智能领域的领军者，正在通过其强大的技术能力，推动个性化学习的创新应用。本文将结合代码实现，深入探讨DeepSeek在个性化学习中的应用。一、个性化学习路径：从数据到洞察个性化学习的核心在于根据学生的学习数据，生成定制化的学习路径。DeepSeek通过深度学习算
  • flink重启策略 24k小善 flink大数据java
    一、重启策略核心意义Flink重启策略（RestartStrategy）是容错机制的核心组件，用于定义作业在发生故障时如何恢复执行。其核心目标为：最小化停机时间：快速恢复数据处理，降低业务影响。平衡资源消耗：避免无限重启导致集群资源耗尽。状态一致性保障：与Checkpoint机制协同，确保Exactly-Once语义。二、四大重启策略详解1.固定延迟重启（FixedDelayRestart）机制：
  • 在 Apache Tomcat 中，部署和删除项目 梦醒贰零壹柒 运维apachetomcatjava
    在ApacheTomcat中，部署和删除WAR文件是常见的操作。以下是详细步骤：1.删除WAR文件(1)停止应用进入Tomcat的管理界面（默认地址：http://localhost:8080/manager/html）。找到需要删除的应用，点击“停止”按钮停止其运行。(2)删除WAR文件进入Tomcat的webapps目录：cd/path/to/tomcat/webapps删除对应的WAR文件和
  • C语言综合案例：学生成绩管理系统 kk努力学编程 c语言算法开发语言
    综合案例：学生成绩管理系统需求：1.存储最多50名学生的信息（不使用结构体）2.每个学生包含学号（字符数组）姓名（字符数组）3门课程成绩（一维数组）3.实现功能菜单添加学生信息显示所有学生信息计算学生平均分查找最高分科目退出系统代码：#include#include//常量定义#defineMAX_STU50//定义学生数量#defineNAME_LEN20//名字的最大长度#defineID_L
  • 非GUI模式执行jemter压测 十叶知秋 jmeter性能测试从0到1性能测试jmeter
    https://www.cnblogs.com/shaohuang/p/17508011.html准备JMeter脚本-首先，在GUI模式下创建并调试好你的JMeter测试计划。测试计划应包含线程组、取样器（如HTTP请求）、监听器等组件。例如，如果你要对一个Web应用进行压力测试，在HTTP请求取样器中设置好请求的URL、方法（GET/POST等）、请求参数等内容。-将测试计划保存为`.jmx`
  • 【Javascript网页设计】产品展示 JavaScript 设计案例 Netsuite + 影刀 Javascript案例javascript前端html
    代码如下：产品展示页面body{font-family:Arial,sans-serif;margin:20px;text-align:center;}.product-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}.product-card{border:1pxsolid#ddd;padding:15
  • [点点搬家]初试mod_perl+apache 之二 promenade perlapache
    [四年前的博客了，学习apache的纯真年代]学习practicalmod_perl中关于apache的配置，章节连接如下http://www.modperlbook.org/html/4-1-1-Configuration-Files.html1,".htaccess"文件，可以看到httpd.conf中有这样的模块AllowOverrideNoneOptionsNoneOrderallow,d
  • 网络空间安全（13）上传验证绕过 IT 青年 网安知识库网络空间安全
    前言上传验证绕过是一种网络安全攻击手段，攻击者利用目标系统或应用程序在文件上传过程中存在的漏洞，绕过文件上传的验证机制，上传恶意文件，从而实现对目标系统的攻击。一、常见类型客户端验证绕过定义：客户端验证通常通过JavaScript在浏览器中执行，用于检查文件类型、大小等。客户端验证绕过是指攻击者通过禁用JavaScript或修改前端代码，绕过这些验证。绕过方法：禁用JavaScript：直接在浏览
  • 如何使用BeautifulSoup轻松解析网页内容？ 字节王德发 pythonbeautifulsoup
    在当今这个信息爆炸的时代，网络上有大量的数据等待我们去挖掘。如何从网页中提取我们需要的信息呢？使用Python的BeautifulSoup库，能够让这一过程变得简单而高效！接下来，我将带你走进BeautifulSoup的世界，教你如何进行网页解析。BeautifulSoup是什么？BeautifulSoup是一个Python库，专门用于从HTML和XML文件中提取数据。它能够将复杂的网页结构转化为
  • 北京大学DeepSeek课程1《DeepSeek与AIGC应用》 daly520 AIGC人工智能aipython深度学习机器学习
    北京大学发布的《DeepSeek与AIGC应用》报告及配套教程，系统介绍了DeepSeek技术特性、AIGC应用场景及实践方法，主要包含以下核心内容：PDF完整版下载北京大学DeepSeek课程《DeepSeek与AIGC应用》下载https://ollama.net.cn/deepseek/14.html一、DeepSeek-R1模型的技术解析1.模型特性与优势DeepSeek-R1是一款专注于
  • PythonWeb框架djiango第二章 _AndyLau 手把手学pythondjangopython
    PythonWeb框架djiango第二章文章目录PythonWeb框架djiango第二章模版方式1（推荐）方式2render方法详解模版语法{{contxt中字典的key}}{%%}标签ifelifelseendif条件选择for{##}常用标签过滤器模版结构{%include"xxx.html"%}模版继承静态文件模型模型安装和配置单表crudMetaFieldAPI外键ForeignKey
  • JAVA开发技术学习规划 —— 给未来20年技术领航者的你 _AndyLau 学习
    亲爱的大学生朋友们，在这个信息爆炸、技术日新月异的时代，选择成为一名JAVA开发者，意味着你将踏入一个充满挑战与机遇的广阔天地。作为一位在JAVA开发领域深耕20年的老兵，我亲历了JAVA从诞生、成长到壮大的全过程，见证了它如何从一个新兴的语言逐渐发展成为企业级应用开发的首选。今天，我想将这份宝贵的经验凝聚成一份详实的技术学习规划，为即将踏上这条征途的你们，指引方向，助力你们在JAVA开发的道路上
  • C语言实现学生信息管理系统(详细注释) 半岛Hantou c语言开发语言
    学习B站up主C3程序猿的视频后总结分享【学生管理系统】_哔哩哔哩_bilibili【学生管理系统】https://www.bilibili.com/video/BV1uW411Q7Cf?spm_id_from=333.999.0.0#include#include#include//学生结点typedefstruct_STU{chararrStuName[20];chararrStuNum[10
  • 四足机器人机架设计新突破！如何让AI机器人“站稳脚跟”？ CodePatentMaster 宇树机器人人工智能机器人科技
    核心价值：通过创新的机架形状设计，显著提升四足机器人结构稳定性与运动适应性，为AI机器人提供高效承载平台。（申请人：杭州宇树科技有限公司；申请号：201730334315.4）一、专利技术深度解析技术背景传统四足机器人机架常面临结构笨重、负载分布不均、运动灵活性不足等问题，影响复杂环境下的作业效率。该专利通过优化机架形状设计，解决了机器人轻量化与高强度之间的矛盾，使其更适应动态场景需求。核心创新点
  • 基于SpringBoot大学生创新创业训练项目管理系统的设计与实现 四金学长 springboot后端java大学生创新创业训练项目管理系统
    1.引言在当今的软件开发领域，企业级应用的开发和部署速度直接影响着业务的竞争力。SpringBoot以其轻量级、快速启动和强大的集成能力，成为构建现代企业级应用的首选框架。本文将带您深入了解SpringBoot框架的核心特性，并展示如何利用它构建一个高效、可扩展的系统。2.开发环境开发语言：Java框架：springbootJD版本：JDK1.8服务器：tomcat7数据库：mysql5.7（一定
  • vxe-table 实现复选框多选通过鼠标拖动选择功能 vue.js
    启用表格多选的范围选择功能很简单，启用后就像excel一样，可以通过鼠标滑动选择行，也可以按住ctrl键部分选择，功能非常强大，支持快捷键;npminstallvxe-pc-ui@4.3.2vxe-table@4.9.4//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-tab
  • 【Python爬虫】爬取公共交通站点数据 Anchenry Python爬虫pythonbeautifulsoup
    首先，先介绍一下爬取公交站点时代码中引入的库。requests：使用HTTP协议向网页发送请求并获得响应的库。BeautifulSoup：用于解析HTML和XML网页文档的库，简化了页面解析和信息提取的过程。json：用于处理JSON格式数据的库。xlwt：用于将数据写入Excel文件中的库。Coordin_transformlat：自定义的一个坐标转换库。在这个爬虫项目中，它被用来将高德地图提供
  • vxe-table v4.8+ 实现行拖动排序，列拖动排序 vue.js
    VxeUIvuevxe-tablev4.8+实现行拖动排序，列拖动排序安装npminstallvxe-pc-ui@4.2.42vxe-table@4.8.1main.js//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-table'import'vxe-table/lib/s
  • 软件工程/计算机科学与技术专业毕业设计选题 计算机毕设选手 计算机毕设选题推荐案例课程设计软件工程springboot开发语言java后端spring
    博主介绍：✌全网粉丝30W+,CSDN全栈领域优质创作者，博客之星、掘金/华为云/阿里云等平台优质作者,计算机毕设实战导师。目前专注于大学生项目实战开发,讲解,毕业答疑辅导✌主要服务内容：选题定题、开题报告、任务书、程序开发、文档编写和辅导、文档降重、程序讲解、答辩辅导等，欢迎咨询~文末获取源码+数据库+文档感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及文档编写等相关问题都可以给我沟通，希望
  • 2025年计算机毕业设计springboot 校园生活服务平台 zhihao501 课程设计springboot后端
    本系统（程序+源码）带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容选题背景关于校园生活服务平台的研究，现有研究主要以校园信息化管理、服务系统集成以及学生需求满足为主。然而，专门针对校园生活服务平台综合功能设计与实现的研究较少。当前，随着信息技术的快速发展，校园生活服务平台的构建与优化成为提升校园生活质量、增强学生学习体验的重要途径。本课题目前存在的争
  • VUE + Jquery 集成的一个简易数学公式编辑器 今天也想MK代码 努力把想法实现vuejqueryjswebhtml
    前端数学公式自定义编辑界面可自定义未知数、运算符号、函数自己写的一个数学公式简单编辑器，本想找开源，无奈找不到。如果有开源，请发我一份，参考参考。在此感谢。静态1、简单公式：例如x+y将公式中的变量（x,y）以及运算符(+,-)放在一个数组中，遍历这个这个数组组成一个html字符串，然后显示在页面。数组定义为：type定义是值还是运算符valueDatas:[{type:'value',domTy
  • TensorFlow.js - 使用 CNN(卷积神经网络) 识别手写数字 宁静_致远_ 前端开发javascripttensorflowcnn
    目录index.htmldata.jsscript.js备注参考文献index.htmlTensorFlow.jsTutorialdata.js/***@license*Copyright2018GoogleLLC.AllRightsReserved.*LicensedundertheApacheLicense,Version2.0(the"License");*youmaynotusethisf
  • Python深度学习之路：TensorFlow与PyTorch对比 步入烟尘 Python超入门指南全册python深度学习tensorflow
    本文已收录于《Python超入门指南全册》本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教学，从基础到精通不断进阶深入，后续还有实战项目，轻松应对面试，专栏订阅地址：https://blog.csdn.net/mrdeam/category_12647587.html优点：订阅限时19.9付费专栏，私信博主还可进入全栈VIP答疑群，作者优先解答机会（代码指导、远程服务），群里大佬众多可以
  • Spring Boot整合Thymeleaf模板引擎实战——从静态页面到动态表单处理全流程解析 Sendingab 零基础7天精通SpringBootSpringboot从入门到精通springboot后端javatomcatspringspringcloudxml
    https://example.com/thymeleaf-spring-demo前言在前后端不分离的传统Web项目中，Thymeleaf凭借自然的HTML语法与强大的表达式功能成为SpringBoot官方推荐的模板引擎。本文将带你从零实现用户注册功能，涵盖表单验证、页面碎片化、国际化等核心场景，并分享性能调优实战经验。一、快速整合Thymeleaf1.1添加基础依赖 xmlorg.springf
  • 解决elementui中aria-hidden报错：Blocked aria-hidden on an element because its descendant retained focus. T-shmily vue浏览器报错elementui前端javascript
    控制台报错：这个无缘无故的是浏览器的原因，不影响代码但影响美观。可以通过css解决，可以放在入口文件解决办法：/*解决浏览器报错：Blockedaria-hiddenonanelementbecauseitsdescendantretainedfocus*/input[aria-hidden="true"]{display:none!important;}或者添加以下也可以解决.el-radio_
  • vue2中使用Animate.css动画插件 T-shmily 前端vue.js动画
    ①安装Animate官网npminstallanimate.css--saveyarnaddanimate.css或者直接下载②引入在main.js中importanimatedfrom"animate.css";Vue.use(animated)或import'animate.css';也可以直接引入在需要用动画的组件中import'animate.css'③使用vue官网vue官网Transi
  • css选择器第三章(伪元素/选择器优先级/三大特性) 星空寻流年 前端基础css前端
    css伪元素/选择器优先级/三大特性一、css伪元素选择器该选择器跟之前的不同，元素选择器操作的是元素里面的内容，伪类操作的是元素本身（只能操作类似于div，p标签等等这些标签元素）。1.1概览::first-letter选中元素中的第一个文字。::first-line选中元素中的第一行文字。::selection选中被鼠标选中的内容。::placeholder选中输入框的提示文字。::befor
  • css伪类选择器第二章 星空寻流年 前端基础css前端
    一、css伪类选择器选中特殊状态元素，这个状态不是我们自己手动定义的css或者id等等，是我们看不到的。一般使用格式为元素:(冒号)属性方式如何理解“伪”?—虚假的，不是真的。如何理解“伪类”？—像类(class)，但不是类，是元素的一种特殊状态。1.1伪类基本概念代码示例a标签伪类基本概念/*选中的是没有访问过的a元素的颜色*/a:link{color:green;}/*访问过的a元素展示的颜色
  • react精简面试题 懒人村杂货铺 react.js前端前端框架
    一、React基础1.React的核心特性是什么？答案：组件化开发：将UI拆分为独立可复用的组件。虚拟DOM（VirtualDOM）：通过内存中的轻量级DOM结构优化真实DOM操作。单向数据流：数据通过props从父组件传递到子组件，状态变化可预测。JSX：允许在JavaScript中编写类似HTML的语法，增强代码可读性。2.类组件和函数组件的区别？答案：类组件：使用class定义，继承Reac
  • 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 "13241153187@163.com" //设置邮箱 ---------------查看环境配置 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其他