自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 nodejs与js的区别

nodejs与js的区别ECMAScriptJavascriptnodejsECMAScript定义了语法,写js以及nodejs时必须遵守定义变量,循环、判断、函数原型和原型链、作用域和闭包、异步不能操作DOM,不能监听click事件,不能发送ajax请求不能处理http请求,不能操作文件即,只有ECMAScript,几乎做不了项目Javascript使用了 ECMAScript 语法规范,外加Web API,缺一不可DOM操作,BOM操作,事件绑定,Ajax等,具体参考阮一峰

2021-09-08 15:50:58 219

原创 nodejs: server开发和前端的区别

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-09-07 19:46:57 116

原创 Demo14:图片渐入

利用css动画实现图片渐入的功能实现效果点击文字实现相应的效果 代码实现<!DOCTYPE html><html> <head> <title> 图片渐入效果的实现 </title> <meta charset="utf-8"/> <style> a{ display:inline-b

2016-02-29 21:43:36 496

原创 Demo13:div实现太极旋转

div实现太极旋转使用div(非canvas)实现太极旋转使用div border相关属性绘制太极图案,结合动画功能完成旋转,如图: 代码实现<!DOCTYPE html><html> <head> <title>太极</title> <meta charset="utf-8" /> <style> body{ background-color:#66fff

2016-02-27 23:08:39 419

原创 Demo12:书册子旋转

利用css动画功能实现书册子旋转效果要求每个册子以不同的速度同一原点旋转,鼠标进入每一个册子,本书册停止转动,如下所示: 代码实现<!DOCTYPE html><html> <head> <title>书册旋转</title> <meta charset="utf-8" /> <style> body{ background-color:#33ccff;

2016-02-27 22:57:59 350

原创 Demo11:content与counter案例

content与counter案例:实现自动章节生成效果要求在起点网诛仙小说截图如下: 代码实现<!DOCTYPE html><html> <head> <title> new document </title> <meta charset="utf-8" /> <style> body{ background-color:rgb(231,244,254);

2016-02-27 22:22:19 338

原创 Demo10:简单天猫导航

简单天猫导航的实现效果展示代码实现<!DOCTYPE html><html> <head> <title> new document </title> <meta charset="utf-8" /> <style> #top{ width:900px; height:40px; margin:auto; bac

2016-02-27 20:35:50 815

原创 Demo9:简单晒单效果

简单晒单效果的实现效果展示代码实现<!DOCTYPE html><html> <head> <title> new document </title> <meta charset="utf-8" /> <style> body{ font:12px Arial,"microsoft yahei"; color:#666; } #

2016-02-27 19:56:39 520

原创 Demo8:简单商品评星

简单商品评价星级与标签的实现实现效果代码实现<!DOCTYPE html><html> <head> <title> new document </title> <meta charset="utf-8" /> <style> body{ font-size:12px; color:#9c9a9c; } #content{

2016-02-27 18:30:13 342 1

原创 Demo7:背景截取图标显示

背景截取图片显示的实现实现效果为了减少网页加载图片量,开发人员常常讲页面用到的图标/logo等集合在一张图片里,使用时引入合适的坐标值即可。 背景图片如下: 用一个div实现精华两个字的显示,如下: 代码实现<!DOCTYPE html><html> <head> <title> new document </title> <meta charset="utf-8" />

2016-02-27 17:03:27 283

原创 Demo6:简单图片容器的实现

简单图片容器拉动显示效果的实现实现效果实现代码<!DOCTYPE html><html> <head> <title> new document </title> <meta charset="utf-8" /> <style> #d1{ width:500px; height:150px; border:1px solid #

2016-02-27 16:49:00 315

原创 Demo5:简单登录界面

简单登录界面的实现实现效果代码实现<!DOCTYPE html><html> <head> <title> new document </title> <meta charset="utf-8" /> </head> <body> <header> <h1> <img src="logo.png" width="180px" height="80px" /

2016-02-27 16:19:38 648

原创 Demo4:求职信息表

个人求职信息表实现效果代码实现<!DOCTYPE html><html> <head> <title> new document </title> <meta charset="utf-8" /> </head> <body> <h1>个人求职信息</h1> <form> <table border="1" cellspacing="0" width="50%"

2016-02-27 15:37:54 401

原创 Demo3:基础语法实现论文的样式

基础语法实现论文的样式论文样式实现论文样式效果如下图所示(来源于一篇论文) 图一引用图片为: 实现代码:<!doctype html><html> <head> <meta charset="utf-8" /> <style> #div{ width:800px;

2016-02-27 14:40:10 343

原创 Demo2:简单求职表格

简单求职表格

2016-02-17 23:19:21 302

原创 Demo1:五色表格

五色表格的实现

2016-02-17 22:23:01 529

原创 HTML文件的基本结构

HTML文件的基本结构1、文件结构标记 HTML文件的基本结构主要包含一些最基本的文件结构标记。如下表所示: 文件结构标记 说明 <html> <HTML 文档的开始> <head> <HTML 文档的头部开始> <title> <HTML 文档的标题信息开始> </title> <HTML 文档的标题信息结束> </head> <HTML

2016-02-16 22:26:05 8270

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除