-
ts 终于搞懂TS中的泛型啦! | typescript 入门指南 04
大家好，我是王天~ 这篇文章是 ts入门指南系列中第四篇，主要讲解ts中的泛型应用，泛型在ts中是比较重要的概念，我花挺长时间才搞明白的，希望能帮助到大家 ~ ** ts 入门指南系列 ** Ts和Js 谁更适合前端开发？| typescript 入门指南 01 详解tsconfig.json 配置 -
基于react18+vite4+arco.design搭建极简版后台管理模板
趁着国庆前夕整了一个vite4结合react18搭建后台管理模板，搭配上字节团队react组件库ArcoDesign，整体操作功能非常丝滑。目前功能支持多种模板布局、暗黑/亮色模式、国际化、权限验证、多级路由菜单、tabview标签栏快捷菜单、全屏控制等功能。极简非凡的布局界面、高定制化模块，用心打 -
react17源码中部分二进制计算的解释
theme: qklhk-chocolate highlight: a11y-dark react17放弃了之前的expirationTime而启用了lane模型，故而在原来16的基础上又产生了更多的二进制运算，在接下来的一段时间我打算把这些二进制运算都整明白了、 关于react为什么会启用lane -
React学习笔记09- 事件处理
React采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写 onclick , React里的事件是驼峰 onClick ，React的事件并不是原生事件，而是合成事件。 事件回调的几种写法 1.直接在组件内定义一个非箭头函数的方法，然后在render里直接 -
基于Effect的组件设计
Effect的概念起源 从输入输出的角度理解Effect https://link.excalidraw.com/p/readonly/KXAy7d2DlnkM8X1yps6L 编程中的Effect起源于函数式编程中纯函数的概念 纯函数是指在相同的输入下，总是产生相同的输出，并且没有任何副作用(si -
React-Admin后台管理模板|react18+arco+zustand后台解决方案
基于react18.x+vite4ʺrco-design自研中后台管理系统解决方案ReactAdmin。 react-vite-admin 基于vite4搭建react18.x后台管理项目。使用了react18 hooksʺrco.design+zustandʻizcharts等技术实现权限管 -
超级实用！React-Router v6实现页面级按钮权限
大家好，我是王天～ 今天咱们用 reac+reactRouter来实现页面级的按钮权限功能。这篇文章分三部分，实现思路、代码实现、踩坑记录。 嫌啰嗦的朋友，直接拖到第二章节看代码哦。 前言 通常情况下，咱们为用户添加权限时，除了页面权限，还会细化到按钮级别，比如、新增、删除、查看等权限。 如下效果…… -
一个vuepress配置问题，引发的js递归算法思考
前言 这两天在尝试用语雀＋ vuepress ＋ github 搭建个人博客。 小破站地址 ：王天的 web 进阶之路 语雀作为编辑器，发布文档推送 github，再自动打包部署，大概流程如下。 问题 我使用的elog插件批量导出语雀文档。elog采用的配置是所有文章平铺导出，没有按照语雀知识库目录 -
Angular: 样式绑定
# 解决方案 使用`ngClass`和`ngStyle`可以进行样式的绑定。 ## ngStyle的使用 ngStyle 根据组件中的变量， isTextColorRed和fontSize的值来动态设置元素的颜色和字体大小 ```HTML This text has dynamic styles b -
react18-webchat网页聊天实例|React Hooks+Arco Design仿微信桌面端
React18 Hooksʺrco-Design+Zustand仿微信客户端聊天ReactWebchat。 react18-webchat基于react18+vite4.xʺrco-design+zustand等技术开发的一款仿制微信网页版聊天实战项目。实现发送带有emoj消息文本、图片/视频预 -
教你学会使用Angular 应用里的 export declare const X Y
摘要：export declare const X: Y语法用于在Angular应用程序中声明一个具有指定类型的常量变量，并将其导出，以便在其他文件中使用。 本文分享自华为云社区《关于 Angular 应用里的 export declare const X Y 的用法》，作者：Jerry Wang。 -
记录--H5页面对接微信支付踩坑杂记
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 应用背景：vite搭建的vue3项目 需求背景：功能都涉及了支付业务，故需要和外部支付系统对接 外部支付系统：聚合支付、微信小程序支付、微信H5支付 目录 读完本文，你将会对以下几个坑点有所了解： 对接第三方服务商过程踩坑 对接小…… -
1-web前端 基础标签 、图片、超链接
vscode 编译器下载地址: https://code.visualstudio.com/ 1、下载完vscode后安装的三个小插件：chinese（中文）、live serve、会了吧（翻译） 2、每个打开的网络页面都有html编码，可以进行编码查询和编码检查 3、vscode的三种创建编码文件 -
HarmonyOS UI 开发
HarmonyOS 提供了强大的 UI 开发工具和组件，使开发者能够创建吸引人的用户界面。本章将详细介绍在 HarmonyOS 中应用 JS、CSS、HTML，HarmonyOS 的 UI 组件以及如何自定义 UI 组件。 -
WebSocket魔法师：打造实时应用的无限可能
我们有没有想过，是否有一种技术，服务器可以主动将数据推送给客户端进行渲染，而不再是客户端向服务器发出请求等待返回结果呢？接下来，让我们一起了解weboskcet -
2-web前端 音频、视频、表格、表单
1.音频 2.视频 视频，音频通用标签： <object src="视频/音频" ></object> <embed src="音频/视频" ></embed> 3.有序无序列表 有序列表：ol>li ol -
记录--P0事故预警
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 某一天，前端小余同学和后端别问我小哥在做登录业务接口对接，出于业务的特殊性和安全性的考虑，她和后端小哥约定“user”相关信息参数需要通过HTTP协议的header传递过来，利用HTTPS协议的头部中的参数可以通过加密传输，从而保证 -
记录--用css画扇形菜单
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1、效果图 用手机录屏再用小程序转换的gif，可能精度上有点欠缺。 2、实现过程 1、观察及思考 开始编码前我们首先观察展开后的结构：两个四分之一的圆加三个圆形菜单项。 文章名为用css画扇形，如上图所示没有任何Javascript辅助却 -
Pixi.js的使用整理
最近在做的一个前端项目中，有一些图像的处理操作（3D图，2D图都有），其中3D图也是通过获取后端服务的图像2D数据进行绘制展示，通过鼠标各种操作调用后端服务来进行重新获取新图数据。这里前端设计到图像的操作使用了PIXIJS，这里将使用的方式做一个说明，以作参考。 首先pixijs的官网：https: -
飞码LowCode前端技术：如何便捷配置出页面
本文将从三个方面来讲解如何便捷配置出页面，第一部分从数据、事件、业务支持三个方面进行分析，第二部分从模板与页面收藏与升级、页面UI结构、画布功能三个方面进行分析，第三部分从监控、页面配置、页面数据导入导出以及其他能力四个方面进行分析。 -
Flutter系列文章-Flutter 插件开发
在本篇文章中，我们将学习如何开发 Flutter 插件，实现 Flutter 与原生平台的交互。我们将详细介绍插件的开发过程，包括如何创建插件项目、实现方法通信、处理异步任务等。最后，我们还将演示如何将插件打包并发布到 Flutter 社区。 -
Chrome 手机端网页如何使用开发者模式
chrome 手机端网页如何调试 在Chrome手机端，你可以使用Chrome开发者工具来调试网页。下面是一些步骤： 1. 首先，确保你的手机已经开启开发者模式。打开USB调试功能或可以通过USB连接或无线连接。 2. 在电脑上打开Chrome浏览器，并输入地址 "chrome://ins -
百亿补贴通用H5导航栏方案
在移动端页面中，由于屏幕空间有限，导航条扮演着非常重要的角色，提供了快速导航到不同页面或功能的方式。用户也通常会在导航条中寻找他们感兴趣的内容，因此导航条的曝光率较高。在这样的背景下，提供一个动态灵活的导航条，为产品赋能，变得尤其重要。 -
轻应用技术是什么？如何进行落地
移动互联网风起云涌的数十年来，App 似乎成为了企业与用户打交道最“理所当然”的形式，更年轻一代的用户甚至可能认为 App 就是一个“与生俱来”的事物，但随着移动互联网发展的高峰离去，App 面临着发展的困境和疲态。最明显的感知就是这几年以微信、支付宝、抖音等“超级 App”们大行其道，占据了用户…… -
Flutter系列文章-Flutter应用优化
当涉及到优化 Flutter 应用时，考虑性能、UI 渲染和内存管理是至关重要的。在本篇文章中，我们将通过实例深入讨论这些主题，展示如何通过优化技巧改进你的 Flutter 应用。 -
记录--怎么实现一个3d翻书效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 本篇主要讨论以下两种翻书动画的实现： 第一种是整页翻转的效果： 这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 第二种折线翻转的效果，如下图所示： 主要是通过计算页面翻折过来的位置。 这两种原理上都不是…… -
记录--如何在H5中实现OCR拍照识别身份证功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 业务背景 由于当前项目中需要实现身份证拍照识别的功能，如果是小程序可以使用微信提供的 ocr-navigator 插件实现,但是在企业微信的H5中没有提供该插件，所以需要手动实现该功能。 需求分析及资料查阅 众所周知，前端H5中浏览器打开
