前端框架共0篇 第5页
前端框架
排序
封装h5调用App端原生方法工具函数
前言 随着业务越来越复杂，App应用越来越大，变成了巨石应用，对于项目的开发、部署、维护都是一个挑战，所以想借鉴于hybrid的方式，将应用进行拆分，变成一个个h5应用，然后通过web-view组件将...
2年前
我终于成功登上了JS 框架榜单，并且仅落后于 React 4 名！
前言 如期而至，我独立开发的 JavaScript 框架 Strve.js 迎来了一个大版本5.6.2。此次版本距离上次大版本发布已经接近半年之多，为什么这么长时间没有发布新的大版本呢？主要是研究 Strve.js 如...
2年前
框架开发使用注解处理器APT优雅提效
概述 在现在的很多开源框架中，我们经常能在源码中看到注解处理器的影子，比如我们熟悉的阿里的ARouter,Android开发中的替代findViewById神器黄油刀ButterKnif,事件总线EventBus等都使用了注解...
2年前
对比 React，用10个例子快速上手 Svelte
Svelte 和 React、Vue 一样，都是用于开发前端界面的响应式 UI 框架，让开发者能够以组件的形式组织页面代码。前几天看到油管博主 fireship 发布了一个视频，其中用十个例子比较了 React 和 Sve...
2年前如何用好 useMemo 和 useCallback：你可以移除它们中的大多数
如何用好 useMemo 和 useCallback：你可以移除它们中的大部分 本文源于翻译：How to useMemo and useCallback: you can remove most of them useMemo 和 useCallback 是React中的两个钩子函数，...
2年前
iOS 轻量化图像下载缓存框架实现
一、背景 日常开发过程中，图片的下载会占用大量的带宽，图片的加载会消耗大量的性能和内存，正确的使用图片显得尤为重要。 同样也经常需要在各类型控件上读取网络图片和处理本地图片，例如：UI...
2年前前端必会的 UI 组件库打包和发布
最新闲来无事，把近半年写的一些 UI 组件优化了一下。然后就来了兴趣，又写了一个使用说明文档，还研究了一下 gulp 和 rollup 的打包方式，最终实现了可按需加载的 UI 组件库。库已经丢到 npm ...
2年前
React Router 机制解析
什么是 Web 路由？ 一个比较直观的解释：路由就是 URL 到函数的映射。 /users -> getAllUsers() /users/count -> getUsersCount() 服务端路由（Server-side Routing） 对于服务器来说，当...
2年前Tailwind CSS 导论
Tailwind CSS 导论 作为前端开发，您是否曾经为在 HTML 和 CSS 之间不断切换而感到困扰？是否正在寻找一个可以帮助快速开发网页的 CSS 框架？如果是这样，那么 Tailwind CSS 一定是你的不二之选...
2年前轻量化滤镜图像和GIF框架分享到你～
一、背景 日常开发过程中，经常需要在各类型控件上加载显示图像orGIF，例如：UIImageView、UIBtton、NSImageView、NSButton等等。 这时候有个网络图像库就会便利太多太多，很多人这时候会说，对...
2年前
TinyNG——开源Angular组件库，助力Web应用快速开发！
TinyNG 是基于 Angular + TypeScript 的前端 UI 组件库，旨在为开发人员带来更高效的开发体验和统一的视觉交互风格。TinyNG 已经在华为内部使用四年，支撑数百个企业产品，拥有强大的稳定性和...
2年前
学习vue3系列-路由编
目标 vue-router基础使用 vue-router数据结构 meta数据结构定义 路由守卫 路由鉴权过程 路由permisson逻辑实现 vue-router基础使用 vue项目的开发是离不开vue-router的。vue作为一个mvvm框架，...
2年前
灵活使用冻结对象提升代码效率，原理又是什么呢？
大家好，我是渡一前端子辰老师。 众所周知，前端开发是一个不断追求优化的领域，无论是在代码质量、性能效率还是用户体验方面，都需要不断地探索和创新。 今天我们以 Vue 为例，介绍一个常见的...
2年前
?拳拳到肉，深入源码，理解react如何渲染–shouldComponentUpdate篇
在讲本文之前，附一张shouldComponentUpdate的调用栈，本文所有的内容都是基于这个调用栈： shouldComponentUpdate 在发出fiber更新的过程，对于classComponent会调用updateClassinstance的方法...
2年前
React教程 – Hooks
import React, { useState } from 'react'; import { Button } from 'antd'; import './Demo.less'; // Hook实现 export default function UseStateDemo() { const [num, setNum] = useState(0)...
2年前使用Electron打桌面端需要知道哪些
Electron 打桌面端 Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Wi...
2年前
入职之前，狂补技术，4w字的前端技术解决方案送给你（vue3 + vite ）
vite为什么比webpack快？ 在webpack开发时构建时，默认会抓取并构建你的整个应用，然后才能提供服务，这就导致了你的项目中存在任何一个错误（即使当前错误不是首页引用的模块），他依然会影响...
2年前
脚手架开发流程
本文作者为360公司奇舞团团队前端工程师韩国芳。 目前日常工作中常用的脚手架有 vue-cli、create-react-app、angular-cli 等等，都是通过简单的初始化命令，完成内容的快速构建。 脚手架是我们...
2年前
组件库的 Table 组件表头表体是如何实现同步滚动？
前言 在使用 Vue 3 组件库 Naive UI 的数据表格组件 DataTable 时碰到的问题，NaiveUI 的数据表格组件 DataTable 在固定头部和列的示例中，在键盘操作下表格横向滚动会有问题，本文是记录下解决...
2年前你还不知道的20个Next.js新特性???
什么是Next.js Next.js 是 Vercel 开发的开源 React 框架，一直是 Web 开发领域的游戏规则改变者。随着 Next.js 13 的发布，它实现了巨大的飞跃，引入了大量功能，使其成为开发人员更强大的工具...
2年前