大家好，我是前端西瓜哥。这次我们来看看虚拟列表是什么玩意，并用 React 来实现两种虚拟列表组件。
2025年01月08日
我正在做一个项目，其中有一个倒序的列表。列表创建时间降序排序的，这里我想在语义和视觉上都能体现出来(让列表显示对应的编号，编号越大表示是最新的)。网上做了一些研究，找到了一些有趣的解决办法，有些很好，有些就不那么好了。
最终结果类似如下:
接着，我们来看看有哪些实现的方式。
2025年01月08日
网络安全自学笔记10
继续学习HTML，学习资料解压到了E盘根目录
浏览器打开E:/html教学资料/html教学版/index.htm，可以全部展开学习
2025年01月07日
【PConline 资讯】今天微软已经正式推送Windows 10正式版，部分用户已经收到了推送并升级成功，好些网友已经在用Win10系统看我们的文章了！
日常工作离不开窗口，尤其对于并行事务较多的桌面用户来说，没有一项好的窗口管理机制，简直寸步难行。相比之前的操作系统，Win10在这一点上改变巨大，提供了为数众多的窗口管理功能，能够方便地对各个窗口进行排列、分割、组合、调整等操作。接下来，小编就为大家列举几项比较常见的窗口管理功能，希望能对大家有所启发。
2025年01月07日
在使用Word编辑表格的时候，当同一张表格需要在多个页面显示时，通常都要在每一页的表格顶端显示标题行，避免编辑错乱。不过手动输入实在有点麻烦，通过Word文档的功能设置，我们可以解决这个问题，让每一页的表格栏头都显示标题行。
首先新建一个Word文档，正常设置表格填写栏头每列表格的标题。
这时，先圈选上第一行标题的表格，然后点击切换选项卡到“布局”页面，然后点击“数据”。
最后，选中“重复标题行”单击即可。这个时候，每页的第一行表格内容，都是被“复制”过的重复标题行，注意这个标题行不可编辑也不可修正，简单说就像一个克隆复制品，什么都像，唯一的问题它不是真的。而当你修改首页第一行（或者圈选复制的某一行表格标题）内容时，所有页面第一行的表格标题都会随之改变。
2025年01月07日
编辑导语：APP的顶部导航栏是UI设计中必不可少的组成部分，它集合了用户常用或必用的一些功能，指引用户进行操作，所以做好导航栏的用户体验是非常重要的。本文作者对导航栏的设计风格、组成结构、样式、交互等方面进行了总结，一起来看一下吧。
APP的顶部导航栏（以下简称“导航栏”）对我们来说再熟悉不过了，它是UI设计中必不可少的组成部分，几乎每一个页面都会使用到。虽然看起来很简单，感觉不需要花费多少精力，但设计一个与产品需求、用户目标匹配度较高的导航栏并非那么容易，这里面有很多需要注意的设计细节。
2025年01月07日
表单外链样式即表单公开链接的对外展示样式。大到每个企业，小到每款产品，都有着自己的主题元素，公司在发展的过程中也需要借助视觉效果来更好的树立品牌形象。
一、应用场景
2025年01月07日
点(.)属性操作
<!DOCTYPE html>
<html>
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body>
<h2>属性值操作</h2>
<p><input type="text" name="username" value="tom" class="orange" id="mingzi" weight='130' /></p>
<p><input type="button" value="获取" onclick="f1()" /></p>
<p><input type="button" value="设置" onclick="f2()" /></p>
</body>
</html>
<script type="text/javascript">
//设置属性值
function f2(){
var it = document.getElementById("mingzi");
it.name = "usermail";
it.value = "jim@163.com";
it.className = "apple";
it.setAttribute("weight",155);
it.type = "checkbox";
}
function f1(){
var it = document.getElementById("mingzi");
console.log(it.type);
console.log(it.name);
console.log(it.className);
console.log(it.id);
console.log(it.getAttribue("weight"));
console.log(it.getAttribute("value"));
}
</script>