胜行天下网 | Magic Code

PostgreSQL-分页批量复制表-for循环

PostgreSQL-慢sql查询优化过程-大SQL文件分割-大表分页提交update结果

沟通训练-怎么让自己的沟通变得更好

个人学习积累-(20150902-20240128)

MySQL-fulltext-全文搜索-索引-MATCH AGAINST IN boolean MODE

CSS-文字控制在同一行显示-单个控件-多个控件-PC网页主体宽度兼容（不换行、不隐藏）

Java-小工具-大文件Sql分割小文件-navicat导入大sql文件中止现象说明

运维-docker专题-创建镜像-操作容器-制作jdk17的docker镜像等

更多分类：随笔

前端技术

前端-使用虚拟滚动和Web Workers加载大量list数据的方案

1.应用场景可尝试用于数据量大时，列表渲染慢且卡顿的页面另外是否可考虑预加载列表逻辑？2.代码index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>加载大量list数据-虚拟滚动和WebWorkers的示例</title><style>.div1{height:100px;width:100%;background-color:yellow;margin:5px;/*div中的文

2024-08-13 浏览(161) 评论(0)

阅读全文

前端技术

H5-小知识-页面前进后退-上一页-下一页-返回

<inputtype=buttonvalue=刷新onclick="window.location.reload()"><inputtype=buttonvalue=前进onclick="window.history.go(1)"><inputtype=buttonvalue=后退onclick="window.history.go(-1)"><inputtype=buttonvalue=前进onclick="window.history.forward()"><inputtype=buttonva

2024-01-21 浏览(139) 评论(0)

阅读全文

前端技术

H5-实现HTML中下载文件，而不是直接在浏览器中打开-Content-Disposition-download.js

1、<ahref="地址"download="名称"></a>2、“download.js”download("url","name","mine")函数<div onclick="download("视频地址","想要起的名称.mp4","video/mp4")" >下载</div>附件下载：download.js3、AddHeaderResponse.AddHeader("Content-Disposition","attachment;filename="+fileN

2024-01-19 浏览(80) 评论(0)

阅读全文

前端技术

H5-禁止页面缓存

html<HEAD><METAHTTP-EQUIV="Pragma"CONTENT="no-cache"><METAHTTP-EQUIV="Cache-Control"CONTENT="no-cache"><METAHTTP-EQUIV="Expires"CONTENT="0"></HEAD>asp教程做法Response.Buffer=TrueResponse.ExpiresAbsolute=Now()-1Response.Expires=0Response.CacheControl="no

2024-01-19 浏览(132) 评论(0)

阅读全文

前端技术

延迟js加载（lazyload 含有jQuery 等很多js时）

<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"class="csstransformscsstransforms3dcsstransitions"><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><scriptsrc="./lazyload-min.js"type="text/javascript"></script></

2024-01-19 浏览(125) 评论(0)

阅读全文

前端技术

H5-处理未加载过资源-展示loading页面

<#--处理未加载过资源，展示loading开始--><divid="whiteScreen"class="change-view-terminal"style="visibility:hidden;position:fixed;z-index:1001;opacity:.95;filter:alpha(opacity=95);margin:0;bottom:0;top:0;left:0;right:0;border-radius:0;display:-webkit-box;-webkit-box-pack:center;-webki

2024-01-19 浏览(124) 评论(0)

阅读全文

前端技术

H5-js之自定义Toast

demo<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">body{background-color:red;width:100%;height:100%;}</style></head><body><buttononclick="showToast('test')">点我</button>&l

2024-01-19 浏览(139) 评论(0)

阅读全文

前端技术