笔记
关注
分享
扫一扫
帅气且烦恼
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue加载高德地图[打点]
地图打点原创 2022-03-10 17:52:54 · 1315 阅读 · 1 评论 -
el-upload 上传
JS原创 2022-02-21 14:42:50 · 687 阅读 · 0 评论 -
css滚动条隐藏
.box {overflow-x: auto;&::-webkit-scrollbar { display: none;}}原创 2022-02-17 15:12:07 · 383 阅读 · 0 评论 -
图片懒加载
const imgs = [...document.getElementsByTagName('img')];if(IntersectionObserver){ // IntersectionObserver ，可以自动"观察"元素是否可见 let lazyLoadObser = new IntersectionObserver((entries)=>{ console.log(entries); entries.forEach((item)=>原创 2021-03-17 20:29:50 · 134 阅读 · 0 评论 -
H5本地存储
//本地存储const userList = [ { id:0, username:'xiaoliu', }, { id:1, username:'laoliu', }];//localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。//setItem('健名','值')localStorage.setItem('userList',JSON.stringify(userList));//getItem('健.原创 2021-03-15 18:28:08 · 161 阅读 · 0 评论 -
node和express写hello Word
node示例Hello Word//引入http包const http = require('http');http.createServer(function(request,response){ //返回HTTP头部信息 //返回HTTP相应的状态码:200(成功) //返回数据内容的类型 text/plain //指定返回的code以及形式 response.writeHead(200,{'Content-Type':'text/html'});原创 2021-03-07 10:45:44 · 171 阅读 · 0 评论 -
JS实现手风琴
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2021-02-27 12:37:34 · 348 阅读 · 0 评论 -
JS的事件
事件: 代表用户和浏览器交互的瞬间事件类型UI事件，当用户与页面上的元素交互时触发； 焦点事件，当元素获得或失去焦点时触发； 鼠标事件，当用户通过鼠标在页面上执行操作时触发； 滚轮事件，当使用鼠标滚轮（或类似设备）时触发； 文本事件，当在文档中输入文本时触发； 键盘事件，当用户通过键盘在页面上执行操作时触发；1.焦点事件1.blur：在元素失去焦点时触发。这个事件不会冒泡；所有浏览器都支持它2.focus：在元素获得焦点时触发。这个事件不会冒泡；所有浏览器都支持它2.鼠原创 2021-02-26 15:22:49 · 127 阅读 · 0 评论 -
js中this指向
**千磨万击还坚劲，任尔东西南北风**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2021-02-25 22:32:51 · 296 阅读 · 0 评论 -
Vue实现ToDolist
<template> <div> <header> <div>LcToDo</div> <!-- 绑定回车事件v-model绑定输入框的值 --> <input type="text" id="input" @keydown.enter="enterEvent" v-model="inputValue"原创 2021-02-25 16:36:40 · 156 阅读 · 0 评论 -
js实现‘’全选‘’，‘反选’等功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-02-25 16:20:46 · 180 阅读 · 0 评论 -
用js实现一个简易的轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-02-25 16:17:59 · 185 阅读 · 0 评论