随笔分类 - 前端
摘要：1、页面切换 不触发 activated 生命周期 代码如下 <template> <!-- include 可以用逗号分隔字符串、正则表达式或一个数组来表示 --> <router-view v-slot="{ Component }"> <keep-alive :include="cacheVi
阅读全文
摘要：https://www.cnblogs.com/panrui1994/p/9378696.html 常用方法： let obj = { 'name' : 'zhangsan', 'age' : '18', 'language' : [1,[2,3],[4,5]], }; //深拷贝 // 会漏掉方法
阅读全文
摘要：###1. 场景： win10下安装node之后，node -v，npm -v都正常，node安装成功，但是运行npm i或者全局安装某插件时，报错： npm ERR! { Error: EPERM: operation not permitted, mkdir 'C:\Program Files\
阅读全文
摘要：问题描述：echarts 实例赋值给 reactive 响应式 Proxy对象，导致tooltip不显示 //template <div style="width: 600px; height: 600px;border: 1px solid red" ref="chartContainer"> s
阅读全文
摘要：<template> <div> {{test.a}} {{test.b}} {{test.c}} {{test.d}} </div> </template> <script lang="ts"> import { defineComponent, PropType, ref, reactive,
阅读全文
摘要：##1、 日期转换 Date 转 String /** * 日期格式化 Date -> String * @param {string} fmt yyyy-MM-dd HH:mm:ss * @param {Date} date * @returns {string} */ export functi
阅读全文
摘要：/** * 根据某一天日期 获取 当前周的第一天和最后一天的日期（周一和周日） * @param date {Date} * @return {{endDate: Date, startDate: Date}} */ export function getStartAndEndDateOfWeek(
阅读全文
摘要：安装配置 https://www.runoob.com/nodejs/nodejs-install-setup.html https://nodejs.org/zh-cn/download/ 升级 node有一个模块叫 n ，是专门用来管理node.js的版本的。 注意，Windows系统不支持 n
阅读全文
摘要：## page_1 是canvas 元素 ## js 导出 就是利用 a 元素的 download, href 属性，最后js点击 let a = document.createElement('a'); a.download = "p1.png"; a.href = document.getEle
阅读全文
摘要：如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符： <style scoped> .a >>> .b { /* ... */ } </style> 上述代码将会编译成： .a[data-v-f3f3eg9] .b { /* ... */ }
阅读全文
摘要：/** * @description 请求通用方法 * @param 请求配置选项 options {{url:string, type:string, data:any, contentType: string, callback:Function}} */ function localAjax(
阅读全文
摘要：有一个很长的列表需要展示，如果是全部直接全部展示，会因为一次性创建了太多的DOM节点，从而导致卡死。（除非分页） 解决办法是： 采用虚拟滚动。 比如有1K条数据，但是我们可以看到的部分可能只有几十条，所以，那些我们看不到的dom节点，完全没有必要去渲染。所以，虚拟滚动就是只渲染可视部分的dom节点，
阅读全文
摘要：当页面高度超出可视区高度时，会出现滚轮条，页面滚动即页面顶部隐藏 获取元素的隐藏高度一般使用元素的scrollTop属性 页面隐藏高度 一般可以使用一下方式获取 const scrollTop0 = document.documentElement.scrollTop // safari，chrom
阅读全文
摘要：https://www.cnblogs.com/shimily/articles/8032450.html
阅读全文
摘要：https://www.runoob.com/w3cnote/flex-grammar.html
阅读全文
摘要：https://segmentfault.com/a/1190000013023485 https://segmentfault.com/a/1190000015440230
阅读全文
摘要：不是通过window.open()方法打开的窗口 不能使用close进行关闭 办法：重新打开自己，再关闭 function closeWin() { try { window.opener = window; var win = window.open("","_self"); win.close(
阅读全文
摘要：window 的 focus 事件 window.onfocus = function(e) { // 事件处理 } // 或 window.addEventListener('focus', () => { // 事件处理 }, true) 如果打开该页面，然后直接切换浏览器的标签，是不会触发fo
阅读全文
摘要：https://www.cnblogs.com/canfoo/p/6891868.html
阅读全文
浙公网安备 33010602011771号