react hook api vue
Vue前后端交互、生命周期、组件化开发
Vue前后端交互、生命周期、组件化开发 一、Vue用axios与后端交互 如果用jQuery与后端交互的话，我们用Ajax发请求，那么用Vue做前端，需要做前后端分离，与后端做交互。这个时候Vue也提供了独立的方法叫Axios,其实Ajax也是没问题的但是同时使用两个框架写前端项目，有点大材小用 ......
Windows下x86和x64平台的Inline Hook介绍
Windows下Inline Hook技术可以用来拦截一个指定的函数，并使其跳转到指定的地址执行相应的程序，从而实现某种想要的效果，本文介绍了x86和x64平台下Inline Hook的原理和基本使用方法，着重于x64下可行的方案，以及适用于多线程的方法。 ......
vue的两种服务器端渲染方案
关于服务器端渲染方案，之前只接触了基于react的Next.js，最近业务开发vue用的比较多，所以调研了一下vue的服务器端渲染方案。本文着重介绍两种渲染方案。 ......
快学会这个技能-.NET API拦截技法
大家好，我是沙漠尽头的狼。 本文先抛出以下问题，请在文中寻找答案，可在评论区回答： 什么是API拦截？ 一个方法被很多地方调用，怎么在不修改这个方法源码情况下，记录这个方法调用的前后时间？ 同2，不修改源码的情况下，怎么对方法的参数进行校正（篡改）？ 同3，不修改源码的情况下，怎么对方法的返回值进行 ......
vue原理：diff、模板编译、渲染过程等
一、虚拟DOM： 因为DOM操作非常消耗性能，在操作DOM时，会出现DOM的回流（Reflow：元素大小或者位置发生改变）与重绘（元素样式的改变）使DOM重新渲染。 现在的框架Vue和React很少直接操作DOM，因为两者都是数据驱动视图，只会对数据进行增删改的操作 因此，二者使用虚拟DOM（vdo ......
Vue/ React/ Angular 前端项目在 Web 服务器上的部署配置
Web 服务器是一种用于存储，处理和传输 Web 内容的软件。它是一种特殊类型的服务器，具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言，如 PHP，JavaScript，Ruby，Python 等，并且支持动态生成 Web 页面。常见的 Web 服 ......
Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下
上文创建了一堆 utils、component-info，并实现了新组件模块相关目录和文件的创建。本文继续实现后面的内容。 1 组件样式文件并导入 在 src/service 目录中创建 init-scss.ts 文件，该文件导出 initScss 函数。 由于 .vue 类型的组件的样式就直接写在 ......
Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布
回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。 1 组件库构建 组件库的入口是 packages/yyg-demo-ui，构建组件库有两个步骤： 添加 TypeScript 的配置文件： tsconfig.json 添加 vite.conf ......
一文详解如何在基于webpack5的react项目中使用svg
本文主要讨论基于webpack5+TypeScript的React项目（cra、craco底层本质都是使用webpack，所以同理）在2023年的今天是如何在项目中使用svg资源的。 首先，假定您已经完成基于webpack5+TypeScript的React项目的搭建工作（如果您不太清楚搭建的背景， ......
千姿百态,瞬息万变,Win11系统NeoVim打造全能/全栈编辑器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)
我曾经多次向人推荐Vim，其热情程度有些类似现在卖保险的，有的时候，人们会因为一些弥足珍贵的美好暗暗渴望一个巨大的负面，比如因为想重温手动挡的快乐而渴望买下一辆二十万公里的老爷车，比如因为所谓完美的音质而舍不得一个老旧的有线耳机，比如因为一个铜炉火锅而期待北京那漫长而寒冷的冬天。 ......
玩转web3第一篇——web3-react
概况 web3-react是由Noah Zinsmeister开发的一个web3框架，主要功能是实时获取DApp里的关键数据（如用户当前连接的地址、网络、余额等）。 Noah也是著名的去中心化交易所uniswap里的工程师，因此这个库在uniswap里也已被大量的使用。 web3-react有两个版 ......
react 高效高质量搭建后台系统 系列 —— 系统布局
其他章节请看： react 高效高质量搭建后台系统 系列 系统布局 前面我们用脚手架搭建了项目，并实现了登录模块，登录模块所依赖的请求数据和antd（ui框架和样式）也已完成。 本篇将完成系统布局。比如导航区、头部区域、主体区域、页脚。 最终效果如下： spug 中系统布局的分析 spug 登录成功 ......
react 高效高质量搭建后台系统 系列 —— 表格的封装
其他章节请看： react 高效高质量搭建后台系统 系列 表格 有一种页面在后台系统中比较常见：页面分上下两部分，上部分是 input、select、时间等查询项，下部分是查询项对应的表格数据。包含增删改查，例如点击新建进行新增操作。就像这样： 本篇将对 ant 的表格进行封装。效果如下： spug ......
腾讯出品小程序自动化测试框架【Minium】系列（五）API详解（下）
写在前面 又有好久没更新小程序自动化测试框架Minium系列文章了，主要真的太忙，尽量做到每周一更吧，还请大家能够理解！ 上篇文章为大家分享关于Minium中Minium、App模块的API 使用，接下来将为大家继续分享Minium中API的使用。 Page中API的使用 data 当前页面数据, ......
win32com操作word API精讲 第七集 Range（五）字体格式精讲
本课程《win32com操作word API精讲&项目实战》视频平台以视频为主，本平台以文字为主，公众号ID：一灯编程 本节课主要讲解使用Range操作Font接口中的字体、字号、下划线、删除线、字体颜色、高亮及底纹颜色。 讲解中所涉及到的文档请自备，演示中，文档内容共两段，内容如下： 在娱乐圈，沈 ......
在Spring Boot中整合Katharsis，来快速开发JSON API的Web应用
1 简介 我们进行Web API开发的时候，经常会使用Json格式的消息体，而Json格式非常灵活，不同的人会有不同的设计风格和实现，而JSON API提供了一套标准。但它并不提供直接实现。 Katharsis是JSON API的Java实现，使用它可以快速开发出Json based的Web接口，还 ......
构建api gateway之 负载均衡
什么是负载均衡 负载均衡，英文名称为Load Balance，其含义就是指将负载（工作任务）进行平衡、分摊到多个操作单元上进行运行 以下为几种负载均衡策略介绍 1.随机（Random） 大家很多时候说到随机的负载均衡都会想到 Round Robin， 其实 Round Robin并非随机， Rand ......
构建api gateway之 健康检查
Healthcheck 由于服务无法保证永远不会下线，而且下线时不一定能有人员能及时发现， 所以api gateway 一般会引入一个监工 Healthcheck, 像大家每年体检一样定时确认服务是否存活。 这样就可以在上游节点发生故障或者迁移时，将请求代理到健康的节点上，最大程度避免服务不可用的问 ......
构建api gateway之 动态插件
动态插件 之前已经拆解细点逐个介绍了 tcp 、http 代理相关核心点，现在介绍一个让 api gateway 变得很灵活的功能实现： 动态插件。 由于 lua 的动态语言特点，我们可以比较方便做到动态插件机制。 首先我们来了解这一切的基石：lua 模块加载机制。 lua 模块加载机制 一个模块是 ......
构建api gateway之 http路由实现
http路由 路由是指路由器从一个接口上收到数据包，根据数据包的目的地址进行定向并转发到另一个接口的过程。 而这里的http路由其实等同于web开发中，根据http相关参数（比如url、http method）分配到对应的处理程序。 借用web框架的示意图，其作用如下 路由匹配 这里我们先简化一下内 ......
构建api gateway之 基于etcd实现动态配置同步
配置中心 在之前 tcp的yaml配置 介绍了如何监听yaml文件变化然后更新配置。 当然假如我们有很多实例，那么yaml改动将是非常痛苦的事情，那么如何做到配置文件统一管理，实时更新呢？ 我们可以引入配置中心，从而达到这样的效果。 业界已经有非常多配置中心了，这里为了简化内容，将选用etcd作为配 ......
构建api gateway之 如何给openresty打patch
如何给openresty打patch 由于很多功能实现的限制，我们不得不修改openresty，但我们又不一定能持续维护一个 openresty 分支，所有有了patch 这一操作。 patch是怎么补“漏洞”的？ patch 中文含义为补丁，给大家的感觉就像在原来的基础上修复漏洞，就像小时候旧衣服 ......
react无效渲染优化--工具篇
壹 ❀ 引 本文属于我在公司的一篇技术分享文章，它在我之前 React性能优化，六个小技巧教你减少组件无效渲染一文的基础上进行了拓展，增加了工具篇以及部分更详细的解释，所以内容上会存在部分重复，以下是分享的原文。 在过去一段时间，好像每次代码走读大家都对于useMemo、useCallback以及m ......
在Flask中构建API接口的相关概念
在Flask中构建API接口的相关概念 重定向行为 斜杠 以下两个路由的不同之处在于是否使用尾部的斜杠。 第一个路由的URL尾部有一个斜杠，看起来就像一个文件夹，访问一个没有斜杠结尾的URL时，Flask会自动进行重定向，在结尾加上一个斜杠。 第二个路由的URL没有尾部斜杠，因此其行为表现与一个文件 ......
鸿蒙系统应用开发之基于API6的蓝牙开发
写在前面 由题意得，我今天讲的是基于鸿蒙系统的兼容JS的类Web开发范式的软件应用开发之蓝牙开发，它是基于API6的，至于为什么是基于API6,请你花几分钟看一下我之前写的这个系列教程的第四篇“ 鸿蒙系统应用开发之入门解说",地址是：https://www.yuque.com/ataola/cpts ......
Performance API不完全使用指北
本教程解释了如何使用Performance API来记录真实用户访问你的应用程序的统计数据。 使用浏览器的DevTools来评估web应用性能是很有用的，但要复现现实世界的使用情况并不容易。因为人们在不同地点使用不同的设备、浏览器和网络，都会有不同的体验。 Performance API介绍 Per ......
Dubbo 入门系列之基于 Dubbo API 开发微服务应用
目标 从零上手开发基于 Dubbo 的微服务 难度 低 环境要求 系统：Windows、Linux、MacOS JDK 8 及以上（推荐使用 JDK17） Git IntelliJ IDEA（可选） Docker （可选） 动手实践 本章将通过手把手的教程一步一步教你如何从零开发一个微服务应用。 1 ......
uniapp小程序使用高德地图api实现路线规划
路线规划 简介 路线规划常用于出行路线的提前预览，我们提供4种类型的路线规划，分别为：驾车、步行、公交和骑行，满足各种的出行场景。 高德开放平台 本例是驾车路线规划功能和位置选择地图api:chooseLocation 示例： 1、在页面的 js 文件中，实例化 AMapWX 对象，请求进行驾车路线 ......
Vue 中 Promise 的then方法异步使用及async/await 异步使用总结
转载请注明出处： 1.Promise 的 then 方法使用 then 方法是 Promise 中 处理的是异步调用，异步调用是非阻塞式的，在调用的时候并不知道它什么时候结束，也就不会等到他返回一个有效数据之后再进行下一步处理； 想了解 Promise 的使用，可以看这篇文章： ES6 中 Prom ......
vue3实现一个抽奖小项目
前言 在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。 浏览链接：http://xisite.top/original/luck-draw/index.html 项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!) 项目截图： 实现 ......