随笔分类 -  html+css+js

六、js创建页码器：分页、上一页下一页、省略页码
摘要：表格数据太多，需要做成分页。因此需要写一个页码器。 1，初始化页码 获取数据之后渲染页码器，页码器初始化，小于6页的全部展示，否则展示前四页，后面是省略号，最后展示尾页。默认选中第一页，禁用前一页的箭头 function setPage(pageCount = 8, rowCount = 387, 阅读全文
posted @ 2023-02-13 14:37 Zoie_ting 阅读(492) 评论(0) 推荐(0)
五、js封装弹框
摘要：1，modal.js class Modal { constructor(options) { this.options = Object.assign( { title: "标题", showClose: true, content: "", showCancel: true, showConfi 阅读全文
posted @ 2023-02-13 13:20 Zoie_ting 阅读(25) 评论(0) 推荐(0)
四，js+css封装消息提示
摘要：1，messgae.js function messageTip(msg, duration = 3000) { let elem = document.createElement('div'); elem.className = "errorTip"; elem.innerText = msg; 阅读全文
posted @ 2023-02-13 11:54 Zoie_ting 阅读(98) 评论(0) 推荐(0)
三、js封装ajax
摘要：1，request.js function commonAjax(method, url, params, done) { // 统一转换为大写便于后续判断 method = method.toUpperCase() // 对象形式的参数转换为 urlencoded 格式 let pairs = [ 阅读全文
posted @ 2023-02-13 11:45 Zoie_ting 阅读(36) 评论(0) 推荐(0)
二、添加一个页面，html+js实现下拉框、复选框、按钮、表格（固定表头）
摘要：1，页面包含下拉框、复选框、按钮、表格（固定表头） <html lang=""> <head> <link rel="stylesheet" type="text/css" href="../css/elementUiIndex.css"> <link rel="stylesheet" type=" 阅读全文
posted @ 2023-02-13 10:37 Zoie_ting 阅读(351) 评论(0) 推荐(0)
一、新建html+css+js原生web项目的整体结构
摘要：1，新建web项目 盘点需要的目录：html页面，css样式，js功能，image图片资源，项目入口文件index.html 2，我们的页面为简单的三部分，如下图所示 index.html为项目入口文件，由于头部是菜单和一些用户的操作，底部是版权和一些用户信息，只有主体部分内容在变化，所以我将主题部 阅读全文
posted @ 2023-02-10 17:23 Zoie_ting 阅读(254) 评论(0) 推荐(0)
css中 : 和 :: 的区别（伪类与伪元素）
摘要：css中的 : 指的是伪类，:: 指的是伪元素。 伪类 说明 :visited（a:visited） 选择所有已访问的链接 :hover（a:hover） 选择鼠标悬停其上的链接 :active（a:active） 选择活动的链接 :focus（input:focus） 选择获得焦点的 <input 阅读全文
posted @ 2022-09-15 13:24 Zoie_ting 阅读(1408) 评论(0) 推荐(0)
js回调函数与闭包
摘要：js四种异步方法（回调函数、Promise、Generator、async/await） 1，回调函数 函数B作为函数A的入参，且函数A执行了函数B，此时我们把函数A叫做回调函数。 function A(callback){ console.log("A"); callback("param B") 阅读全文
posted @ 2022-09-07 16:59 Zoie_ting 阅读(178) 评论(0) 推荐(0)
js回调地狱
摘要：js四种异步方法（回调函数、Promise、Generator、async/await） 上篇介绍了回调函数：函数B作为函数A的入参，且函数A执行了函数B，此时我们把函数A叫做回调函数。 function A(callback) { console.log("A"); callback();//函数 阅读全文
posted @ 2022-09-07 15:31 Zoie_ting 阅读(411) 评论(0) 推荐(0)
js四种异步方法（回调函数、Promise、Generator、async/await）
摘要：由于JS运行环境是单线程的，即一次只能完成一个任务，所以多任务时需要排队。异步可以理解为改变执行顺序的操作，异步任务必须在同步任务执行结束之后，从任务队列中依次取出执行。 js常见的异步方法有四种： 1，回调函数callback 函数B作为函数A的入参，且函数A执行了函数B，此时我们把函数A叫做回调 阅读全文
posted @ 2022-09-07 15:04 Zoie_ting 阅读(9761) 评论(0) 推荐(0)
js防抖和节流
摘要：1，防抖：规定时间内多次执行，只执行最后一次。 有比喻：电梯每次触发，到关门中间间隔15s，如果A按了电梯，等待15s电梯才会关门，但是15s内B按了电梯，那就要开始重新计时 使用场景：输入框中输入内容，进行联想查询。我们希望的是用户输完后进行查询，而不是用户输入过程中频繁查询 function d 阅读全文
posted @ 2022-09-06 14:50 Zoie_ting 阅读(111) 评论(0) 推荐(0)
JavaScript判断变量的类型的几种方法
摘要：基本数据类型：String、Number、Boolean、Null、Undefined、Symbol (ES6)、Bigint (ES10，提供了表示大于最大安全整数之外) 引用数据类型：Object，包括function/array/object typeof：判断基本数据类型，对于引用数据类型除 阅读全文
posted @ 2022-09-06 14:32 Zoie_ting 阅读(184) 评论(0) 推荐(0)
css字体模糊
摘要：color: transparent;text-shadow: #fff 0 0 5px; 阅读全文
posted @ 2020-05-13 09:27 Zoie_ting 阅读(333) 评论(0) 推荐(0)
css禁止被文字被选中
摘要：有时需要利用重叠标签仿造效果，即使设置透明色，但是用户选中还是可以看到文字，又无法设置visibility或者display使其隐藏（会使事件不执行），所以需要设置禁止文字被选中的样式 * { -webkit-user-select:none; -moz-user-select:none; -ms- 阅读全文
posted @ 2020-04-28 10:46 Zoie_ting 阅读(94) 评论(0) 推荐(0)