主页 | 郁子IKUKO

网站合集

一些官方网址链接

学习笔记

一些自学的知识点

原创随笔

一些配置过程总结

关于郁子

IKUKO是罗马音

十二、Vue2+ElementUI插件：表格每秒自动滚动

前言

工作中一个小小的特效 ✨

Vue2 + ElementUI 实现表格自动向下滚动。

1.NPM地址

table-auto-scroll

2.效果预览

3.实现功能

表格每秒自动向下滚动一个表格行的高度。
滚动到表格底部时回到顶部，再次自动滚动。
鼠标移入表格区域时，暂停自动滚动。
鼠标移出表格区域后，开始自动滚动。

郁子原创大约 2 分钟

关于郁子

⚫ 座右铭

努力学习是为了——

~~摆烂时能心安理得~~ ❓

成为更好的自己！💯

🔴 技术栈

🔻 熟练

Ant Design	BootStrap	CSS(3)	Element Plus	Element UI
HTML(5)	JavaScript	JQuery	Uni-App	uniCloud
Vant UI	VitePress	Vue2	Vue3

郁子小于 1 分钟

原创随笔

工作学习生活中总结的经验、项目配置过程等，如果有任何错误或意见欢迎大家指点。

CSDN、稀土掘金同步更新。 🤭

郁子小于 1 分钟

学习笔记

工作学习生活中整理的一些开发小技巧（有点但不多）、自学时根据视频内容整理的笔记等。 😄

免责声明

“学习笔记”导航下的内容非原创，但都是本人整理的，因时间久远有些链接找不到，部分参考链接已在文中附上。

"渡一教育"目录下所有笔记总结自渡一教育课程，本人已付费学习，笔记仅用作个人复习用途。

转载请附上原文和本文链接，支持原创，从你我做起！😎

郁子大约 1 分钟

网站合集

工作学习生活中经常访问的网站链接合集，持续更新 ing......😉

郁子小于 1 分钟

十五、Canvas 详细版

（一）概述

Canvas 是 HTML5 的一个新标签，相当于一个画布，可以用来绘制丰富的图形，最终渲染在浏览器上
Canvas 标签本身不具备绘制图形的能力，配合 JavaScript 提供的 CanvasAPI，才能绘制图形，文本和图像，以及实现动画和交互
支持 2d 绘图，也支持 3d 绘图（WebGL）

1.Canvas绘制的图形是位图

放缩会导致图像失真，所以需要注意放缩比例的控制
可以操作每一个点位的像素，进而实现高度自定义的图形绘制和动画效果
相当于 <img> 引入的图片，可以右键另存

郁子大约 35 分钟

十六、Vue相关面试题汇总

（一）谈一谈对 MVVM 的理解？

MVVM 是 Model-View-ViewModel 的缩写。MVVM 是一种设计思想。

Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑;
View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，View 是一个同步 View 和 Model 的对象

在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互， Model 和 ViewModel 之间的交互是双向的，因此 View 数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到 View 上。

郁子大约 57 分钟

十二、网络相关面试题汇总

（一）简述 TCP 连接的过程（淘系）

TCP 协议通过三次握手建立可靠的点对点连接，具体过程是：

首先服务器进入监听状态，然后即可处理连接

第一次握手：建立连接时，客户端发送 syn 包到服务器，并进入 SYN_SENT 状态，等待服务器确认。在发送的包中还会包含一个初始序列号 seq。此次握手的含义是客户端希望与服务器建立连接。

第二次握手：服务器收到 syn 包，然后回应给客户端一个 SYN+ACK 包，此时服务器进入 SYN_RCVD 状态。此次握手的含义是服务端回应客户端，表示已收到并同意客户端的连接请求。

郁子大约 33 分钟

十三、工程化相关面试题讲解

（一）CMJ 和 ESM

1.CommonJS

1）关键词

社区标准
使用函数实现
仅 node 环境支持
动态依赖（需要代码运行后才能确定依赖）
动态依赖是同步执行的

2）原理

// require函数的伪代码
function require(path) {
  if (该模块有缓存吗) {
    return 缓存结果;
  }
  function _run(exports, require, module, __filename, __dirname) {
    // 模块代码会放到这里
  }

  var module = {
    exports: {},
  };

  _run.call(module.exports, module.exports, require, module, 模块路径, 模块所在目录);

  // 把 module.exports 加入到缓存;
  return module.exports;
}

郁子大约 14 分钟

十四、工程化相关面试题汇总

（一）下面的模块导出了什么结果？

exports.a = "a";
module.exports.b = "b";
this.c = "c";
module.exports = {
  d: "d",
};

/* 
{ 
  d: 'd'
}
*/

郁子大约 29 分钟

...

跳转到: