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

与前端沾边

专栏作者
33
文章
39314
阅读量
13
订阅数
mini react-window(一) 实现固定高度虚拟滚动
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc 端可以使用分页进行渲染数限制,在移动端可以使用下拉加载更多。但是对于大量的列表渲染,特别像有实时数据需要更新的场景(股票价格),会导致页面有很多计算和重绘,内存占用也会变多,这就需要我们对长列表处理进行优化。
测不准
2022-09-25
1.7K0
react 学习(六) 函数组件实例及类组件生命周期
本小节开始前,我们先答复下一个同学的问题。上一小节发布后,有小伙伴后台来信问到:‘小编你只讲了类组件中怎么使用 ref,那在函数式组件中怎么使用呢?’。确实我们只分享了类组件中获取实例的方式没提函数式组件。那是因为函数组件是一个函数,执行完之后就会被销毁,所以正常我们不能直接获取函数组件的实例的。
测不准
2022-04-18
8030
react 学习(四) 批量更新及合成事件
我们上一节了解了组件的更新机制,但是只是停留在表层上,例如我们的 setState 函数式同步执行的,我们的事件处理直接绑定在了 dom 元素上,这些都跟 react 自身的逻辑不符。本小节我们学习下数据的批量更新和 react 中的事件处理。
测不准
2022-04-12
6740
react 学习(三) 组件更新
我们上一节了了解了函数式组件和类组件的处理方式,本质就是处理基于 babel 处理后的 type 类型,最后还是要处理虚拟 dom。本小节我们学习下组件的更新机制。
测不准
2022-04-08
1K0
react 学习(一) 实现简版虚拟 dom 和挂载
楼主最近入职新单位了,恰好新单位使用的技术栈是 react,因为之前一直进行的是 vue2/vue3 和小程序开发,对于这些技术栈实现机制也有一些了解,最少面试的也都能答出来。但对于 react 只是有一定的了解,没有真实的学习过实现,虽然之前也看过一些文章,但是只停留在表面,因为别人这么写了,也就下意识的认为是这样。本次正好配合工作的契机,我们从零开始学习一下,使用的话呢就简单一过,相信大家也都用过或者看完官网也都了解了。如果您是大佬,欢迎批评指正;如果您是初级选手,希望能够一起学习。
测不准
2022-04-05
4900
Vite 学习(四) - vite 插件开发预学习
上一小节我们对 rollup 和 esbuild 的使用有了基本的了解,了解了二者主要的 hook 使用。vite 插件需要兼容 rollup 和 esbuild 的插件机制,虽然 vite 兼容大部分 rollup 插件,但不是所有钩子都支持,本小节介绍下 vite 中的钩子及插件开发流程。
测不准
2022-02-19
1.9K0
Vite 学习(三) - rollup & esbuild 基础学习
本小节介绍下 rollup 和 esbuild 的基础用法,我们都知道 vite 本身使用的 rollup 打包,vite 的插件也和 rollup 的插件机制相吻合; esbuild 是用于在开发环境中对文件进行处理,也有自己的声明周期钩子函数,由于对文件的分割和 css 支持还不太友好,暂未应用到打包环节。
测不准
2022-02-13
1.6K0
Vite 学习(二) - 基本使用配置
因为 vite 是使用原生浏览器的模块化功能,内部不能使用 node,也就没有了 require 方法。本小节主要介绍 vite 中常见的使用,包括 css、ts、env 环境变量,import.meta 等功能。
测不准
2022-01-26
2.2K0
Vite 学习(一) - 介绍
vite 是一个基于浏览器原生 ES-Module 的前端构建工具。官网描述为 下一代前端开发与构建工具。
测不准
2022-01-14
4820
使用 vitepress + github Pages搭建自己的博客网站
VuePress 应该有很多人用过,而 VitePress 是 VuePress 的下一代框架 ,是支持vue 3.0 的 web 网站框架。
测不准
2021-12-06
3.3K0
Vue2 运行原理学习(一)初始化
本次主要跟大家分享学习下 vue2 的部分知识。网上大部分知识讲解都是抽离的形式,对应哪个函数直接拿出来讲解,但是对于新手或者不了解内在原理的,逻辑图谱不是很清晰,不成体系。很容易忘记,所以本次系列计划从零还是手写,实现部分功能。
测不准
2021-08-17
3260
Koa 中间件实现
前面我们介绍过了,Koa 的核心就是中间件机制,起服务的话都是千篇一律的。中间件从上至下决定了执行顺序,我们可以在路由之前做权限认证等自己的操作,本篇分享下 koa 几个中间件的实现,也就是把 use 的回调函数单独提出去重写,由于我们会传递参数,所以不会直接返回一个函数,而是一个高阶函数。
测不准
2021-07-31
5501
koa 源码解析
本次的文章是之前 koa 专题的延续,计划书写两篇文章,本篇从零实现一个简单版的 koa 框架(里面可能涉及一点 node 知识,不会太讲,大家如果遇到不了解的可以自行百度查看,也可以看官网文档了解使用)。包括上下文 ctx 组合 req, res 的实现,中间件机制的实现。第二篇写下 bodyparser、 router 中间件的简单实现,理解其原理。
测不准
2021-07-14
4480
[day-ui] Alert 组件学习
从样式功能来看,整体不是很复杂,alert 组件主要包括了主题色,title,关闭按钮,关闭事件,居中,加粗等
测不准
2021-06-02
3.5K0
[day-ui] Affix 组件学习
固钉组件是把页面某个元素相对页面 HTML 或者某个 dom 内定位显示,例如固定页面顶部/底部显示,页面宽高改变也会保持原位置。如果进行滚动,超过定义的范围就会固定定位,否则会跟随页面滚动
测不准
2021-05-26
1.2K0
[day-ui] 组件库打包环境配置
上一节我们书写了 button 和 icon 组件,单元测试和文档也都完成了,接下来我们把写好的库打包发布到 npm 上。之后我们建个小 vue3 的项目,安装我们自己的包。
测不准
2021-04-19
4130
Koa入门(四)Koa 操作数据库
1 NoSql 简介 我们使用 koa 开发后台,最常用的数据库就是 mongodb,这是 NoSql 数据库类型的一种,那什么是 NoSql 呢?首先需要说的是,NoSql 并不表示 NO SQL
测不准
2021-04-15
2.9K0
Koa入门(三)Koa 路由
在 Koa 应用中,通常会使用 koa-router 模块,提供对路由的支持。那为什么需要路由呢?做前后端分离开发的朋友都遇到过,对接接口的时候后台都会提供一个地址,请求这个地址,传相应参数就能实现相应地数据处理。你可以把这个接口理解为路由的地址。
测不准
2021-04-14
1.2K0
Koa入门(二)搭建 Koa 程序
安装 mkdir koa-demo && cd koa-demo && npm init -y && npm i koa --save && code .
测不准
2021-04-10
6570
Koa入门(一)介绍
koa 体积更小(500多行)、轻量。需要单独下载中间件配合开发。express 内置了很多中间件,集成度高。
测不准
2021-04-09
1.1K0
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档