全局loading react
涨姿势了，有意思的气泡 Loading 效果
涨姿势了，有意思的气泡 Loading 效果 今日，群友提问，如何实现这么一个 Loading 效果： 这个确实有点意思，但是这是 CSS 能够完成的？ 没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元素可能多点。参考我们之前的： 使用纯 CSS 实现超酷 ......
我的第一个项目(十) :处理全局变量(解决模块化后变量无法获取的问题)
好家伙, 飞机大战分包分的差不多了, 但是又出现了问题: 文件目录如下: 然而关于变量 helloworld.vue完整代码 <template> <div> <div ref="stage"></div> </div> </template> <script> // Award, // Bulle ......
day09 react完整手写
实现Hooks的数据结构 fiberNode中可用的字段： memoizedState updateQueue 实现useState 包括2方面工作： 实现mount时useState的实现 实现dispatch方法，并接入现有更新流程内 ......
pip 一行命令永久设置全局默认pip源为国内镜像源
临时使用 pip install 包名 -i https://pypi.tuna.tsinghua.edu.cn/simple some-package 升级pip python -m pip install --upgrade pip 永久设置全局默认pip源为国内镜像源 pip config s ......
构建React-app应用时create-react-app卡住超慢的解决办法
解决方案是换源，这个解决方法是从网上找到的，特此整理过来收藏一下。虽然平常使用cnpm来代替npm，但也只是使用新的指令而已。而在寻求create-react-app的相关配置希望修改registry时失败了，最后发现create-react-app指令默认调用npm，于是直接把npm的regist ......
论Vue和React的不同之处
论Vue和React的不同之处 Vue 和 React 都是用于构建 UI 界面的流行框架。 它们的哲学也有很多相似的地方，我们可以认为这些特性是流行前端框架的一个趋势。它们是： 组件化。将结构、样式、脚本进行耦合，让界面一部分区域能够独立出来，并可以提供复用； 声明式。摒弃了 JQuery 那种手 ......
pipeline 将命令执行的结果赋值给全局变量
在CI/CD中，使用pipeline脚本，遇到的一个小知识。 pipeline { agent any environment { #自定义一个变量，然后通过shell命令去执行一个获取时间的结果，并赋值给变量。 time= sh(script: "date +%Y%m%d%H%M%S" , ret ......
2023-04-14 vue之组件全局注册
新建一个vue文件，随便写点什么，然后在main.js中引入，如下： xxx.vue： <template> <view class="container"> <view class="content"> 登录窗口 </view> </view> </template> <script> expor ......
React-DnD的简要使用方法与API文档
前提 它这个官方文档贼难进去，而且第一次看的时候也不太好理解，这篇文章就把一些常用的内容记下，希望能帮助到大家。本篇文章参考的是16.0.1版本 npm i react-dnd 1 简单示例 先不说具体API，来看下常用示例~ 1.1 useDrag：让DOM允许拖拽 import React fr ......
React 08 day
react内部3个阶段： schedule阶段 render阶段（beginWork completeWork） commit阶段（commitWork） commit阶段的3个子阶段 beforeMutation阶段 mutation阶段 layout阶段 当前commit阶段要执行的任务： fi ......
vite vue3 全局批量注册组件
方式1-使用import.meta.glob import { createApp, defineAsyncComponent } from 'vue' const app = createApp(App); app.mount('#app'); // antd全局使用图标，遍历引入 const i ......
tomcat配置全局和私有JNDI数据源
本人CentOS上部署了tomcat，在配置JNDI数据源时，先后遇到了两种报错。 第一种，Cannot create JDBC driver of class '' for connect URL 'null'，这个根据我个人理解是没有获取到数据源的任何信息，只要根据配置的方式（全局或私有）检查一 ......
locust安装后报错：ImportError: DLL load failed while importing _greenlet: 找不到指定的模块。
需要安装msvc-runtime pip install msvc-runtime 这个问题很神奇，因为别人没有，按照官网上的介绍python3使用 pip3 install locust就可以使用了，但是我的运行脚本就报错。 为什么会出现这个问题可以参考matplotlib vscode 在导入 ......
关于react的Tabs组件中TabPane的bug
今天解决了我自认为一个很不起眼的Bug。 我的Tabs下面有5个tabPane，并且这几个tabPane共用了一个search组件，今天遇到了一个bug，就是这几个组件使用公共查找组件的时候，前一个组件的值会影响下一个组件的值。 找了半天发现，原来我应该在父组件Tabs中定义一个useState的状 ......
React 使用NPM创建项目
React 使用NPM创建项目 虽然研究 React 已经有一段时间，但之前写 Demo 都是直接新建文件夹然后在里面写 html 和 js，究其原因还是因为之前用不了 NPM。现在终于是把 NPM 的问题解决了（从 IDEA 上 copy 了个代理的地址），这下才能算是真正的 DEV 环境。 但有 ......
React国际化方案及示例
背景： 随着公司走向国际，那么需要对产品进行国际化语言的预言处理。该预言方案主要是为了满足跨国企业和全球用户的需求而设计的。随着公司步入国际领域，该方案将有助于提高公司的国际化水平和竞争力。在国际化项目中，需要考虑不同语言、文化和地区的用户习惯和需求，确保产品的功能和内容能够在全球范围内无缝运作和 ......
Flutter/React native/un-app
Flutter是Google开源的构建用户界面（UI）工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。 [5] Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。 Flutter可以方便的加入现有的工程中。在全世界，Flutter 正在被越来越 ......
React props.children
React props.children React 的特性，或者说 JS 的特性都太抽象勒。 无法理解 在看 React 文档的时候，以我当时的水平，看到了这个令人费解的东西： function AlertButton({ message, children }) { return ( <butt ......
Vue.js 全局前置和后置-路由守卫
全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......
涨姿势了，有意思的气泡 Loading 效果
今日，群友提问，如何实现这么一个 Loading 效果： 这个确实有点意思，但是这是 CSS 能够完成的？ 没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元素可能多点。参考我们之前的： 使用纯 CSS 实现超酷炫的粘性气泡效果 巧用 CSS 实现酷炫的充电 ......
全局事件总线
全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信。 安装全局事件总线 在main.js里 new Vue({ ... beforeCreate() { Vue.prototype.$bus = this }, ... }) 使用全局事件总线 接收数据：A组件想 ......
[Java EE]SpringBoot/Tomcat之启动时报"Error: Could not find or load main class CLASS xxxx"、"no main manifest attribute"异常
环境信息如下： OS: CENTOS 7 Tomcat : 9.0.46 SpringBoot: 2.3.12.RELASE Build JDK: 1.8.0_261 Runetime JDK : openjdk 1.8.0_362 1 “Error: Could not find or load ......
组件公共状态管理react-redux
知乎日报项目中，公共状态使用了 redux 和 react-redux，记录学习的知识 redux 工程化其实就是按模块划分，在开发中能更好的理解和维护，因此该项目将状态管理划分为如下的模块： store 用作存放状态管理的文件夹 action 是 store 中数据的来源，actions 文件夹用 ......
如何在2023年学习React
在2023年学习React并不是一件容易的事情。自2019年React Hooks发布以来，我们已经拥有了很多稳定性，但现在形势正在再次变化。而这次变化可能比使用React Hooks时更加不稳定。在本文中，我想比较两种学习React的方式：以库的方式和以框架的方式。 为了让事情更加清晰：React ......
MSBUILD : error MSB3428: Could not load the Visual C++ component "VCBuild.exe".
完整报错信息： MSBUILD : error MSB3428: Could not load the Visual C++ component "VCBuild.exe". To fix this, 1) install the .NET Framework 2.0 SDK, 2) install ......
mybatis全局变量 (mybatis.configuration.variables) 的应用
mybatis.configuration.variables是一个可自定义的全局变量: 在 application.yml 中定义： mybatis: mapper-locations: classpath:mapper/*.xml type-aliases-package: com.exampl ......
基于vue3+ts+vite的项目使用‘unplugin-auto-import/vite’插件，自动全局导入api的注意事项
1.首先安装插件 npm install unplugin-auto-import @vitejs/plugin-vue -D 2.安装完成后在vite.congfig.ts中配置，红色部分就是关于插件的基础自动导入部分，这样就可以将vue和router的相关api全局导入了， import A ......
API Gateway vs Load Balancer：选择适合你的网络流量管理组件
本文从对比了 API Gateway 和 Load Balancer 的功能区别，帮助读者更好地了解他们在系统架构中扮演的角色。 作者陈泵，API7.ai 技术工程师。 原文链接 由于互联网技术的发展，网络数据的请求数节节攀升，这使得服务器承受的压力越来越大。在早期的系统架构中，通常使用 Load ......
WPF全局异常捕获处理
private void RegisterEvents(){ //Task线程内未捕获异常处理事件 TaskScheduler.UnobservedTaskException += TaskScheduler_UnobservedTaskException;//Task异常 //UI线程未捕获异常处 ......
Python json基本使用json.dumps() 和json.loads()
Python中 json的基本使用 json.dumps() 和json.loads() JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，它是JavaScript的子集，易于人阅读和编写。 Json最广泛的应用是作为AJAX中web服务器和客户端的通讯的 ......