随笔分类 - html+css+js / html+css+js创建前端web项目
六、js创建页码器：分页、上一页下一页、省略页码
摘要：表格数据太多，需要做成分页。因此需要写一个页码器。 1，初始化页码 获取数据之后渲染页码器，页码器初始化，小于6页的全部展示，否则展示前四页，后面是省略号，最后展示尾页。默认选中第一页，禁用前一页的箭头 function setPage(pageCount = 8, rowCount = 387,
阅读全文
五、js封装弹框
摘要：1，modal.js class Modal { constructor(options) { this.options = Object.assign( { title: "标题", showClose: true, content: "", showCancel: true, showConfi
阅读全文
四，js+css封装消息提示
摘要：1，messgae.js function messageTip(msg, duration = 3000) { let elem = document.createElement('div'); elem.className = "errorTip"; elem.innerText = msg;
阅读全文
三、js封装ajax
摘要：1，request.js function commonAjax(method, url, params, done) { // 统一转换为大写便于后续判断 method = method.toUpperCase() // 对象形式的参数转换为 urlencoded 格式 let pairs = [
阅读全文
二、添加一个页面，html+js实现下拉框、复选框、按钮、表格（固定表头）
摘要：1，页面包含下拉框、复选框、按钮、表格（固定表头） <html lang=""> <head> <link rel="stylesheet" type="text/css" href="../css/elementUiIndex.css"> <link rel="stylesheet" type="
阅读全文
一、新建html+css+js原生web项目的整体结构
摘要：1，新建web项目 盘点需要的目录：html页面，css样式，js功能，image图片资源，项目入口文件index.html 2，我们的页面为简单的三部分，如下图所示 index.html为项目入口文件，由于头部是菜单和一些用户的操作，底部是版权和一些用户信息，只有主体部分内容在变化，所以我将主题部
阅读全文