- 博客(13)
- 收藏
- 关注
RSS订阅原创 node.js创建简单的服务器读取html文件
node.js创建简单的服务器读取html文件const http = require('http')const fs = require('fs')// 创建服务器http.createServer( (request, response) => { // 获取文件的全路径 let filePath = __dirname + '/www' + request.url // 如果用户输入的是localhost:3000,也能进入首页 filePath = r
2021-07-23 17:06:28
546
1
原创 javascript之任意带px数值和透明度跟层级的属性都能同时改变的缓动动画函数的封装
任意带px数值和透明度跟层级的属性都能同时改变的缓动动画函数的封装<!DOCTYPE html><html> <head> <meta cahrset="utf-8"> <title>动画</title> <style> *{ margin: 0; padding: 0; } #box{ width: 100px; height: 100px;
2020-09-09 08:30:25
151
原创 javascript之任意带px数值的属性都能同时改变的缓动动画函数的封装
任意带px数值的属性都能同时改变的缓动动画函数的封装<!DOCTYPE html><html> <head> <meta cahrset="utf-8"> <title>动画</title> <style> *{ margin: 0; padding: 0; } #box{ width: 100px; height: 100px; backg
2020-09-08 14:58:04
188
原创 javascript之任意带px数值的属性都能改变的缓动动画函数的封装
任意带px数值的属性都能改变的缓动动画函数的封装这里用到了我的博客中的GetStyle函数，用来获取任意样式的值。<!DOCTYPE html><html> <head> <meta cahrset="utf-8"> <title>动画</title> <style> *{ margin: 0; padding: 0; } #box{ width: 100
2020-09-08 14:05:26
141
原创 javascript之获取任意样式的值的函数的封装
获取任意样式的值的函数的封装<!DOCTYPE html><html> <head> <meta cahrset="utf-8"> <title>获取任意样式的值的函数的封装</title> <style> *{ margin: 0; padding: 0; } #box{ width: 100px; height: 100px; backg
2020-09-08 12:54:45
176
原创 javascript之左右缓动动画函数的封装
js缓动动画函数的封装<!DOCTYPE html><html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="bootstrap-4.4.1.css"> <style> .box{ width: 100px; height: 100px; background-color: chartreuse; p
2020-08-26 19:03:47
174
原创 javascript之左右匀速移动动画函数的封装
js左右匀速移动动画函数的封装<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</title> <style> .box{ width: 1
2020-08-26 18:41:02
361
原创 javascript之键盘事件案例，按一下键div自动移动
键盘事件案例，w,a,s,d键按一下div自动移动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{
2020-08-26 13:35:16
394
原创 javascript之键盘事件案例，按键移动div
键盘事件案例，按w,a,sd键移动div<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box{
2020-08-26 12:48:00
244
1
原创 javascript之键盘事件onkeydown,onkeyup,onkeypress
键盘事件键盘事件一般绑定给document，以及一些可以获取焦点的标签，如input标签。onkeydown事件：当键盘任意键按下时执行，按下不松，会不断执行。onkeyup事件：当键盘任意按下并松开时执行。onkeypress事件：当键盘的字母或数字按下时执行，功能键如ctrl,shift，方向键无法识别。ie不支持这个事件。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8
2020-08-26 10:59:02
1976
原创 javascript之event属性案例拖拽效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>test</title> <style> *{ margin:0; padding:0; } .box{ width:100px; ...
2020-04-14 20:48:11
117
原创 javascript之event的属性获取鼠标的位置
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>test</title> <style> *{ margin:0; padding:0; } body{ height:10000px; ...
2020-04-14 20:08:38
469
1
原创 javascript之event事件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>test</title> <style> *{ margin:0; padding:0; } </style> <sc...
2020-04-14 18:11:25
501
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人