native react app
React 防抖（Debounce）Hook
防抖动 （debounce）是常见的需求，那么如何搭配 React Hooks 实现防抖动呢，下面演示两种方案。 方案一 副作用防抖 /** * * @param {React.EffectCallback} fn * @param {React.DependencyList} deps * @pa ......
react+echarts出现“There is a chart instance already initialized on the dom.”
写了一个关于echatrs组件，报错dom重复 配置信息从props拿 let chart; useEffect(() => { if (chart) { updateChartView(); }else{ chart = echarts.init(dom.current) updateChartV ......
react循环与条件判断
react没有语法糖，循环和条件判断都是通过原生js来实现 1. 条件判断 // 三元表达式 const getDiv = (flag)=>{ return ( <div>XXX</div> {flag?<div>条件1</div>:<div>条件2</div>} ) } ... // if判断 c ......
vue/react关与key的面试题
虚拟dom中key的作用 当状态中的数据发生改变时，react会根据新数据生成新的虚拟dom，随后react进行新虚拟dom与旧虚拟dom的diff算法比较，比较规则如下： 1.旧虚拟dom找到了与新虚拟dom相同的key a.若虚拟dom中的内容没变，则使用之前的真实dom b.若虚拟dom中的内 ......
【笔记】electron + react + antd
electron Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Li ......
how to uninstall apps in Ubuntu 22.04(Jammy)
today I wanna uninstall apps inside Ubuntu but failed via Store. so I need to unstall them manully as below. $ apt list --installed | grep -i aislerio ......
APP安全测试填坑
在实习过程中，我接触到了一些SDL安全提测的工作。原来我是学web端渗透比较多的，移动端这块基本没怎么试过手，结果刚开始一直踩坑，连抓包都抓不到(Ｔ▽Ｔ)。 下面记录下我遇到的部分问题和解决方法，由于问题都太基础了，没好意思请教大佬同事，基本都是自己学习解决的，大家看得不爽轻喷，有误请指教~ 移动端 ......
React 限制 Props 和 State 类型
下面是 Component 的接口，P 代表 Props、S 代表 State。 interface Component<P = {}, S = {}, SS = any> extends ComponentLifecycle<P, S, SS> { } 所以，在 tsx 中写两个类型进行约束就可以 ......
三星手机app不推送问题
参考地址：https://www.bilibili.com/video/av979073529/?vd_source=68ef3d2a56d5351d55ad8c79aa3bade2 ......
直播app开发搭建，Android Studio如何改变Button的背景颜色
直播app开发搭建，Android Studio如何改变Button的背景颜色 方法一：在XML中进行更改 <Button android:id="@+id/B" android:layout_width="match_parent" android:layout_height="wrap_con ......
Android mk 集成app
配置编译规则 LOCAL_PATH := $(call my-dir) include $(CLEAR_VARS) LOCAL_MODULE_TAGS := optional LOCAL_SRC_FILES := $(call all-java-files-under, app/src/main/j ......
react项目中聊天界面新增对话自动滚动到底部
class组件写法1 class Messages extends React.Component { const messagesEndRef = React.createRef() componentDidMount () { this.scrollToBottom() } componentD ......
uni APP 怎么打开支付宝小程序
uni APP 怎么打开支付宝小程序，直接上代码 // #ifdef APP-PLUS uni.getSystemInfo({ success(res) { if (res.platform == 'android') { var info = `alipays://platformapi/star ......
react的diff算法
diff策略 React用 三大策略 将O(n^3)复杂度 转化为 O(n)复杂度 策略一（tree diff）： Web UI中DOM节点跨层级的移动操作特别少，可以忽略不计。 策略二（component diff）： 拥有相同类的两个组件 生成相似的树形结构， 拥有不同类的两个组件 生成不同的树 ......
使用ASP.NET CORE SignalR实现APP扫描登录
使用signalr实现APP扫码登录 1. 背景介绍 在移动化时代，web开发很多时候都会带着移动端开发，这个时候为了减少重复输入账号密码以及安全性，很多APP端都会提供一个扫码登录功能，web端生成二维码，APP扫码直接登录web端，无需再次输入账号密码。 2. 实现流程图 3. 代码运行环境 A ......
续集来了！我让 GPT-4 用 Laf 三分钟写了个完整的待办事项 App
书接前文，上篇文章我们教大家如何三分钟时间用 Laf 实现一个自己的 ChatGPT。 一觉醒来，GPT-4 已经发布了！ GPT-4 实现了真正的多模态，可以把纸笔画的原型直接写出网页代码。读论文时还能理解插图含意。 好消息是，ChatGPT Plus 用户目前可以提前尝鲜 GPT-4 模型。作为 ......
maui BlazorWebView+本地html (vue、uniapp等都可以) 接入支付宝sdk 进行支付宝支付 开发 Android app
首先添加支付宝sdk的绑定库 nuget 包：Chi.MauiBinding.Android.AliPay 项目地址：https://github.com/realZhangChi/MauiBinding 新建maui Blazor应用，在根目录创建一个静态类PublicMethods.cs （类名 ......
2023 年最新最全的 React 面试题
React 作为前端使用最多的框架，必然是面试的重点。我们接下来主要从 React 的使用方式、源码层面和周边生态（如 redux, react-router 等）等几个方便来进行总结。 1. 使用方式上 这里主要考察的是，在开发使用过程中，对 React 框架的了解，如 hook 的不同调用方式得 ......
monorepo实践：yarn workspace + vite + typescript + react
前言 最近需要用到多包管理 monorepo 开发新项目，所以提前预研一下项目搭建。 monorepo(monolithic repository)是一种项目架构，就是用一个仓库管理多个项目（应用，库），react和babel的源码仓库都是用这种方式在管理。 优缺点略过，可以参考：精读《Monore ......
Solon v2.2.1 发布。向 Graalvm Native 友好靠近
一个高效的应用开发框架：更快、更小、更简单。
启动快 5 ～ 10 倍；qps 高 2～ 3 倍；运行时内存节省 1/3 ~ 1/2；打包可以缩到 1/2 ~ 1/10；同时支持 jdk8, jdk11, jdk17, jdk19。
不是 Spring，没有 Servlet，也无关 JavaEE；新... ......
maui BlazorWebView+本地html (vue、uniapp等都可以) 接入微信sdk 开发 Android app
之前没接触过Android maui 开发，这几天刚摸索，有些不合理的地方欢迎指出。 首先添加微信sdk的绑定库 nuget 包：Chi.MauiBinding.Android.WeChat 项目地址：https://github.com/realZhangChi/MauiBinding 在项目目录 ......
vivo官网App模块化开发方案-ModularDevTool
作者：vivo 互联网客户端团队- Wang Zhenyu 本文主要讲述了Android客户端模块化开发的痛点及解决方案，详细讲解了方案的实现思路和具体实现方法。 说明：本工具基于vivo互联网客户端团队内部开源的编译管理工具开发。 一、背景 现在客户端的业务越来越多，大部分客户端工程都采用模块化的 ......
uni-app:获取当前经纬度解决方案+如何布置全局组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一.布置全局组件 在我们开发的过程中，会碰到一个现象，就是在页面里面引入组件，总算要写import，components才能引用，这里给大家分享我们的一个解决方案 1.首先要建立一个components文件夹，用来放我们的所有组件 2.然 ......
react 高效高质量搭建后台系统 系列 —— 结尾
其他章节请看： react 高效高质量搭建后台系统 系列 尾篇 本篇主要介绍表单查询、表单验证、通知（WebSocket）、自动构建。最后附上 myspug 项目源码。 项目最终效果： 表单查询 需求：给角色管理页面增加表格查询功能，通过输入角色名称，点击查询，从后端检索出相应的数据。 效果如下： ......
react 高效高质量搭建后台系统 系列 —— 前端权限
其他章节请看： react 高效高质量搭建后台系统 系列 权限 本系列已近尾声，权限是后台系统必不可少的一部分，本篇首先分析spug项目中权限的实现，最后在将权限加入到我们的项目中来。 spug 中权限的分析 权限示例 比如我要将应用发布模块的查看权限分给某用户（例如 pjl），可以这样操作： 在角 ......
（原创）【B4A】一步一步入门03：APP名称、图标等信息修改
一、前言 上篇 （原创）【B4A】一步一步入门02：可视化界面设计器、控件的使用 中我们已经了解了B4A程序的基本框架，现在我们还进一步讲解。 本篇文章会讲解如何修改APP的名称、图标等信息，以让一个APP更像一个正常的APP。 相信看完的你，一定会有所收获！ 本地地址：https://www.cn ......
Jest + React 单元测试最佳实践
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 前言 单元测试是一种用于测试“单元”的软件测试方法，其中“单元”的意思是指软件中各个独立的组件或模块。开发者需要为他们的代码编写测试用例以确保这些代码可以正常使用。 在 ......
react中redux怎么使用
一、redux是什么？ redux 就是react 全局状态管理，作用是存放全局数据 二、核心 state：存放数据 reducer：修改仓库数据 是一个函数，参数一：仓库中的数据，参数2：行为 actions 返回值就是 最新的仓库数据 就是在reduce中定义的方法，修改数据，相当于mutati ......
React Native学习笔记----React Native简介与环境安装
React Native 的基础是React， 是在 web 端非常流行的开源 UI 框架。要想掌握 React Native，先了解 React 框架本身是非常有帮助的。 一、什么是React Native 1.1 React Native带来的惊喜 React Native 是一个使用JavaS ......