- 博客(1164)
- 收藏
- 关注
RSS订阅转载 npm install xxxx --legacy-peer-deps命令是什么？为什么可以解决下载时候产生的依赖冲突呢？
老项目依赖下载不动或者报错问题
2022-09-17 15:57:46
689
转载 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
9777
转载 区分event对象中的[clientX,offsetX,screenX,pageX]
前言在平时的开发中，非常讨厌的就是兼容性了，兼容性的问题总会让我们记忆混淆，所以这次来区分一下event对象中的常用获取鼠标位置。clientX clientYevent.clientXevent.clientYclient直译就是客户端，客户端的窗口就是指游览器的显示页面内容的窗口大小（不包含工具栏、导航栏等等）。event.clientX、event.clientY就是用来获取鼠标距游览器显示窗口的长度。client范围兼容性：IE和主流游览器都支持。offse
2022-07-06 19:17:53
553
转载 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
659
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
197
转载 async 与 await 的用法详解
async概念用于声明异步函数，返回值为一个Promise对象，它以类似同步的方式来写异步方法，语法与声明函数类似，例如：async function fn() { console.log('Hello world!');}console.log(fn().constructor); // Promise()// 这里证明其返回值为一个 Promise 对象；返回值也许这里会有疑问，返回值是 Promise 对象，那么函数本身定义的返回值跑到哪里去了呢？其实，...
2022-05-21 09:59:45
12262
6
翻译 Web 中的“选区”和“光标”需求实现
在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色光标呢，是那个闪烁的竖线吗？温馨提示：文章比较长，耐心看完可以完全自主的操作选区和光标一、“选区”和“光标”是什么？先说结论：光标是一种特殊的选区。想搞清楚这个，不得不提到两个重要的对象：Section[1]和Range[2]。这两个对象都有大量的属性和方法，详细可以查看官方文档，这里简单介绍一下：1.Selectio..
2022-05-11 08:55:10
256
转载 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
513
转载 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
2260
转载 最全的 Vue3 快速上手指南【值得收藏】
Vue3简介面临的问题：随着功能的增长，复杂组件的代码变得难以维护，Vue3就随之而来，TypeScript使用的越来越多，Vue3就是TS写的所以能够更好的支持TypeScript在这里介绍就这么简单vue2的绝大多数的特性 在Vue3都能使用，毕竟Vue是渐进式的响应式原理进行使用Proxy实现，v-model可以传参了等等新特性基础工作使用Vue3的话，那么必须通过使用构建工具创建一个Vue3项目安装 vue-cli#npmnpmi...
2022-03-17 13:51:20
9669
转载 要搞清楚 IoC 那就用 TS 手写一个
最近把Spring重学一遍，总算是理清IOC，DI，AOP的概念，想整理一下，写篇笔记，又想锻炼自己的ts类型体操 (^_^)，所以就用Typescript来篇IOC文章吧。本文来自林小骏大佬的投稿为什么要用IOC容器通常说IOC容器，第一时间会想到Spring，它可以说是IOC最成熟的实践，但IOC不是java或Spring独有，它是一种设计模式，主要是用来解决软件工程里的耦合问题。那什么是耦合? 所谓耦合指的是类之间，或模块之间的依赖，如果两个或以上的类或模块紧密耦合，意味着只要改...
2022-03-16 08:40:47
411
转载 Vue.js双向绑定的实现原理
Vue.js 最核心的功能有两个，一是响应式的数据绑定系统，二是组件系统。本文仅探究双向绑定是怎样实现的。先讲涉及的知识点，再用简化得不能再简化的代码实现一个简单的 hello world 示例。 参考文章：https://segmentfault.com/a/1190000006599500一、访问器属性 访问器属性是对象中的一种特殊属性，它不能直接在对象中设置，而必须通过 defineProperty() 方法单独定义。 var obj = { };...
2022-03-09 19:32:41
394
转载 你不知道的 TypeScript 高级类型
前言对于有 JavaScript 基础的同学来说，入门 TypeScript 其实很容易，只需要简单掌握其基础的类型系统就可以逐步将 JS 应用过渡到 TS 应用。// jsconst double = (num) => 2 * num// tsconst double = (num: number): number => 2 * num然而，当应用越来越复杂，我们很容易把一些变量设置为 any 类型，TypeScript 写着写着也就成了 AnyScript。为了让大家能
2022-02-27 09:52:39
193
转载 Golang ServeMux 是如何实现多路处理的
之前出于好奇看了一下 Golang net/http 包下的部分源码，今天想还是总结一下吧。由于是第一次写文章且抱着忐忑的心情发表，可能有些语义上的不清楚，谅解一下，或者提出修改的建议！简介net/http 包里的 server.go 文件里注释写着：ServeMux is an HTTP request multiplexer. 即 ServeMux 是一个 HTTP 请求的 “多路处理器”，因为 ServeMux 实现的功能就是将收到的 HTTP 请求的 URL 与注册的路由相匹配，选择匹配度最
2022-02-15 12:08:31
568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人