web前端技术分享-腾讯云开发者社区

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

web前端技术分享

专栏成员

50

文章

131178

阅读量

12

订阅数

多个相邻元素切换效果出现边框重叠问题的解决方法

border class 解决方案模型组件库

多个相邻按钮切换效果出现边框重叠问题的解决方法下图所示的是一种常见的切换效果，在实现这种切换效果时，经常会遇到相邻按钮边框重叠的问题（查看demo），有没有好的解决方法呢？

2023-10-16

4220

React-hooks 父组件通过ref获取子组件数据和方法

react ref 对象函数数据

我们知道，对于子组件或者节点，如果是class类，存在实例，可以通过 React.createRef() 挂载到节点或者组件上，然后通过 this 获取到该节点或组件。

2023-05-23

2.2K0

Ant Design Pro 中点击子菜单的时候，其他菜单不自动收起来

ant 解决方案用户体验

记录一波自己在这段时间碰到的一个Ant Design Pro 的坑：每次点击菜单都会将其他菜单自动收起来，导致一系列的用户体验不佳。

2022-12-10

1.6K0

React中useMemo与useCallback的区别

把“创建”函数和依赖项数组作为参数传⼊入useMemo，它仅会在某个依赖项改变时才重新计算memoized 值。这种优化有助于避免在每次渲染时都进⾏行行⾼高开销的计算。

2022-08-18

6880

Vue非父子级通信

1 <div id="app"> 2 <xz-todo></xz-todo> 3 </div> 4  5 <template id="tplTodo"> 6 <div> 7 <h3>父组件xz-todo: 代办事项列表</h3> 8 <xz-todo-input></xz-todo-input> 9 <!--父要给子

2022-05-05

2370

Vue的父子组件间通信及借助$emit和$on解除父子级通信的耦合度高的问题

1.父子级间通信，父类找子类非常容易，直接在子组件上加一个ref，父组件直接通过this.$refs操作子组件的数据和方法

2022-05-05

6550

elementUi中input输入字符光标在输入一个字符后，光标失去焦点

bug描述：elementUi中input输入字符光标在输入一个字符后，光标就退出，无法输入需要再次聚焦然后输入一个字符又再次退出。

2022-05-05

4K0

elementUi中的计数器ele-mumber中的change事件传参及事件调用

input settimeout sum 定时器响应式

业务场景是需要在点击业务工作量的时候设置任务工作量这一项的评分不能大于任务质量及任务时限的权重之和除以二

2022-05-05

8590

如何使用git拉取代码及提交代码(详细)

npm vue.js git yarn node.js

第一步：首先在本地安装git和TorToiseGit小乌龟，svn同理，也可以安装下TorToiseGit中文语言包，前期可减少出错，后期熟悉了可直接用命令行pull代码

2022-05-05

3.2K0

前后端token机制识别用户登录信息

黑客网络安全安全

Token，就是令牌，最大的特点就是随机性，不可预测。一般黑客或软件无法猜测出来。

2022-05-05

6140

【微信小程序开发】使用button标签的open-type="getUserInfo"引导用户去授权

> wx.getUserInfo(OBJECT) 注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用

2022-05-05

1.7K0

css新单位vw,vh在响应式设计中的应用

css3引入的”vw”和”vh”基于宽度/高度相对于窗口大小，”vw”=”view width”, “vh”=”view height”; 以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小。参照demo案例对照下面四个容器的css样式:

2022-05-05

1.1K0

小程序 input 组件内容显示不全（显示的长度不满 input 宽度）问题

小程序 input max min width

问题：小程序的input组件经常用到，但在使用input组件的时候会出现一种现象：明明设置了input的宽度，但是输入的内容显示的长度范围却怎么都不到一整个input组件的宽度，而且后面没显示的地方无法聚焦，具体效果如下：

2022-05-05

2.5K0

移动端解决悬浮层（悬浮header、footer）会遮挡住内容的方法

fixed footer navbar padding position

实现原理很简单，就是在navbar-fixed-top和navbar-fixed-bottom使用了position：fixed属性，并且设置navbar-fixed-top的top值为0,而navbar-fixed-bottom的bottom值为0。具体的源码如下：

2022-05-05

1.3K0

Javascript原型，原型链？有什么特点？

javascript 面向对象编程

继承: 在创建子对象时，new的第2步自动设置子对象继承构造函数的原型对象

2022-05-05

7340

vuex存储和本地存储(localstorage、sessionstorage)的区别

网站 json 存储 vue.js 编程算法

1.区别：vuex存储在内存，localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理。

2020-04-02

1.9K0

vue路由传参页面刷新参数丢失问题解决方案

最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下：

2020-03-19

3.1K0

如何渲染几万条数据并不卡住界面？

如何在不卡住页面的情况下渲染数据，也就是说不能一次性将几万条都渲染出来，而应该一次渲染部分 DOM，那么就可以通过 requestAnimationFrame 来每 16 ms 刷新一次。

2020-02-18

6130

手写Promise A+ 规范

promise 语法源码

基于ES6语法手写promise A+ 规范，源码实现 class Promise { constructor(excutorCallBack) { this.status = 'pending'; this.value = undefined; this.fulfilledAry = []; this.rejectedAry = []; //=>执行EXCUTOR（异常捕获） let resolveF

2020-02-18

4540

浏览器中的 Event Loop，宏任务与微任务

javascript node.js

　　当我们执行 JS 代码的时候其实就是往执行栈中放入函数，那么遇到异步代码的时候该怎么办？其实当遇到异步的代码时，会被挂起并在需要执行的时候加入到 Task（有多种 Task）队列中。一旦执行栈为空，Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行，所以本质上来说 JS 中的异步还是同步行为。

2020-02-18

8030

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态