logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

React 中 useContext 的用法与性能问题详解

React 中 useContext 是什么?useContext 有什么用?useContext 的使用方式,使用场景。React 父子通信方式。使用 useContext Hook 的组件都将重新渲染。使用 useContext 可以帮助你避免复杂的组件结构并简化数据传递。

文章图片
#react.js#javascript#前端
Vite 开启本地 https 服务

vite, 开启本地 https 服务,启用 https 协议,运行项目

文章图片
#前端框架#前端#npm
CSS:background-blend-mode 属性实现同时设置背景颜色和背景图片叠加在一起显示

css,background-blend-mode,背景渐变色,背景图片,渐变色背景和背景图片同时叠加显示

文章图片
#css#前端
获取dom元素尺寸大小(含uniapp小程序、h5开发获取方法)

一、domEle.getBoundingClientRect()获取对应元素的大小及其相对于视窗的位置,返回一个包含left, top, right, bottom, x, y, width, 和 height这几个以像素为单位的参数对象,除了width 和 height 以外的属性是相对于视图窗口的左上角来计算的。如下图:视窗指的是能够显示页面内容的浏览器窗口。该api详细说明可点击此链接查看:

文章图片
#uni-app
js中call,apply,bind如何使用,使用场景及区别

call,apply,bind 怎么使用,有什么区别,call,apply,bind使用场景,手写 call,apply,bind, call,apply,bind区别

文章图片
#javascript#前端#开发语言
uniapp开发中的uni.pageScrollTo()页面滚动

**uni.pageScrollTo()**是页面级滚动(整个页面滚动),不是页面内某个区域滚动,即页面内某个容器内部滚动。用法如下:setTimeout(() => {uni.pageScrollTo({duration: 100,scrollTop: 100 //滚动高度,单位px,这里也可用选择器属性:selector:选择器})},50)区域滚动一般用scroll-view标签,必须

#uni-app
Vue2中 keep-alive 使用,如何清除 keep-alive 缓冲的组件

vue2,清除keep-alive缓冲,include, exclude, VNode, cache, keys

#javascript#前端#开发语言
前端常用input输入框正则校验总结及输入框输入限制处理

1.下面是封装好后的工具方法,进行输入框常见的正则校验:// 中文姓名校验器(只能输入汉字,最多10个)export const checkName = name => {return /^[\u4E00-\u9FA5]{1,10}$/.test(name)}// 手机号码校验(只能输入数字,1开头,第二位为3~9,后面9位为1~9)export const checkPhone = pho

#正则表达式#javascript
详解JS中的instanceof使用及手写instanceof

instanceof 是什么?instanceof 是用来判断左侧对象是否是右侧构造函数的实例化对象,或则说左侧对象能否通过其隐式原型 **[[proto]]**在原型链上一层层向上查找到右侧函数的原型对象,即函数原型对象出现在实例对象的原型链上就返回 true。通俗的理解: 右侧是不是左侧的爸爸、爷爷、祖宗,只要左侧对象继承自右侧函数就为 trueinstanceof 使用方式:object i

#javascript#前端#原型模式
暂无文章信息