- 博客(1168)
- 收藏
- 关注
RSS订阅转载 ts中的extends
P是带参数T的泛型类型,其表达式和A1 A2的形式完全相同,A3是泛型类型P传入参数'x' | 'y'得到的类型，如果将'x' | 'y'带入泛型类的表达式，可以看到和A2类型的形式是完全一样的，那是不是说明，A3和A2的类型就是完全一样的呢？Pick的意思是，从接口T中，将联合类型K中涉及到的项挑选出来，形成一个新的接口，其中K extends keyof T则是用来约束K的条件，即，传入K的参数必须使得这个条件为真，否则ts就会报错，也就是说，K的联合项必须来自接口T的属性。
2024-10-12 17:38:24
167
转载 npm install xxxx --legacy-peer-deps命令是什么？为什么可以解决下载时候产生的依赖冲突呢？
老项目依赖下载不动或者报错问题
2022-09-17 15:57:46
5390
转载 vue键盘事件监听
1、在当前页截获键盘事件，所有按钮均被控制 created () { this.keyDown(); }, beforeDestroy () { this.keyDownReview() }, methods: { //按键恢复 keyDownReview () { document.onkeydown = function (event) { var e = event || window.event;
2022-07-06 19:20:22
10542
转载 区分event对象中的[clientX,offsetX,screenX,pageX]
前言在平时的开发中，非常讨厌的就是兼容性了，兼容性的问题总会让我们记忆混淆，所以这次来区分一下event对象中的常用获取鼠标位置。clientX clientYevent.clientXevent.clientYclient直译就是客户端，客户端的窗口就是指游览器的显示页面内容的窗口大小（不包含工具栏、导航栏等等）。event.clientX、event.clientY就是用来获取鼠标距游览器显示窗口的长度。client范围兼容性：IE和主流游览器都支持。offse
2022-07-06 19:17:53
1012
转载 Vue3.0 新特性以及使用变更总结(实际工作用到的)
前言Vue3.0 在去年9月正式发布了，也有许多小伙伴都热情的拥抱Vue3.0。去年年底我们新项目使用Vue3.0来开发，这篇文章就是在使用后的一个总结， 包含Vue3新特性的使用以及一些用法上的变更。图片.png为什么要升级Vue3使用Vue2.x的小伙伴都熟悉，Vue2.x中所有数据都是定义在data中，方法定义在methods中的，并且使用this来调用对应的数据和方法。那Vue3.x中就可以不这么玩了， 具体怎么玩我们后续再说， 先说一下Vue2.x版本这么写有什么缺陷，所以才会
2022-05-27 17:52:04
785
1
转载 使用Actor模型管理Web Worker多线程
前端固有的编程思维是单线程，比如JavaScript语言的单线程、浏览器JS线程与UI线程互斥等等，Web Woker是HTML5新增的能力，为前端带来多线程能力。这篇文章简单记录一下搜狗地图WebGL引擎(下文简称WebGL引擎)使用Web Worker的一些实践方案，虽然这个项目最终夭折并且我也从搜狗离职了，但在开发WebGL引擎过程中的一些心得和实践还是值得写一写的。搜狗地图WebGL引擎使用Actor模型管理worker线程，所以这篇文章就围绕这一点展开，包括以下内容： WebGL引擎为何
2022-05-21 17:42:48
385
转载 async 与 await 的用法详解
async概念用于声明异步函数，返回值为一个Promise对象，它以类似同步的方式来写异步方法，语法与声明函数类似，例如：async function fn() { console.log('Hello world!');}console.log(fn().constructor); // Promise()// 这里证明其返回值为一个 Promise 对象；返回值也许这里会有疑问，返回值是 Promise 对象，那么函数本身定义的返回值跑到哪里去了呢？其实，...
2022-05-21 09:59:45
14661
7
翻译 Web 中的“选区”和“光标”需求实现
在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色光标呢，是那个闪烁的竖线吗？温馨提示：文章比较长，耐心看完可以完全自主的操作选区和光标一、“选区”和“光标”是什么？先说结论：光标是一种特殊的选区。想搞清楚这个，不得不提到两个重要的对象：Section[1]和Range[2]。这两个对象都有大量的属性和方法，详细可以查看官方文档，这里简单介绍一下：1.Selectio..
2022-05-11 08:55:10
691
1
转载 React之不简单的Children
一、children可以是任何类型的值1.1 正常dom元素<Grid> <Row /> <Row /> <Row /></Grid>class Grid extends React.Component { render() { return <div>{this.props.children}</div> }}复制代码1.2 函数<
2022-05-05 14:37:28
852
转载 vue锚点
第一种：router.js中添加mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return {selector:to.hash } } }组件：<template><div><ul class="list"><li><a href="#1" rel="external nofollow" >星期
2022-04-21 11:39:51
2368
转载 最全的 Vue3 快速上手指南【值得收藏】
Vue3简介面临的问题：随着功能的增长，复杂组件的代码变得难以维护，Vue3就随之而来，TypeScript使用的越来越多，Vue3就是TS写的所以能够更好的支持TypeScript在这里介绍就这么简单vue2的绝大多数的特性 在Vue3都能使用，毕竟Vue是渐进式的响应式原理进行使用Proxy实现，v-model可以传参了等等新特性基础工作使用Vue3的话，那么必须通过使用构建工具创建一个Vue3项目安装 vue-cli#npmnpmi...
2022-03-17 13:51:20
12220
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人