- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅
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
69
原创 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
97
原创 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
95
原创 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
272
原创 JS的事件
事件: 代表用户和浏览器交互的瞬间事件类型UI事件，当用户与页面上的元素交互时触发； 焦点事件，当元素获得或失去焦点时触发； 鼠标事件，当用户通过鼠标在页面上执行操作时触发； 滚轮事件，当使用鼠标滚轮（或类似设备）时触发； 文本事件，当在文档中输入文本时触发； 键盘事件，当用户通过键盘在页面上执行操作时触发；1.焦点事件1.blur：在元素失去焦点时触发。这个事件不会冒泡；所有浏览器都支持它2.focus：在元素获得焦点时触发。这个事件不会冒泡；所有浏览器都支持它2.鼠
2021-02-26 15:22:49
68
原创 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
213
原创 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
107
原创 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
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:17:59
126
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人