react高阶 内核 高质量
【react.js + hooks】useRef 搭配 Houdini 创造 useRipple
水波纹点击特效 really cool，实现水波纹的方案也有很多，笔者经常使用 material 组件，非常喜欢 mui 中的 ripple，他家的 ripple 特效就是通过 css Houdini 实现的。 今天，我们将复刻一个 ripple，并封装成 hooks 来使用！ CSS Houdin ......
React 类组件转换为函数式
函数式的 React 组件更加现代，并支持有用的 hooks，现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。 ......
金蝶云苍穹技术开放日第十期精彩回顾|赋能开发者·提升项目质量
12月28日，以“开发之巅：项目质量提升之道”为主题的第十期技术开放日活动圆满结束。此次线上交流活动吸引了超过 1700+ 开发者热情参与，来自金蝶云苍穹平台生态部的技术架构师——郑烈彬老师和金蝶中国用户体验部的产品经理——曹卫群老师分别带来了关于开发助手工具的深入解析和用户体验质量检验系统的精彩讲 ......
react项目经验，以及一些骚写法
语法糖 1.const logged = !!getToken(); 这里的`!!`是求布尔值的快捷方式 类似的： 2.var a=b*1 是转数字的快捷方式 3.var a=b+'' 是转字符串的快捷方式 架构相关 1.webpack 2.qiankuan 通过package.json 可以查看r ......
如何编译avd for macarm or winx86 内核
AVD:Android Virtual Device 前言 别问需求 问就是抽象 背景是pixel6好贵 买不起 备用机内核只有4.4 改了三天内核代码 只把kernelSu patch进去了 玩不起ebpf 呜呜呜 什么 我是mac m1？ 有android studio的原生arm模拟器？ av ......
Unity3D 如何理解内核线程、内核进程详解
Unity3D是一款跨平台的游戏开发引擎，它提供了丰富的功能和工具来帮助开发者创建高质量的游戏。在Unity3D中，内核线程和内核进程是两个非常重要的概念。本文将详细介绍Unity3D中的内核线程和内核进程，并给出技术详解和代码实现。 对啦！这里有个游戏开发交流小组里面聚集了一帮热爱学习游戏的零基础 ......
使用hook封装表格常用功能（react）
实现内容 配置分页：usePagination 生成过滤项：useFilter 获取表格选择配置：useSelect 生成批量删除按钮：useDelete 生成模态框：useModal 示例 render部分： <React.Fragment> <Form layout="inline"> {Del ......
react 文件选择器
export type FileSelectorType = { emit: boolean; type: "file" | "dir"; callBack: (path: string, fileList: FileList) => void; }; export const FileSelect ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
【 react 】《 React实现图片比对效果 》
这里使用 img-comparison-slider 组件进行实现，官网地址如下 https://img-comparison-slider.sneas.io/examples.html#always-show 实现效果 拖动中间分割线来切换展示旧图片与新图片 安装组件 ## 安装组件 npm in ......
React 页面崩溃问题
今天遇到一个页面崩溃问题，很神奇的是初始化打开的时候会崩溃，但是切到其他内容，再切回来又好了 因为 React 是 prod 的版本，所以报错其实没卵用，最后定位到这个代码上： 尝试了下，一个组件，return null 或者 return false 都是 work 的，但是 return und ......
自研技术加速普及，高质化激活智能手机新周期
还没有上市，就吸睛无数，用户对iQOO Neo9系列在期待什么？ 在行业复苏的关键节点，iQOO Neo9系列全面继承蓝厂旗舰特性，来势凶猛，一方面是顺应了智能手机高质化的趋势；另一方面，各种黑科技的普及也是新换机周期的重要动力来源之一，iQOO Neo9系列的节奏全部踏准。 让用户成为科技普及的受 ......
React Hook 之 Effect ：同步与外部系统的数据
有时组件中的数据需要与外部系统的数据或操作同步，React提供了Hook Effect。 Effect 会在组件渲染后运行一些代码，以便将组件与 React 之外的某些系统同步，包比如浏览器 API、第三方小部件，以及网络请求等。 如以下的video播放器的简单加载： // 声明 Effect im ......
基于FPGA的图像PSNR质量评估计算实现,包含testbench和MATLAB辅助验证程序
1.算法运行效果图预览 设置较大的干扰，PSNR=15。 设置较小的干扰，PSNR=25。 2.算法运行软件版本 matlab2022a vivado2019.2 3.算法理论概述 基于FPGA的图像PSNR（峰值信噪比）质量评估计算实现涉及到数字图像处理、硬件设计和编程等多个领域。PSNR是一种用 ......
QA(质量保证)概述
QA(质量保证)概述 质量保证(Quality Assurance,QA)是指通过一系统的活动和措施，确保产品或服务的质量达到预期标准的过程。 QA是一种系统性的方法，旨在确保产品的设计、开发、生产和交付过程都符合质量标准，并且能够满足客户的需求和期望。 在QA的实施过程中，各种工具和技术被使用来确 ......
【教程】React Native 应用中的代码混淆与安全性管理
混淆是指对源代码进行加密、重命名等操作，以增加代码的复杂度，使其难以理解和反编译。 在React Native中，混淆可以通过以下步骤实现： 1. 将JavaScript源代码转换为基于本机平台的二进制代码，可以使用工具如Metro Bundler或babel进行转换。 2. 使用混淆工具，例如 ......
【代码混淆】react-native 代码混淆
【代码混淆】react-native 代码混淆 使用react native开发app，实现代码混淆的操作。 无论是加密还是运行时虚拟机，最后都可以通过执行时调试把代码反向生成出来原来的代码，虽然能抵御低端的黑客攻击，但是对高端黑客却形同虚设。 代码混淆是通过修改源代码结构和变量名，使得代码难以 ......
React拖拽效果实现
基于 React 的拖拽效果 Demo 一个基于 React 的拖拽功能实现的 Demo. 两个关键点 1, draggable 属性 2, drag 事件 draggable 属性 img 标签默认是支持拖拽的, 当时其他 HTML 标签, 想要其拖动的话, 需要为其添加 draggable="t ......
AI爆文写作变现：如何让自己的文章减少AI味，提升写作质量
利用AI实现自媒体写作变现，核心就是爆文写作提示词（Prompt） 对新手来说，缺少好用的爆文提示词，这无疑是大家碰到的一个难点。 如何创建属于自己的高效AI指令，无疑是大家最关心的问题。 本篇文章将一步一步带你打造一个高质量的提示词。成为AI指令高手。 前提准备： 1.GPTS神器： 名字：Pro ......
金蝶云·苍穹技术开放日第十期|赋能开发者，提升项目质量
金蝶云·苍穹技术开放日，旨在为开发者们提供一个交流、学习与成长的平台，现迎来了2023年的收官之战！感谢大家在过去一年中的陪伴与支持，我们携手走过7场技术交流活动，与一万多名开发者一起走在技术成长之路上。 第十期：《赋能开发者，提升项目质量》 1. 开发助手：高效开发神器 金蝶云苍穹平台生态部架构师 ......
CentOS7系统升级最新内核
查看系统当前版本 cat /etc/redhat-release 查看系统内核版本 uname -sr 查看内核启动顺序 yum install -y grub2-pc grub2-editenv list # 查看可用内核版本及启动顺序 # CentOS7 系统默认版本为3.10.0 sudo a ......
react_hooks系列 useMemo
一、概念和作用 写在函数式组件里的 “函数调用代码”。如果函数式组件重新渲染时，每次都会执行“调用函数的代码”。如果不是必须的，那么就是性能的浪费。useMemo就是解决这个问题的。即：useMemo是防止不必要的的函数调用。 文字描述总是让你很难理解。很抽象。还是要看代码的。 格式：useM ......
盘点前端的那些Ajax请求：从ES5到React
说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if ......
linux修改内核参数禁止OOM机制
Linux内核有个机制叫OOM killer（Out-Of-Memory killer），该机制会监控那些占用内存过大，尤其是瞬间很快消耗大量内存的进程，为了防止内存耗尽,内核会把该进程杀掉，监控是正常的。 防止重要的系统进程触发(OOM)机制而被杀死：可以设置参数/proc/PID/oom_adj ......
React 基础 —— 各种 hooks 的使用场景
hooks 1. useRef ref 属于组件实例的共享变量（相当于class 组件中的 this.xxx）。直接修改 ref.current 不会触发组件的重渲染。 Caveats ① 常用于事件处理函数中共享与读写 ref import { useRef } from 'react'; exp ......
day25 面向对象高阶
复习 @classmethod方法 类内部使用@classmethod修饰器的方法就是绑定到类的方法→类方法 类方法可以直接通过类调用而无需实例化 def __init__(self): 类的构造函数 创建一个实例（对象）时自动调用 在py中self和cls只是约定俗成的命名，没有特殊的含义self ......
linux内核中的zero-page
zero-page 操作系统给用户新分配的内容(通过mmap或者brk)都是清零过的，但是这些虚拟地址通常都是按需分配物理页面。这里的“按需”的需求可能是读取，也可能是写入。如果只是读取，只要保证读取内容是零即可，在MMU的基础上，可以让“所有”虚拟地址都映射到内容为0的物理页面中。 这样如果申请的 ......
React Native记录
React Native记录 真机调试 adb devices 保证手机使用adb可以正常连接 adb kill-server 如果无内容，断开手机连接，执行此命令后重新连接手机 操作包 react-native-fs 操作文件系统 react-native-image-picker 允许您从设备库 ......
react Hooks+Context 实现响应式布局
1. 创建文件 viewportContext.tsx import React from "react"; const defaultValue = { width: window.innerWidth } const viewportContext = React.createContext(d ......
我对线上质量监控大盘的思考
前面几篇文章分享了生产环境质量保障面临的四大挑战，也聊了线上巡检的落地注意事项，线上巡检是生产环境质量保障的手段之一，其他手段还有配置变更验证、应急响应和质量度量评估。 质量是定性的概念，但评估质量到底如何一定是需要定量度量的，否则无法进行持续的改进优化。这篇文章，分享一些我对于线上质量监控大盘的思 ......