远人村

canva绘制时钟，本文是使用typescript来写的。绘制时钟边框和圆心、绘制刻度线、 绘制时针、分针和秒针...

简介 canvas 是H5新增的一个用于图形绘制的标签。 API及用法 canvas尺寸设置 设置canvas 的 width、height 属性： 用js设置 上下文对象...

常用的hook：useState、useEffect、useRef、useMemo、useCallback、useContext、useReducer、useLayoutE...

前言 URLSearchParams API 用于处理 URL 之中的查询字符串，即?之后的部分。 用法 方法 get()：返回指定参数的第一个值 has()：返回一个布尔...

is 关键字 TypeScript使用is关键字来实现类型保护 举一个简单的例子： 此时的val提示的属性和方法是any 但如果给isNumbre这个方法加上is关键字，就...

是什么 pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的目标。 属性值 auto: 默认值 none：元素永远不...

一、ps -ef 命令 1、ps -ef 查询运行进程 2、ps -ef 通过管道检索某个进程名称查询 3、ps -ef 查询并过滤进程id grep nginx 的输出结...

是什么 HTTP状态码，用以表示网页服务器超文本传输协议响应状态的3位数字代码。 简单来讲，http状态码的作用是服务器告诉客户端当前请求响应的状态，通过状态码就能判断和分...

本篇文章主要讲解var和function声明提升的区别，通过一些例子来分析问题，阅读本文至少需要耗费你2.5分钟的时间...

问题 npm sharp库下载慢 解决 设置sharp的镜像地址 设置 sharp_binary_host镜像地址 yarn config set sharp_binary...

概念 如何构建一个正则表达式 构造函数：new RegExp("正则主体",[修饰符]) 字面量：/正则主体/修饰符 模式中使用的所有元字符都建议在之前加\转义，正则表达式...

前言 全局的 fetch() 方法用于发起获取资源的请求。它返回一个 promise，这个 promise 会在请求响应后被 resolve，并传回 Response 对象...

问题 最近使用vite+vue3+ts开发项目，使用vite提供的 import.meta.glob 函数从文件系统导入多个模块： ts报错：Property 'glob'...

Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 行内元...

前言 当一个重复被使用的css属性值需要修改时，需要在每一个使用的地方修改一次，显然是很麻烦的。在css3中引入了属性变量和var函数的概念，让css也可以拥有变量。 用法...

前言 Sass 是一种编译为 CSS 的样式表语言。它允许您使用变量、嵌套规则、mixin、函数等，所有这些都使用完全兼容 CSS 的语法。 Sass官网 变量（Varia...

前言 Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。 基本概念 变量（Variables） 编译为： 变量插值 选择器（...

清除浮动 假设有如下的结构 main此时子元素没有浮动，那么显示是这样的： 问题1：给所有的子元素都设置了浮动（ e.g float: left ），那么父元素的高度就会为...

前言 在前端工作中，偶尔会遇到url的编码与解码，比如：在微信授权登录的时候，需要将url进行编码写入，再比如：在PC端显示小表情的时候，会用到对url解码解析表情。那么，...