记录美好生活

原创 投掷骰子html

【代码】投掷骰子html。

原创 table冻结表头

【代码】table冻结表头。

原创 Vue3封装实现的防抖和节流函数

防抖节流

原创 根据屏幕适配rem

rem适配

原创 Div元素中心拖拽旋转（两种方式）

旋转 atan2

原创 JS在两个（或更多）元素之间绘制线或带箭头的线

JS在两个（或更多）元素之间绘制线或带箭头的线 svg实现

原创 JS常用的API

js常用的API

转载 Vue3+ts实现一个颜色选择器(可以自定义)

颜色选择器，Vue3，ts，自定义

原创 前端利用canvas截图

前端利用canvas截图。

原创 文字添加样式以及鼠标插入显示样式（类office）

文字添加样式以及回显（类office）

原创 鼠标拖动元素实现移动滚动条+实战

鼠标拖动元素实现移动滚动条+实战。

原创 react中useState、useRef之间的区别

useRef useState

转载 Webpack vs Vite的核心差异

webpack vite

原创 防抖和节流原理及应用场景

防抖节流

转载 前后端数据交互——fetch 请求详解

fetch

原创 React中,this漂移

this漂移

原创 JS逻辑算法程序题

在JavaScript中，我们可以使用Array.prototype.flat()方法来实现数组的扁平化。在这个例子中，我们使用了.flat(Infinity)来确保无论数组有多深，都能被完全扁平化。如果你只想扁平化到特定的深度，你可以传递一个整数参数给.flat()方法，例如.flat(2)将只扁平化到两层深。

原创 JS的回流、重绘、防抖、节流

回流、重绘、防抖、节流

原创 关于js的一些问题

定期的，垃圾回收器将从根开始，找所有从根开始引用的对象，然后找这些对象引用的对象。垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。这是最简单的垃圾收集算法。同步：浏览器访问服务器，用户看到页面刷新，重新发请求，等请求完，页面刷新，新内容出现，用户看到新内容之后进行下一步操作。作用域链的原理和原型链很类似，如果这个变量在自己的作用域中没有，那么它会寻找父级的，直到最顶层。

原创 jQuery总结

原创 JS总结~

原创 HTML5高级

原创 关于JS面试题

这里的同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。我们举例说明：比如一个黑客程序，他利用 Iframe 把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过 Javascript 读取到你的表单中 input 中的内容，这样用户名，密码就轻松到手了。这时这些本来是严格模式的文件，被 merge 后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压缩后浪费了字节。事件委托是指将事件绑定目标元素的到父元素上，利用冒泡机制触发该事件。

原创 关于Vue的面试题

Vue

原创 面向对象OOP

封装 继承 多态

原创 CSS基础~（1）

important>行内样式>ID>(类选择器=伪类选择器)>标签名选择器>通用选择器>继承。当多个不同的选择器选中同一个元素，发生冲突时，如果设置了不同的样式会叠加效果同时生效。选中元素后面紧挨着的相邻兄弟元素——不要前面的，也不要有间隔的，也就是最多选中1个。在CSS中，有一些属性是具有继承特性的，也就是父元素的CSS属性会传递到子元素上。我们可以给指定元素的前面/后面添加内容，还可以对添加的内容进行样式设置。% 百分比，指的是占父级元素的尺寸占比，参考的是父级元素的大小。

原创 HTML基础~(3)

footer> 定义网页的底部或者某个区域的底部 15:06。需要此样式的html页面在自己的head标签中使用link标签引入该外部样式即可。在html文件中head标签里写style标签，style标签中的就是内部样式。选中某类特定的HTML元素，选择器的名字就是标签的名字，注意标签名不加尖括号。 定义网页的头部或者某个区域的顶部。“假的类”—伪类的名字不可以自定义，是固定的，表示选中某个时刻/状态。

原创 HTML基础~（2）

列表 表格 表单 input控件 input

原创 HTML基础~(1)

图片 转义字符 图片 注释 换行 标题 HTML基础

原创 前端学习~

前端学习