排序
32K star 的 Chakra UI,以及未来的展望
首发于公众号 前端从进阶到入院,欢迎关注。 Hi,我是 ssh,最近一段时间,经常听说 Chakra UI 这个库,虽然没有在公司的项目里用过,但是从我短暂的了解来说,感觉是个兼顾优雅和实用的 UI 组...
[生存指南]如何做前端sentry性能监控中的错误和数据采集
随着 “大前端” 近两年愈演愈烈(juan),需要我们掌握的技能也越来越多,延伸而来的就是各种前端性能和异常监控框架。 市面上有很多种开源的框架,如 Sentry、Rollbar 等,大厂也会自己建立一...
React–CSS使用方案
React中的CSS css 一直是 React 的痛点,在这一点上,Vue 的做法好于 React Vue 通过在 .vue 文件中的 <style> 标签来编写样式 通过 scoped 属性来决定样式是全局还是局部有效 通过 lang ...
2023.24 vue3 渲染系统
大家好,我是wo不是黄蓉,今年学习目标从源码共读开始,希望能跟着若川大佬学习源码的思路学到更多的东西。有想法的同学也可以加我微信进行交流:hp1256003949。 5月份事情比较多,没有持续学习...
开坑,我又写了个前端框架,专注于下一代 Web Component UI 库
大家好我是 anuoua,我之前写了个前端框架叫 Unis,Github:anuoua/unis,在掘金发了几篇介绍的文章: 我终于登上了这个榜单!与 Vue 3 和 React 正面 PK!和全世界框架同台比武! 我终于可以不...
React 生命周期,了解组件的一生 !
前言 当我们在学习一个新的框架或者技术时,了解组件的生命周期是非常重要。从被创建到更新以及被销毁的整个过程,它包含了许多不同的阶段。了解组件的生命周期可以帮助我们更好地理解组件的行...
【架构师( 终结篇)】前端架构师课程总结
架构师终结篇 声明 其实这篇文章早就存在了,逛草稿箱的时候发现的,现在发一下吧。 本人只是这门课程的学生,本系列文章只是作为一个学生的学习笔记而已。绝不是教程文章,请勿当作教学观看。 ...
前端Vue自定义勾选协议组件 可用于登录 注册等场景
前端Vue自定义勾选协议组件, 可用于登录 注册等场景, 下载完整代码请访问uni-app插件市场地址:ext.dcloud.net.cn/plugin?id=1… 效果图如下: cc-protocolBox 使用方法 <!-- agree:是否...
如何开发一款前端UI组件库??
写在最前,很久之前用vue3+ts+vite开发了一款前端UI组件库,工作很忙没有太多精力去维护扩展,今天补个教程,最主要的是其中开发思路。 在线预览:unicorn-zbf.gitee.io/zealousui 源码:gitee....
用Vue打造微信小程序,让你的开发效率翻倍!
Vue做为当下最为流行之一的前端框架,作为一款轻量级的JavaScript框架,在开发效率、易用性、灵活性等方面都有着出色的表现。 Vue有哪些优势可以应用于微信小程序? 更快的开发速度,vue的模版...
前端Vue自定义注册界面模版 手机号邮箱账号输入框 验证码输入框 包含手机号邮箱账号验证
前端Vue自定义注册界面模版 手机号邮箱账号输入框 验证码输入框 包含手机号邮箱账号验证 , 下载完整代码请访问uni-app插件市场地址:ext.dcloud.net.cn/plugin?id=1… 效果图如下:
3202年了,你还在用express写Node服务吗?
最近我在给 AirCode 写写代码,调研了很多 Serverless/FaaS 的产品和社区,重新思考了一下 Node.js 服务端框架的发展。 众所周知,现在前端框架如雨后春笋,前有react、vue,后有 svelte、solid...
前端vue实现页面加水印文字 单个页面 所有页面加水印 可设置水印颜色(更新版)
前端vue实现页面加水印文字, 可以实现系统所有页面加水印,也可以单个页面加水印, 可更改水印颜色, 下载完整代码请访问uni-app插件市场地址: ext.dcloud.net.cn/plugin?id=1… 效果图如下: 使...
Flutter中UI更新和渲染流程
我正在参加「掘金·启航计划」 Flutter的UI系统 说说UI系统 UI系统:基于一个平台,在此平台上实现GUI的一个系统,这里平台特指操作系统,如Android、iOS或者Windows、macOS 各平台UI系统的原理...
如何用好 useMemo 和 useCallback:你可以移除它们中的大多数
如何用好 useMemo 和 useCallback:你可以移除它们中的大部分 本文源于翻译:How to useMemo and useCallback: you can remove most of them useMemo 和 useCallback 是React中的两个钩子函数,...
一次微前端的改造记录
前言 由于公司的一些需求,需要去了解 iframe 和 qiankun 两种微前端方案,特此记录一下。 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转...
前端vue简单好用的上拉加载 下拉刷新组件,支持列表分页 本地分页(更新版)
前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页, 下载完整代码请访问uni-app插件市场地址: ext.dcloud.net.cn/plugin?id=1… 效果图如下: 使用方法 <!-- pullDown:下拉刷新...
从 React 到 Vue:在 Vue3 中 创建 createContext 优雅地实现依赖注入
前言 vue的 provide/inject 也是一种实现组件之间依赖注入的方式,但是他也会存在一些痛点。 依赖注入层级关系不明确。提供的值可以被任何后代组件访问到。这种方式虽然提高了组件的复用性,但...
Next.js 中的 3 种渲染方式:SSR、SSG 以及 CSR
Next.js 中支持 3 种渲染方式:服务端渲染(Server-Side Rendering,简称 SSR)、静态站点渲染(Static Site Generation,简称 SSG)和客户端渲染(Client-Side Rendering,简称 CSR)。 预渲染...
如何实现分片加载网络数据?让页面秒开无白屏!
网络请求是前端开发中非常重要的一环,但是当我们处理较大的网络请求时,我们往往会面临着长时间的等待和页面白屏的问题。 这不仅影响了用户体验,也降低了网站的性能。 那么,你是如何解决这一...