首页
学习
活动
专区
工具
TVP
发布

web前端技术分享

专栏作者
50
文章
123161
阅读量
12
订阅数
多个相邻元素切换效果出现边框重叠问题的解决方法
多个相邻按钮切换效果出现边框重叠问题的解决方法 下图所示的是一种常见的切换效果,在实现这种切换效果时,经常会遇到相邻按钮边框重叠的问题(查看demo),有没有好的解决方法呢?
TimothyJia
2023-10-16
2390
React-hooks 父组件通过ref获取子组件数据和方法
我们知道,对于子组件或者节点,如果是class类,存在实例,可以通过 React.createRef() 挂载到节点或者组件上,然后通过 this 获取到该节点或组件。
TimothyJia
2023-05-23
1.7K0
Ant Design Pro 中 点击子菜单的时候,其他菜单不自动收起来
记录一波自己在这段时间碰到的一个Ant Design Pro 的坑:  每次点击菜单都会将其他菜单自动收起来,导致一系列的用户体验不佳。
TimothyJia
2022-12-10
1.4K0
React中useMemo与useCallback的区别
把“创建”函数和依赖项数组作为参数传⼊入useMemo,它仅会在某个依赖项改变时才重新计算memoized 值。这种优化有助于避免在每次渲染时都进⾏行行⾼高开销的计算。
TimothyJia
2022-08-18
6510
Vue非父子级通信
1 <div id="app"> 2 <xz-todo></xz-todo> 3 </div> 4 <!--1. 为每个组件定义HTML 模板,有几个组件,就要创建几个template--> 5 <template id="tplTodo"> 6 <div> 7 <h3>父组件xz-todo: 代办事项列表</h3> 8 <xz-todo-input></xz-todo-input> 9 <!--父要给子
TimothyJia
2022-05-05
2190
Vue的父子组件间通信及借助$emit和$on解除父子级通信的耦合度高的问题
1.父子级间通信,父类找子类非常容易,直接在子组件上加一个ref,父组件直接通过this.$refs操作子组件的数据和方法 
TimothyJia
2022-05-05
5320
elementUi中input输入字符光标在输入一个字符后,光标失去焦点
        bug描述:elementUi中input输入字符光标在输入一个字符后,光标就退出,无法输入需要再次聚焦然后输入一个字符又再次退出。
TimothyJia
2022-05-05
3.5K0
elementUi中的计数器ele-mumber中的change事件传参及事件调用
业务场景是需要在点击业务工作量的时候设置任务工作量这一项的评分不能大于任务质量及任务时限的权重之和除以二
TimothyJia
2022-05-05
8100
如何使用git拉取代码及提交代码(详细)
第一步:首先在本地安装git和TorToiseGit小乌龟,svn同理,也可以安装下TorToiseGit中文语言包,前期可减少出错,后期熟悉了可直接用命令行pull代码
TimothyJia
2022-05-05
3K0
前后端token机制 识别用户登录信息
Token,就是令牌,最大的特点就是随机性,不可预测。一般黑客或软件无法猜测出来。
TimothyJia
2022-05-05
5500
【微信小程序开发】使用button标签的open-type="getUserInfo"引导用户去授权
> wx.getUserInfo(OBJECT) 注意:此接口有调整,使用该接口将不再出现授权弹窗,请使用
TimothyJia
2022-05-05
1.4K0
css新单位vw,vh在响应式设计中的应用
css3引入的”vw”和”vh”基于宽度/高度相对于窗口大小,”vw”=”view width”, “vh”=”view height”; 以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小。 参照demo案例对照下面四个容器的css样式:
TimothyJia
2022-05-05
1K0
小程序 input 组件内容显示不全(显示的长度不满 input 宽度)问题
问题:小程序的input组件经常用到,但在使用input组件的时候会出现一种现象:明明设置了input的宽度,但是输入的内容显示的长度范围却怎么都不到一整个input组件的宽度,而且后面没显示的地方无法聚焦,具体效果如下:
TimothyJia
2022-05-05
2.4K0
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的方法
实现原理很简单,就是在navbar-fixed-top和navbar-fixed-bottom使用了position:fixed属性,并且设置navbar-fixed-top的top值为0,而navbar-fixed-bottom的bottom值为0。具体的源码如下:
TimothyJia
2022-05-05
1.2K0
Javascript原型,原型链?有什么特点?
     继承: 在创建子对象时,new的第2步自动设置子对象继承构造函数的原型对象
TimothyJia
2022-05-05
6780
vuex存储和本地存储(localstorage、sessionstorage)的区别
1.区别:vuex存储在内存,localstorage(本地存储)则以文件的方式存储在本地,永久保存;sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理。
TimothyJia
2020-04-02
1.6K0
vue路由传参页面刷新参数丢失问题解决方案
最近项目中涉及到跨页面传参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决;Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下:
TimothyJia
2020-03-19
2.9K0
如何渲染几万条数据并不卡住界面?
如何在不卡住页面的情况下渲染数据,也就是说不能一次性将几万条 都渲染出来,而应该一次渲染部分 DOM,那么就可以通过 requestAnimationFrame 来 每 16 ms 刷新一次。
TimothyJia
2020-02-18
5820
手写Promise A+ 规范
基于ES6语法手写promise A+ 规范,源码实现 class Promise { constructor(excutorCallBack) { this.status = 'pending'; this.value = undefined; this.fulfilledAry = []; this.rejectedAry = []; //=>执行EXCUTOR(异常捕获) let resolveF
TimothyJia
2020-02-18
4240
浏览器中的 Event Loop,宏任务与微任务
  当我们执行 JS 代码的时候其实就是往执行栈中放入函数,那么遇到异步代码的时候该怎么办?其实当遇到异步的代码时,会被挂起并在需要执行的时候加入到 Task(有多种 Task) 队列中。一旦执行栈为空,Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行,所以本质上来说 JS 中的异步还是同步行为。
TimothyJia
2020-02-18
7330
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档