- 博客(19)
- 资源 (1)
- 收藏
- 关注
原创 图片懒加载
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 81
原创 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 112
原创 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 109
原创 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 290
原创 JS的事件
事件: 代表用户和浏览器交互的瞬间事件类型UI事件,当用户与页面上的元素交互时触发; 焦点事件,当元素获得或失去焦点时触发; 鼠标事件,当用户通过鼠标在页面上执行操作时触发; 滚轮事件,当使用鼠标滚轮(或类似设备)时触发; 文本事件,当在文档中输入文本时触发; 键盘事件,当用户通过键盘在页面上执行操作时触发;1.焦点事件1.blur:在元素失去焦点时触发。这个事件不会冒泡;所有浏览器都支持它2.focus:在元素获得焦点时触发。这个事件不会冒泡;所有浏览器都支持它2.鼠
2021-02-26 15:22:49 78
原创 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 240
原创 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 116
原创 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 125
原创 用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 140
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人