今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点：正常而言应该是这样：当然，这里比较简单，在 CSS 中，我们可以通过 cursor 样式，对鼠标指针形状进行修改。利用cursor修改鼠标样式cursor CSS …
最新内容
这种拖拽布局功能其实在电脑操作系统或者桌面应用里面是经常使用的基础功能，只是有时候在进行web开发的时候，对这个功能需求量不够明显，但却是很好用，也很实用。能够让用户自己拖拽布局，方便查看某个区域更多内容，这一点足够吸引人的。这里用原生实现这个特殊的拖拽布局功能，可以作为参考和学习使用。话不多说，先看看实现的静态效果和动态效果。静态效果：动态效果：为了查看更 …
一、隔列区域汇总年末岁初，财务同仁又该做预算了。如简表所示这仅仅是24个月明细如果是36个月或者更多呢，哪个公司老板，部门领导有闲功夫看如此细致的表格，肯定是先看结果即按季度&年度汇总数据的总数。良好的习惯是把所有的子表都是按照相同格式进行设计的，方便汇总嘛，但是到详细数据的提取就有点小麻烦了，不好改～a、粘出一张表，按季&年进行数据处理，再 …
很多大公司面试喜欢问这样一道面试题，输入URL到看见页面发生了什么？ 简单来说，共有以下几个过程：DNS解析发起TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束。DNS解析DNS解析实际上就是寻找你所需要的资源的过程。假设你输入www.baidu.com，而这个网址并不是百度的真实地址，互联网中每一台机器都有唯一标识的IP …
鲁田（程禄） 大淘宝技术 2023-05-24 16:20 发表于浙江在移动端的页面开发过程中，我们经常提及页面性能优化、消除页面卡顿的话题，如何·确定优化策略，我们首先应当对页面卡顿的行为有所认知。前言页面的卡顿现象可以比较明确的分为三个类型，分别是 “画面撕裂” 、“丢帧不流畅”、“长时间未响应”。“画面撕裂“ 现象给人直观的感觉是页面返回内容不一致， …
轻松办公-OfficeExcel函数精解（七十）查找和引用之OFFSET函数一、函数功能以指定的引用为参照系，通过给定偏移量得到新的引用。返回的引用可以为一个单元格或单元格区域。并可以指定返回的行数或列数。二、语法OFFSET(reference,rows,cols,height,width)三、参数说明：1、Reference作为偏移量参照系的引用区域。R …
在当今快节奏的互联网环境中，网页加载速度直接影响用户体验和业务转化率。页面加载时间每增加100毫秒，就会导致显著的流量和收入损失。作为前端开发的重要组成部分，CSS的渲染性能优化不容忽视。为什么CSS性能优化如此重要？用户体验：快速的页面渲染让用户能够立即与内容互动，减少等待时间业务指标：更快的加载速度意味着更高的转化率和用户留存率资源节约：优化后的CSS减 …
浏览器解析HTML的过程 1、构建 frame, 以建立DOM树。2、回流(reflow) 引起Dom树结构变化，改变页面布局。 3、重绘(repaint) 不会引起Dom树变化及页面布局变化，只重新渲染页面样式回流与重绘两者之间的联系在于: 触发回流一定会触发重绘, 而触发重绘却不一定会触发回流。我们可以把页面理解为一个黑板，黑板上有一朵画好的小花。现在我 …
公式解析：OFFSET: 以指定的引用为参照系，通过给定的偏移量、行数及列数返回一个新的引用。用法解析=OFFSET(B2,1,2,3,2)解析=OFFSET(参照区域，行数，列数，[高度]，[宽度])=OFFSET(B2,1,2,3,2)以B2为初始单元格，行+1，列+2得到D3单元格返回以D3单元格为起点，高度3，宽度2的单元格区域，即D3:E5区域横向 …
JavaScript 代码在运行过程中可能会强制触发浏览器的回流（Reflow），导致主线程被阻塞。回流（Reflow） 是浏览器重新计算页面元素布局的过程（如位置、大小等），属于高开销操作。频繁或同步触发回流会导致页面卡顿、性能下降。一、常见触发回流的操作：1. 读取某些属性（如 offsetWidth、scrollHeight、getComputedSt …