前端随笔-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端随笔

专栏成员

13

文章

35635

阅读量

12

订阅数

vscode插件开发入门

网站 javascript ide webview

在我们日常使用中，会安装很多插件，如：主题、Prettier、code snippets、Eslint、Jest Runner、Git等等。每种插件都能解决我们实际开发中的某一块诉求。我把所有的插件大致归为三类：UX/UI类、语言类、工具类

2022-10-05

5.5K0

学用Hooks写React组件——基础版移动端无缝轮播图组件

答：核心思想是利用视觉上的感觉，在用户无感的情况下切换回去，也就是快速回滚。为了达成这个目的，就是在最后一个轮播图的后面加上第一个轮播图，当从最后一个切换到第一个时，先切换到备用的第一个，然后快速回滚到真正的第一个轮播图。第一个同理，可能有点绕，可以看图理解：

2022-10-05

3.8K0

学用Hook写React组件——通用弹出层

jquery react 编程算法

如上所述，主要的实现方式就createPortal、render、appendChild三种方式，appendChild无法直接监听销毁和创建过程，render的方式无法在内部读取到context，并且需要处理切换页面的销毁。最终选择createPortal的方式。

2022-10-05

1.7K0

逐步拆解React组件—Swipe轮播图

容器数据结构

核心思想是利用视觉上的感觉，在用户无感的情况下切换回去，这里有一个思路和以前有点不同，切换回去这个动作改在了切换的时候进行复位重置并且弃用用了之前的absolute布局，改用了flex布局的方式，移动主要还是依靠通过改变外层容器transform来实现,无缝轮播的思路步骤如下

2022-10-05

3.3K0

逐步拆解React组件—Lazyload懒加载

react javascript api node.js 网站

在平时开发的时候我们总会遇到长列表，因为本身web在长列表的性能并不是特别好；加之web本身受到网络波动影响特别大，在首屏同时加载过多的内容会导致卡顿不流畅响应速度慢等问题。对此我们常用懒加载机制来进行优化。

2022-10-05

1.6K0

关于加载状态的思考和尝试

以react为例，最简单的loading大概是这样的,定义state状态，通过切换state状态来改变加载UI。

2022-10-05

4830

Node+Puppeteer+可视化配置海报业务尝试

html react 渲染编程算法

在推广业务中，常常会遇到合成带二维码海报分享功能，并且为了推广力度，需要同时在APP、WEB、小程序都有此功能加大曝光，各端都需要单独编写，复用能力差，效率低。本身合成海报业务并无难度，在此背景下为了提高效率开发了lumu-poster海报合成工具(技术栈：nestjs + react + mysql)

2022-10-05

1.4K0

关于React的Key导致的bug总结

react 编程算法

因为本身数据没有类似id的唯一值，这里便不假思索的启用了索性作为key，渲染也就完成了，顺便也加上了添加和删除功能，一切都是那么顺利。因为需要编辑，这里及把最初的展示组件替换成了input组件，这里并没有使用受控组件，而使用非受控组件，监听blur后再进行数据更新上传至服务器，所以input只设置了defaultvalue值，然后测试，发现删除怎么也删不了第一行。如图所示：

2022-10-05

6300

Webpack多页面项目转Vite升级初尝试

网站 html rollup.js 打包 webpack

本文非深入了解，从中你能对Vite有个初步的认识，以此来对比与Webpack的差异，看完后你能了解到以下内容：

2022-10-05

1.8K0

Jest单元测试之旅—实践总结

腾讯云测试服务单元测试 api

维基百科对于单元测试的定义：是针对程序模块（软件设计的最小单位）来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中，一个单元就是单个程序、函数、过程等；对于面向对象编程，最小单元就是方法，包括基类（超类）、抽象类、或者派生类（子类）中的方法。

2022-10-05

10.2K0

洋葱模型—从理解到实践

koa javascript node.js 编程算法

先来听听一个故事吧，今天产品提了一个业务需求：用户在一个编辑页面，此时用户点击退出登录，应用需要提示用户当前有编辑内容未保存，是否保存；当用户操作完毕后再提示用户是否退出登录。

2022-10-05

6120

对于防止按钮重复点击的尝试

javascript http vue.js

我经常在项目中会遇到按钮重复点击后引起表单的重复点击问题。所以针对这个问题，自己尝试了几种办法分别去解决。直接上代码。

2022-10-05

1.6K0

学用Hooks写React组件——基础版Select组件

容器 react https html javascript

通过一个父组件包裹显示框组件和下拉框组件，这样的实现方式简单粗暴，而且能解决大部分场景，但是存在几个问题：

2022-10-05

3K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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