12 2021 档案
node.js只用一个get将内容传参到子网页
摘要：之前在制作子网页时，每创建一个子网页都需要一个 app.get(['/sun'] ,(req,res)=>{ res.render('sun.html',{data}) } 我就在想若是子网页越来越多，会不会需要创建上百个甚至更多。 那样的话代码会很杂乱，于是我就想到了一种解决办法。运用req.qu 阅读全文
posted @ 2021-12-26 20:11 兮宇 阅读(57) 评论(0) 推荐(0)
node.js后台给前端传参数实现子网页
摘要：子网页是共用一个html为模板，从后端获取不同的数据来打开的内容不同的网页 node.js中的代码如下 const express=require('express') const app=express() app.engine('html',require('express-art-templa 阅读全文
posted @ 2021-12-26 16:40 兮宇 阅读(264) 评论(0) 推荐(0)
CSS导航栏子栏
摘要：效果 HTML部分代码 <li><a href="">产品中心</a><div class="mask"> <p><a href="">流体设备</a></p> <p><a href="">微孔滤膜</a></p> <p><a href="">滤芯</a></p> <p><a href=& 阅读全文
posted @ 2021-12-18 20:35 兮宇 阅读(66) 评论(0) 推荐(0)
css如何实现鼠标移至图片上显示遮罩层及文字
摘要：一张图片当鼠标移动到上方时，会显示一个遮罩层，并且显示一些提示文字 触摸前图片 触摸后图片 实现方法 /html部分 <div class="contentimg"> <span class="img_content"> <a href="http://www.eltran.cc/" target= 阅读全文
posted @ 2021-12-18 20:29 兮宇 阅读(1622) 评论(0) 推荐(0)
前端名词表
摘要：名词释义 行块属性 1.行属性标签。 默认display：inline; 可以和其他行属性标签放置在同一行。 a, span, em, strong。 行属性标签的区域大小只由内容来撑开，width和height属性是无效的。 2.块属性标签。 默认display: block; 独占一行，div, 阅读全文
posted @ 2021-12-13 21:03 兮宇 阅读(66) 评论(0) 推荐(0)
jQuery常用属性
摘要：jquery 获取jquery <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor 阅读全文
posted @ 2021-12-13 20:57 兮宇 阅读(148) 评论(0) 推荐(0)
键盘事件
摘要：我们在使用键盘的时候就会发生键盘事件。键盘事件主要遵循DOM0级规范，有3个键盘事件： keydown：当用户按下键盘上的任意键时触发，如果长按某个键，则会一直触发。 keypress：当用户按下键盘上的字符键时触发，如果长按某个字符键，则会一直触发。按下Esc键也会触发这个事件。 keyup：当用 阅读全文
posted @ 2021-12-09 10:51 兮宇 阅读(977) 评论(0) 推荐(0)
使用node
摘要：安装node 网址https://nodejs.org/zh-cn/ 下载左边的长期维护版本，不要右边的新版本 下载好后，傻瓜式安装即可。 安装完毕不要打开某些文件。 验证是否安装成功 win+R，打开cmd命令行窗口 node -v 能输出版本号，就说明安装成功。 配置node 伴随着node的安 阅读全文
posted @ 2021-12-09 10:38 兮宇 阅读(64) 评论(0) 推荐(0)
js实现方块碰撞
摘要：两个div方块，碰撞到一起后其中一个方块变色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale 阅读全文
posted @ 2021-12-05 10:46 兮宇 阅读(86) 评论(0) 推荐(0)
简易flybird制作
摘要：效果图 html部分代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti 阅读全文
posted @ 2021-12-05 10:43 兮宇 阅读(190) 评论(0) 推荐(1)