文章分类 - FE常识
前端拓展
摘要：1.富文本里面， 是如何做到划词的 使用浏览器提供的 Selection 对象来获取和管理选择的范围。在鼠标移动过程中，不断更新 Selection 对象的范围。 document.addEventListener("mouseup", function () { const selection =
阅读全文
摘要：<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div { width: 400p
阅读全文
摘要：let refreshHan = () => { // 获取当前页面的实例 const pages = getCurrentPages() const currentPage = pages[pages.length - 1] // 获取页面路径和参数 const { route, options
阅读全文
摘要：点击查看代码 const baseUrl = 'https://wxyd.jckkan.com/index.php' //生产用 let retryCount = 1; const maxRetry = 2; // 最大重试次数，比如设置为3 let isRefreshing = false let
阅读全文
摘要：OS 的 Date 构造函数 不支持2018-04-26这种格式的日期，必须转换为2018/04/26这种格式，可以使用 dayjs 处理 image组件使用webp图片时，IOS需要设置webp属性 Android手机在onShow内调用 wx.showModal ，如果不关闭弹窗（直接点击右上角
阅读全文
摘要：我先输入的 1，已经发送请求了，紧接着输入了 2，3，123，如果在我输入最后一次 123 的时候，我第一次输入的 1 还没有请求成功，那请求 query 为 1 的这个接口将会覆盖 query 为 123123 的搜索结果，因为当 1 成功的时候会将最后一次请求的结果覆盖掉，当然这个概率很小很小，
阅读全文
摘要：在 JavaScript 中，performance.now() 是一个用于测量代码执行时间的方法。它返回一个高精度的时间戳，表示自页面加载以来的毫秒数。 performance.now() 方法返回的时间戳基于浏览器的性能计时器，通常具有更高的精度和准确性，比使用 Date 对象的方式更为精确。这
阅读全文
摘要：点击查看代码 /** * @param {string} s * @return {string} */ let removeDuplicates = function (s) { let stack = [] for (let v of s) { if (stack.length && stack
阅读全文
摘要：grid网格布局 ul{ padding: 0; width: 100%; height: 100%; /*设置为grid网格布局*/ display: grid; /*设置三行高度都为100px；*/ grid-template-rows:100px 100px 100px ; /*设置三行宽度都
阅读全文
摘要：点击查看代码 /* * @Author: your name * @Date: 2021-10-22 10:27:11 * @LastEditTime: 2021-12-04 00:04:58 * @LastEditors: Please set LastEditors * @Description
阅读全文
摘要：class继承父类实例化，传参 子类无constructor，子类实例化传递参数，全传递，先子后父
阅读全文
摘要：将实际窗口的大小与设计图窗口大小做比得到要给相对的比率，每个单位数值和这个比率相乘即可。即：按比例缩放字体。比如设计图是19201080的，某个数值是fontSize:12，当前显示器是3840的大屏，那么你现在的字体大小应该是：12（3840/1920）= 24。 //当前视口宽度 let now
阅读全文
摘要：瀑布流 前端流行网页布局方式 使用js动态的设置等宽的图片进行视觉参差不齐的效果，一般用于图片展示，商品展示 定位子绝父相，动态设置偏移量 计算一行几列考虑每列之间的距离并初始化值为0个数为列数的数组，之后就是循环找最小的值并追加到对应的列，最后把数组的最大值赋值给容器的高，考虑到页面初始化和窗口变
阅读全文
摘要：点击查看代码 ``` 1. 同步模式：前一个任务执行完了，才能执行下一个任务——如果发请求则会阻塞，失去连接 2. 异步模式：一个任务有一个或多个回调函数，前一个任务结束后，执行回调函数，不会阻塞后面的代码，因为执行顺序不一样，所以是异步的 3. 回调函数——异步模式编程 将函数以参数的形式传递 用
阅读全文
摘要：``` TypeScript是一种静态类型的编程语言，它是JavaScript的超集，具有以下优点： 1. 静态类型检查：TypeScript引入了静态类型系统，可以在编译时进行类型检查，提前发现代码中的潜在错误。这有助于减少运行时错误，并提供更好的代码可靠性和可维护性。 2. 更好的代码提示和自动
阅读全文
摘要：方法1 ``` 因为 getElementById 方法是 Document 对象的方法，用于获取当前文档中具有指定 ID 的元素。而 contentDom 是一个 DOM 元素对象，它不具有 getElementById 方法。 如果要获取 contentDom 元素下的某个子元素，可以使用 qu
阅读全文
摘要：点击查看代码 ``` import html2canvas from 'html2canvas' import JSPDF from 'jspdf' Vue.prototype.$ExportSavePdf = function(htmlTitle, dom) { const element = d
阅读全文
摘要：干货满满 点击查看代码 ``` var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); // 定义一个函数，用于加载图像 const loadImage = src => new Promi
阅读全文
