随笔分类 - JS
摘要：**申明：这是我在抖音的一位叫做"青牛前端"**的博主上刷到的，我觉得效果非常炫酷，所以尝试模仿一下，并且解决了他的一个小问题（也可能是博主没有发进阶版），下面为效果展示图： 首先是静态页面布局，大致如下： <div class="form_div"> <div class="form_item">
阅读全文
摘要：图片懒加载 之前学习vue2的时候，我了解到图片懒加载，只是当时没花时间去解决，仅仅是使用了vant2提供的懒加载插件，现在想尝试使用JS实现。 什么是懒加载？其实就是在页面渲染时，不是一次性加载全部的图片资源，针对图片元素只在视口范围内按需加载。可以节省加载时间和优化性能，这个功能在首屏加载中有很
阅读全文
摘要：属性描述符是会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。属性描述符有两种主要形式：数据描述符和存取描述符。数据描述符是一个具有值的属性，该值可以是可写的，也可以是不可写的。存取描述符是由 getter 函数和 setter 函数所描述的属性。一个描述符只能是这两者其中
阅读全文
摘要：知识点： 引入css、图标和js文件的方法和顺序 audio音乐播放器，controls显示自带的播放组件，currentTime是当前播放时间 动画时间transition：1s，需要添加到父组件上 修改transform的translate值展现歌词滚动，使用scale（1.2）表示字体变大，这
阅读全文
摘要：浏览器是如何渲染页面的？ 当浏览器的网络线程收到HTML文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。 在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开始渲染流程。 整个渲染流程分为多个阶段，分别是：HTML解析、样式计算、布局、分层、绘制、分块、光栅化、画。每个阶段都
阅读全文
摘要：首先我们在HTML中使用h1标签展现标题时，我们没有设置该h1的任何央视，但是却能看到该h1由一定的默认样式，例如有默认的字体大小、默认的颜色。那么问题来了，我们这个 h1 元素上面除了有默认字体大小、默认颜色等属性以外，究竟还有哪些属性呢？ 答案是该元素会有css的全部属性，我们可以打开浏览器的开
阅读全文
摘要：什么是包含块？ 对于元素的尺寸和位置，会受它的包含块所影响。对于一些属性，例如：width，height，padding，margin，绝对定位元素的偏移值（position被设置成absolute或者fixed），当我们对其赋予百分比值，这些值得计算值，就是通过元素的包含快计算得来。 案例一 <b
阅读全文
摘要：浏览器进程模型 进程？ 程序运行需要有自己的专属内存空间，这块内存空间简单理解为进程 每个应用至少有一个进程，进程之间相互独立，即使要通信也需要双方同意 线程？ 有进程就可以运行程序代码，运行代码的【人】为线程 一个进程至少有一个线程，在进程开启后会自动创建一个线程来运行代码，该线程为主线程 如果程
阅读全文
