全局loading react
Vue公共loading升级版（处理并发异步差时响应）
公共loading是项目系统中很常见的场景，处理方式也不外乎三个步骤： 1.通过全局状态管理定义状态值（vuex、pinia等）。 2.在程序主入口监听状态值变化，从而展示/隐藏laoding动画。 3.在请求和相应拦截器中变更状态值。 第一二步骤处理大同小异，但在第三步中，网上很多博文分享的方法是 ......
vue3 基础-Pinia 可能替代 Vuex 的全局数据状态管理
Pinia 初体验 Pinia.js是由Vue.js团队核心成员开发的新一代状态管理器，使用Composition Api进行重新设计的，也被视为下一代Vuex。 Pinia是一个Vue的状态管理库，允许跨组件、跨页面进行全局共享状态，也由于其设计的简洁性、和对typescript的良好支持，取代V ......
React学习二：表单受控绑定、获取Dom、组件通信、useEffect、自定义Hook
一、受控表单绑定 概念：使用react组件的状态（useState）控制表单的状态。双向绑定，数据变化视图也变，视图变数据也变。 import { useState } from 'react' function App() { const [content, setContent] = useSt ......
前端笔记：React学习 1.1--配置环境
1.1 配置环境 React中文文档 React官网文档 安装Nodejs Nodejs官网 安装create-react-app 终端执行： npm i -g create-react-app 安装VSCode插件 Simple React Snippets Prettier - Code for ......
4、全局样式使用
1、在assets文件下面创建css样式文件，如：assets/css/global.css 2、引用全局样式，在main.ts文件里面引用样式文件 3、页面效果如下 ......
Mysql报：error while loading shared libraries libtinfo.so.5的解决办法
版权声明：原创作品，谢绝转载！否则将追究法律责任。 ————— 作者：kirin #、今天闲来无事，想在Anolis8的系统上装一个MySQL8.0玩。前期在安装和配置的过程中没有什么问题，但是在我想查看一下数据库版本的时候报了一个错。具体报错信息如下： mysql: error while loa ......
vue调用完一个接口 全局中才调用另外N个接口
mounted(){ // 先调用initParam接口 再调用第二个接口 this.initParam().then((res)=>{ this.getDataList(); }) },// 1. 把方法挂载到全局 methods: { async initParam(){ const {code ......
Angular 应用实现 Lazy Load(懒加载)的项目实战经验分享
笔者之前两篇掘金社区文章，分别介绍了企业级 Angular 应用开启 PWA 特性和服务器端渲染，从而提升用户体验的两种设计思路： Angular 应用支持 PWA(Progressive Web Application) 特性的开发步骤分享 基于 Angular Universal 引擎进行服务器 ......
React、Umi、RN 整体理解
可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ React 1. React 起源和发展（是什么？） React 是用于构建用户界面的 JavaScript 库，起源于 Facebook 的内部项目，该公司对市场上所有 JavaScript ......
自然语言处理预训练——全局向量的词嵌入
带全局语料统计的跳元模型 GloVe模型 从条件概率比值理解GloVe模型 总结 诸如词-词共现计数的全局语料库统计可以来解释跳元模型。 交叉熵损失可能不是衡量两种概率分布差异的好选择，特别是对于大型语料库。GloVe使用平方损失来拟合预先计算的全局语料库统计数据。 对于GloVe中的任意词，中心词 ......
React AntD的Dropdown组件报错：React.Children.only expected to receive a single React element child.可能的n原因
React.Children.only expected to receive a single React element child. Error: React.Children.only expected to receive a single React element child. at ......
react学习
提升state?what?how?why? 兄弟组件之间怎么共享state? onClick='fn()'会立即调用，传参使用onClick='() => fn(id)' 提前返回一些东西 ()的意义 state不应在组件中改变 state三部曲：1.定义它 2.使用它 3.更新它 类似vue中的s ......
为React Ant-Design Table增加字段设置
最近做的几个项目经常遇到这样的需求，要在表格上增加一个自定义表格字段设置的功能。就是用户可以自己控制那些列需要展示。在几个项目里都实现了一遍，每个项目的需求又都有点儿不一样，迭代了很多版，所以抽时间把这个功能封装了个组件：@silverage/table-custom，将这些差别都集成了进去，方便今... ......
箭头函数不会与this进行绑定，其this指向取决于该箭头函数同级作用域的this指向，又由于对象不能形成自己的作用域，因此其作用域为全局作用域，this指向Window对象
执行下列选项的程序，输出结果不是Window对象的是（） A setTimeout(function(){ console.log(this); },1000); B function Star(){ console.log(this); } new Star(); C var o = { sayH ......
1）属性先查自身，没有再查构造函数的原型。2）在全局下声明的变量，有var声明的不可以被delete删除，无var声明的可以被delete删除。
以下代码执行后，a.x 和 b.x 的结果分别为（） function A(x){ this.x = x; } A.prototype.x = 1; function B(x){ this.x = x; } B.prototype = new A(); var a = new A(2), b = n ......
setTimeout 是浏览器环境提供的，JS 标准没有规定。不是JavaScript的全局函数，是浏览器（宿主环境）提供的
下列哪些函数是JavaScript的全局函数？ A encodeURI B parseFloat C setTimeout D eval 正确答案：ABD 答案：A、B、D 个人记忆方法：6（编码相关）+ 2（数据处理）+ 4（数字相关）+ 1（特殊） 编码相关： escape()、unescape ......
a=100作为形参传入，此时全局定义了var a = 100；var x变量提升至函数内部最前，形参x和变量x同名，变量x声明被忽略。
请问以下JS代码输出的结果是什么？ function f(x) { console.log(x); var x = 200; console.log(x); } f(a = 100); console.log(a); A undefined、200、undefined B 100、200、undef ......
非严格模式下color被泄漏到全局作用域中，创建一个全局变量；严格模式下抛出ReferenceError异常
请问在非严格模式下以下JS代码最终的输出是什么？ function change(obj) { with(obj) { color = 'red' } } var box = { size: '15*15' } change(box); console.log(color); A undefined ......
document有readyState属性来描述document的loading状态，readyState的改变会触发readystatechange事件.
以下哪些事件会在页面加载完成（onload）之前触发？ A readystatechange B pageshow C beforeunload D DOMContentLoaded 正确答案：AD 选择AD。 A. readystatechange document有readyState属性来描述 ......
匿名函数的执行环境具有全局性，因此其this对象通常指向window（使用call或apply除外）
下面这段JavaScript代码的的输出是什么？ var myObject = { foo: "bar", func: function() { var self = this; console.log(this.foo); console.log(self.foo); (function() { ......
React.Children.map的用法
React.Children用很多用法，如下图，经常会用到的是toArray()，具体用法可以自行了解，这里记录下map()的用法和使用到的场景。 1. 用法：React.Children.map接收2个参数，第一个是所有子元素，第二个是个回调，可以对每个子元素进行处理，然后返回处理后的子元素。 2 ......
Error: Component series.liquidFill not exists. Load it first.
Error: Component series.liquidFill not exists. Load it first. 场景：使用水球图时，报错：Error: Component series.liquidFill not exists. Load it first. 解决办法： 1、先检查是否 ......
因为匿名函数具有全局性，匿名函数的this指向window对象
执行以下程序，输出结果为（） var uname = "window"; var object = { uname :"object", fun:function(){ console.log(this.uname); return function(){ console.log(this.unam ......
var a=b=3;相当于var a,b=3 即a为局部变量，b为全局变量
下面一段JavaScript代码的运行结果是 var a,b; (function(){ alert(a); alert(b); var a=b=3; alert(a); alert(b); })(); alert(a); alert(b); A undefined，undefined，3,3，un ......
任何用let或const声明的属性不能够从它被声明的作用域中删除。任何使用 var 声明的属性不能从全局作用域或函数的作用域中删除。
请问以下JS代码的输出结果是什么？ let a = 1; let obj = { x: 1 } delete a; delete obj.x; delete 2; console.log(a); console.log(obj.x); console.log(2); A 1、1、2 B 1、unde ......
react使用react-draggable制作可拖拽弹框
安装 yarn add react-draggable 使用 import Draggable from 'react-draggable'; export default function TableModal() { const [bounds, setBounds] = useState({ ......
如何实现元素的平滑上升？（vue和react版）
首先我们看下我们有时候需要在官网或者列表中给元素添加一个动画使元素能够平滑的出现在我们的视野中。 如上图所示，我们在vue中可以自定义指令，当我们需要的时候可以直接使用。废话不多说直接上代码。 首先我们创建一个vSlideIn.ts文件 import { DirectiveBinding } fro ......
react| 封装TimeLine组件
功能 支持居中/局左/居右布局 可自定义线条颜色 默认情况下图标是圆形，可自定义圆形颜色和大小，同时也可以自定义图标 支持自定义内容 效果 const data=[ { "title": "2022-12-05 12:03:40", "des": "茶陵县实时广播防火宣传" }, ... ] <Ti ......