摘要: Context 是什么?Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。在一个典型的 React 应用中,数据是通过 props 属性自上而下(由父及子)进行传递的,但这种做法对于某些类型的属性而言是极其繁琐的(例如:地区偏好,UI 主题),这些属性是 阅读全文
posted @ 2023-01-12 22:48 沐子馨 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 你可能不止一次地听大家讨论性能的话题、一个速度飞快的web 应用是多么重要。 我的网站快吗?当你试图回答这个问题的时候,你会发现快是个很模糊的概念。我们在说快的时候,我们到底指的哪些方面?是在什么场景下?对谁而言? 谈论性能的时候务必要准确,不要使用错误的概念,以免开发人员一直在错误的事情上做优化— 阅读全文
posted @ 2022-09-05 11:07 沐子馨 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 一、需求:下拉框支持远程搜索,根据用户输入字符,调接口获取数据渲染到下拉列表上,供用户选择。 二、为什么要做 防抖控制?在做远程搜索时,如果每输入1个字就调用1次接口,就会频繁地掉接口请求数据,假设我们的查询是"12345",不考虑用户输入错误的情况,至少会请求5次。很明显这样频繁地查询数据库是不合 阅读全文
posted @ 2022-08-15 17:58 沐子馨 阅读(582) 评论(0) 推荐(0) 编辑
摘要: const routeUrl = this.$router.resolve({ path: "/targetUrl", query: { id: 96 }, }); window.open(routeUrl.href, "_blank"); <router-link target="_blank" 阅读全文
posted @ 2022-07-29 11:17 沐子馨 阅读(479) 评论(0) 推荐(0) 编辑
摘要: 一、介绍allSettled() 在es6推出的Promise实例中,有一个方法叫allSettled()。通过Promise.allSettled()可以接收一个数组,并且在数组里面的所有实例,全部执行完,再通过then方法或者catch方法,对数组里面的实例进行遍历与操作。 (function( 阅读全文
posted @ 2022-07-25 14:17 沐子馨 阅读(40) 评论(0) 推荐(0) 编辑
摘要: chrome、安卓中都可以通过 new Date(‘2021.12.11 00:00’) 或 new Date(‘2021-12-11 00:00’) 转换为正常 Date 对象,在 IOS 中,都会转换为 NaN,IOS 只支持 new Date(‘2021/12/11 00:00’) 格式。而且 阅读全文
posted @ 2022-06-19 17:26 沐子馨 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 方式一: data() { return { imgSrc: required(...图片相对路径); } } 方式二: import imgSrc from './img.png'; data() { return { imgSrc, } } 阅读全文
posted @ 2022-04-28 15:56 沐子馨 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 在前端监控逐渐完善的今天,页面中错误日志的上报可以说对我们的日常工作带来了极大的帮助。 而使用 window.onerror 事件来捕获 js 脚本中的错误信息是重要的手段 。 但是对于跨域的资源 ,onerror 事件通常会上报 "Script error" 由于这并不是 JavaScript 的 阅读全文
posted @ 2022-04-28 11:41 沐子馨 阅读(463) 评论(0) 推荐(0) 编辑
摘要: 父组件用sync修饰,子组件在 computed 的 set 中通过$emit('update:参数',值)函数去修改。 <!-- 父组件 --> <customComponent :isShow.sync="isShow"></customComponent> <!-- 子组件 --> compu 阅读全文
posted @ 2022-04-28 10:32 沐子馨 阅读(272) 评论(0) 推荐(0) 编辑
摘要: WebKit内核浏览器解决办法 首先,WebKit内核的浏览器实现起来比较简单,可以通过添加一个-webkit-line-clamp的私有属性来实现,-webkit-line-clamp是用来限制在一个块元素显示的文本的行数。 为了实现这个效果,它需要组合其他的WebKit属性: display: 阅读全文
posted @ 2022-04-27 11:15 沐子馨 阅读(57) 评论(0) 推荐(0) 编辑