- 博客(13)
- 收藏
- 关注
原创 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 575 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 160
原创 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 197
原创 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 145
原创 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 185
原创 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 179
原创 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 368
原创 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 404
原创 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 272 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 2042
原创 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 121
原创 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 478 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 506
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人