前端知识点系列
前端各种零碎知识点和常见问题汇总
我是波哩个波
千行代码,Bug何处藏。纵使上线又怎样,朝令改,夕断肠。
展开
-
原生JS实现放大镜效果
1、鼠标经过box的时候 显示 mask和bigBox , 当鼠标离开box的时候隐藏mask和bigBox2、当鼠标在盒子中移动的时候,让mask和鼠标一起移动3、当mask移动的时候,让大图片移动<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> &...原创 2021-12-29 13:32:51 · 307 阅读 · 2 评论 -
原生JS实现具有遮罩效果的登录窗口
1、点击文本,可以弹出登录窗口,提供页面遮罩层;2、按住鼠标按键,可以自由拖拽窗口的位置; 3、点击关闭按钮,可以关闭登录窗口;<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { widt...原创 2021-12-29 13:29:51 · 759 阅读 · 0 评论 -
原生JS实现窗口拖拽效果
按住鼠标按键,可以实现注册窗口自由拖拽效果;<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } .nav { height: 30px; backgr原创 2021-12-29 13:24:36 · 417 阅读 · 0 评论 -
原生JS实现div匀速移动效果
点击开始按钮,然后div从当前位置向右匀速移动,当div移动到距离左侧500px的位置,停止移动;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; } #box { po...原创 2021-12-29 13:19:49 · 898 阅读 · 0 评论 -
json-server使用详解
一、Node环境搭建Node.js 简介Node.js 是一个开源与跨平台的 JavaScript 运行时环境。 它是一个可用于几乎任何项目的流行工具!Node.js 在浏览器外运行 V8 JavaScript 引擎(Google Chrome 的内核)。 这使 Node.js 表现得非常出色。Node.js 应用程序运行于单个进程中,无需为每个请求创建新的线程。 Node.js 在其标准库中提供了一组异步的 I/O 原生功能(用以防止 Ja...原创 2021-10-09 10:19:15 · 30523 阅读 · 11 评论