前端教程
-
antd拖拽列导致触发table排序问题,解决方案
前言 antd 的table表格拖拽列,会导致触发排序问题,解决方案如下,相当于加一个点击的事件判断,如果是拖拽,则不触发。 解决代码如下: import { Resizable …… -
-
-
Webpack5 新特性模块联邦介绍和应用
特性 webpack 5引入联邦模式是为了更好的共享代码。 在此之前,我们共享代码一般用npm发包来解决。 npm发包需要经历构建,发布,引用三阶段,而联邦模块可以直…… -
【小算法】实现一个将中文数字转换成阿拉伯数字的函数
前言 本文记录一个小的算法,就是中文数字转换成数字算法 实现思路一: 1、从中文数字中逐个识别数字和权位组合 2、根据权位和数字倍数对应关系,计算出每个…… -
手写reacthooks的useState
前言 关于react hooks的useState,在写hooks的时候经常用到,我在之前也有文章写过reactHooks中useState的使用小结 关于useState这个hooks,我们如何手写实现呢…… -
hr标签样式修改及美化(css的hr标签实现精美线条)
前言 工作中,经常会用到一些分割线,这些分割线平时一般都用div来模拟,记得当时ie浏览器hr标签样式修改经常有问题。随着时代的进步,技术的发展。目前hr标签…… -
decodeURIComponent在解析浏览器参数中含有%时报错处理
前言 之前有篇文章,介绍了encodeURIComponent 的一些用法,encodeURIComponent是对浏览器参数编码,decodeURIComponent是对齐进行解码。最近在使用decodeURICo…… -
useState使用数组解构的原因是什么
前言 刚刚使用useState的时候,可能会如下写: const {炫H5,setHaorooms} =useState('blog') 发现报错了。 应该使用数组解构 const [炫H5,setHaorooms] =useSt…… -
js一些操作运算符
前言 js的一些运算符很多,之前有文章提过。例如如下: js整数的操作 使用|0和~~可以将浮点转成整型且效率方面要比同类的parseInt,Math.round 要快,在处理像素…… -
-
Javascript之BOM与DOM讲解
1.Javascript组成 JavaScript的实现包括以下3个部分: 1)核心(ECMAScript):描述了js的语法和基本对象。 2)文档对象模型 (DOM):处理网页内容的方法和接…… -
超详细讲解!10 种常见的软件架构模式
想知道如何设计大型企业级的系统吗?在开始主要的代码开发之前,我们必须选择一种合适的体系架构,它将为我们提供所需的功能和质量属性。因此,在将它们应用到我们的设计之前,应该先了解不同的体系结构。 -
到达率99.9%:闲鱼消息在高速上换引擎(集大成)
在2020年年初的时候接手了闲鱼的消息,当时的消息存在各种问题,网上的舆情也是接连不断:“闲鱼消息经常丢失”、“消息用户头像乱了”、“订单状态不对”(相信现在看文章的你还在吐槽闲鱼的消息)。所以闲鱼的稳定性... -
教你实现微信8.0『炸裂』的🎉表情特效
作为一个前端程序员,这就勾起了我的好奇心,虽然我从来没有实现过这样的动画,但是我还是忍不住想要去实现,最终我花了2天时间去看一些库的源码到我自己实现一个类似的效果,在这里我总结一下,并且手把手地教大... -
小程序省市区选择器,对接公司的地址数据
公司开始做小程序了,小程序的省市区三级联动picker组件mode="region",之前也有接触过,这一次一上来先尝试了一下,发现不能和之前公司的地址库结合,因为之前项目都是和后端通过地区编码来交互的,这个自带的无... -
给你的 React Native 库添加 Example
你为React Native制作了一个闪亮的新库,现在该向全世界展示它。但是您需要添加一个示例应用程序,以便人们可以在安装之前进行尝试。有一个示例程序也能让你在开发时测试。这看起来很简单,真的是吗? 不幸的是,它不是那么简单,并且可能会非常具有挑战性。我将描述我使用的过程,也许… -
从0到1: 实现一个虚拟 DOM(上)
本文分上下两篇,实现一个基础版本的虚拟 DOM。 上篇首先介绍什么是虚拟 DOM、为什么要使用虚拟 DOM,其次完成项目创建、实现 h 函数、render 函数以及 mount 函数,完成创建虚拟 DOM 到挂载到页面成为真实 DOM的过程;下篇将通篇介绍虚拟 DOM 的核心,… -
4 种滚动吸顶实现方式的比较
前言我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有bug,后来我查看代码才发现直接用的是offsetTop这个属性,而且并没有做兼容性处理。offsetTop用于获得当前元素到定位父级(element.offsetParent)顶部的距离(偏移值)。定位父级offsetParent的定义是:与当前元素最近的position!=static的父级元 -
-
阿里毕玄:提升代码能力的4段经历
简介: 对于程序员而言,我始终认为代码是展现能力的关键。一个优秀程序员写的代码,和一个普通程序员写的代码是很容易看出差别的,代码是展示程序员硬实力的名片。如何提升写代码的能力,始终是一个关键的话题,... -
[白话] 快速了解EventLoop
eventloop机制是C++写的,不属于JS。JS是个单线程的语言,来了任务就执行。 eventloop机制在nodejs和chrome浏览器中是不同的。下面我们梳理chrome中的eventloop 渲染进程中的IO线程专门用来接收其他进程传进来的消息。如: 渲染进程中的定… -
如何向老板解释反向代理
前言现在看到的这篇文章是修改后的第三个版本。由于我家老板看过之后,对这篇文章的评价是:写的不错,语句是通顺的,排版是可以的,但反向代理是什么还是不清楚?所以我就想尝试着向非IT工作者解释“正向代理”和“反向代理”。接下来我会先尝试面向大众,来解释“代理”的概念。在从专业的角度解释“正向代理”和“反向代理”。概念实例化在讲代理的概念之前我先讲个类比。也是我向我家老板解释的过程。还好我反应机敏,要不然 -
【前端工程化基础 – 初始化项目】现代 CLI 和 GUI 方案指南
【前端工程化基础 - CLI 篇】系列文章,持续更新中:【前端工程化基础 - CLI 篇】Vue CLI 是如何实现的【前端工程化基础 - CLI 篇】Creact React App 是如何实现的关注公众号玩相机的程序员,第一时间阅读最新文... -
Apache ECharts 5 震撼发布:五大模块,十五项新特性全面升级!
数据可视化在过去的几年中得到了长足的发展。开发者对于可视化产品的期待不再是简单的图表创建工具,而在交互、性能、数据处理等方面有了更高级的需求。 Apac……