- react + redux 状态管理操作
诚诚程程成
前端react.jsjavascript前端
目录1概念2Redux安装3创建子模块并导入4中间件为react注入store5在组件中使用store数据6修改store数据7提交action传参8异步状态操作9redux调试工具1概念Redux是一个全局状态管理的JS库2Redux安装在react中使用redux，官方要求安装两个其他插件：ReduxToolkit和react-reduxReduxToolkit：官方推荐编写redux逻辑的方
- React18+Redux+antd 项目实战 JS
Alexeigirl
javascript开发语言前端框架react.js
React18+Redux+antd项目实战jsAntDesign插件官网Axios官网(可配置请求拦截器和响应拦截器)JavaScript官网Echarts官网一、项目前期准备1.创建新项目hotel-managernpxcreate-react-apphotel-manager2.安装依赖//安装路由npmireact-router-domnpmiaixos//安装组件库npmiantdnpm
- Python数据处理(一)：处理 JSON、XML、CSV 三种格式数据
solocoder222
Pythonpython数据处理CodeRiver
Python数据处理系列博客来啦！本系列将以《Python数据处理》这本书为基础，以书中每章一篇博客的形式带大家一起学习Python数据处理。书中有些地方讲的不太详细，我会查阅其他资料来补充，力争每篇博客都把知识点涵盖全且通俗易懂。这本书主要讲了如何用Python处理各种类型的文件，如JSON、XML、CSV、Excel、PDF等。后面几章还会讲数据清洗、网页抓取、自动化和规模化等使用技能。我也是
- 一文学会react+redux（模块化/同步/异步操作）
青山绿水的蓝
web前端react.js前端javascript
本文基于npxcreate-react-app创建太久没看react，闲来无事重新捡起做一点笔记，希望对部分vue的同行想学习redux起到一些帮助1.准备工作安装1.安装项目插件2.修改`package.json`中的scripts，将`react-scripts`替换为`craco`：3.craco.config.js根目录下创建或修改`craco.config.js`来配置Less以及@别名
- 切换node版本
test猿
前端javascript
一、在Linux上切换Node.js版本有多种实现方法：1.使用nvm（NodeVersionManager）：安装nvm：可以通过curl或wget来安装nvm，具体请参考nvm的官方文档。安装不同版本的Node.js：使用nvm可以轻松地安装、管理和切换不同版本的Node.js。例如，要安装Node.js的最新版本，可以使用命令nvminstallnode。要安装特定版本的Node.js，可以
- 【docker】拉取镜像报证书错误：error pulling image configuration: download failed after attempts=6: tls: failed t
眉梢i
docker容器运维
在使用docker时，采用阿里云镜像源时会出现pull失败情况：解决办法：sudomkdir-p/etc/dockersudotee/etc/docker/daemon.json<<-'EOF'{"registry-mirrors":["https://yxzrazem.mirror.aliyuncs.com"]}EOFsudosystemctldaemon-reloadsudosystemctl
- React学习之相关代码库（三十六）
77458
ReactReact学习
本章将讲述React代码库的组织，约定，和它的实现方式。如果你想更加关注React，或者说作为开发贡献者，对React进行一些修改，这篇博客或许可以帮到你。当然，我们没必要去过度的关注React应用的约定，因为其中有很多是历史遗留问题，后续版本可能会被pass掉。1.自定义模板系统在Facebook，他们内部人员使用了一个叫做Haste的自定义模板系统，这个系统非常类似CommonJS规范，也使用
- JS深入解析函数及变量
天涯学馆
大前端&移动端全栈架构javascriptecmascript前端架构
目录构造函数new关键字的运作机制严格模式函数表达式与函数声明变量提升函数组合深递归与尾递归构造函数定义构造函数
- 深入解析JS高级语法
天涯学馆
大前端&移动端全栈架构javascript前端架构
目录执行环境与运行机制垃圾回收V8引擎的即时编译内存管理尾调用优化正则表达式高级用法微任务与宏任务
- JS求数组的最大值和最小值
天涯学馆
大前端&移动端全栈架构javascript前端架构
1.使用Math.max和Math.min函数配合扩展运算符(…)constarray=[1,½,3,4.5,-2,6,-7
- JS深度剖析异步编程方式
天涯学馆
大前端&移动端全栈架构javascriptecmascript前端架构
目录回调函数事件监听发布/订阅Promiseasync/awaitGenerator函数与迭代器深度剖析JavaScript异步编程方式，主要涉及以下几个核心概念和技术回调函数回调函数的基本概念回调函数（CallbackFunction）是一种在特定事件或条件触发时被调用的函数，常用于处理异步操作的结果。在JavaScript中，回调函数是实现异步编程的最初也是最基础的方式。它的工作原理是：将一个
- JS 深度解析Function模式
天涯学馆
大前端&移动端全栈架构javascriptecmascript前端架构原型模式
目录函数作为基本数据类型函数作为对象函数作为构造函数函数作为类的替代品函数作为高阶组件箭头函数与常规函数的区别
- JS 深入理解代码复用模式
天涯学馆
大前端&移动端全栈架构javascript原型模式前端
目录对象Object构造函数组合/混入（Mixins）模块化高阶函数装饰器设计模式其他复用技术JavaScript中的代码复用模式，需要探讨多种实现代码复用的技术手段和策略，包括但不限于原型继承、构造函数、
- JS 深度解析作用域、作用域链与闭包
天涯学馆
大前端&移动端全栈架构javascriptecmascript前端
目录作用域词法作用域块级作用域作用域链闭包作用域词法作用域（LexicalScope）JavaScript采用词法作用域，意味着变量的作用域是在编译阶段确定的，由代码在何处定义决定，而非运行时决定。简单来说，变量的作用域取决于它在源代码中的位置。全局作用域：在任何函数外部定义的变量具有全局作用域，对整个程序可见。
- JS 深度解析this指针
天涯学馆
大前端&移动端全栈架构javascript前端
目录this绑定规则默认绑定隐式绑定显示绑定new绑定箭头函数特殊情况与陷阱丢失绑定优先级
- JS 全面解析Module模式
天涯学馆
大前端&移动端全栈架构javascript前端开发语言
目录基本结构与原理优点应用场景扩展与变体JavaScriptModule模式是一种设计模式，用于封装和管理代码，提供私有变量、私有方法和公有接口，实现模块化编程。Module模式通过闭包来创建一个封装的私有作用域，同时允许对外暴露必要的接口。基本结构与原理Module模式的核心是一个自执行的匿名函数，它返回一个对象，该对象包含公有接口。基本结构如下：constMyModule=(
- JS常用实践难点解析
天涯学馆
大前端&移动端全栈架构javascriptecmascript前端
目录浏览器类型与版本特性检测上下文和函数参数传递JSON标记及eval函数高级闭包浏览器类型与版本通过navigator对象来检测浏览器类型、版本以及其他相关信息。navigator对象是浏览器提供的一个原生对象，它包含了关于浏览器和操作系统的信息。浏览器类型与主要版本最直接的方式是查看navigator.userAgent属性
- JS 中的DOM 操作
天涯学馆
大前端&移动端全栈架构javascript前端
目录概念Node接口NodeList接口，HTMLCollection接口ParentNode接口，ChildNode接口Document节点Element节点属性的操作Text节点和DocumentFragment节点
- JS 中的BOM 操作
天涯学馆
大前端&移动端全栈架构javascript前端
目录浏览器模型概述window对象Navigator对象，Screen对象CookieXMLHttpRequest对象同源限制CORS通信Storage接口History对象
- JS数据类型&运算符&标准库
天涯学馆
大前端&移动端全栈架构javascript开发语言前端
目录数据类型运算符标准库对象Object对象属性描述对象Array对象包装对象Boolean对象Number对象Strin
- CSS预处理器Stylus
天涯学馆
大前端&移动端全栈架构cssstylus前端
CSS预处理器StylusStylus是一款高效的CSS预处理器，它提供了简洁灵活的语法来帮助开发者更高效地编写和管理CSS代码。下面是一些基础到进阶的Stylus代码教程，涵盖变量、嵌套、混合、继承、运算符等核心特性。1.安装Stylus在项目中使用Stylus前，你需要先安装Stylus编译器。如果你使用的是Node.js，可以通过npm安装：npminstall-Dstylus2.基本使用变
- Vue 3 30天精进之旅：Day 03 - Vue实例
码上飞扬
vue.js前端javascript
引言在前两天的学习中，我们成功搭建了Vue.js的开发环境，并创建了我们的第一个Vue项目。今天，我们将深入了解Vue的核心概念之一——Vue实例。通过学习Vue实例，你将理解Vue的基础架构，掌握数据绑定、模板语法和指令的使用方法。1.什么是Vue实例？Vue实例是Vue.js应用的根实例，作为应用的核心，它将数据与视图联系起来。每个Vue应用都是通过创建一个Vue实例来启动的。Vue实例通过配
- html自学学多久,HTML和CSS要学多久？ 入门需要多长时间？
安检
html自学学多久
HTML和CSS要学多久？相信很多想要学习网页前端开发的小伙伴都会有这个疑问，今天W3Cschool小编就来和大家探讨一下这个问题。作为Web前端开发的基础，HTML和CSS是都是非常基础的语言，但是想要以此为工作的话，只是掌握HTML和CSS还是不够的，JS也需要学习。这样还不够，最好还能花一些时间学习一下近几年非常火的HTML5和CSS3，这样才能算是完全掌握了Web前端相关技术。如果单说HT
- 基于TS手写前端MVC框架简单实现购物车功能
千锋HTML5大前端
前端html5前端技术文章前端mvcjavascript
一、后端TS版搭起MVC架构的web服务器注意点：1.用TS写node服务器需要先下nodeAPI的TS库2.通过引入文件,通过回调方式,将参数传入引入文件进行不同层的联动操作3.事件侦听,抛发的方式完成路由操作项目目录说明：1.main:0)入口文件1)创建了main单例,在当前页面执行main实例的init方法,即直接nodemain.js开启服务2)init方法中根据引入的sever类,创建
- JS 中防抖函数的实现
海威的技术博客
javascript前端开发语言
constdebounce=(fun,time)=>{lettimer;return(...args)=>{letcontext=thisif(timer){clearTimeout(timer)}timer=setTimeout(()=>{fun.call(context,...args)},time)}}constevent=debounce(function(e){console.log(e
- .NET版Excel处理控件Aspose.Cells v20.2新增支持CSV到JSON的转换
Lee-Shyllen
Aspose文档管理文档格式转换aspose文件格式处理excel文档开发
Aspose.Cellsfor.NET是Excel电子表格编程API，可加快电子表格管理和处理任务，同时支持构建具有生成，修改，转换，呈现和打印电子表格功能的跨平台应用程序。近日，.NET版Aspose.Cellsfor.NET迎来了2020年2月更新，支持Pipe-delimited/CSV到JSON的转换和数据透视表与外部连接之间的链接，改善PivotTable.CalculateStyle的
- socket服务器断开消息,详解JS WebSocket断开原因和心跳机制
反海
socket服务器断开消息
1、断开原因WebSocket断开的原因有很多，最好在WebSocket断开时，将错误打印出来。ws.onclose=function(e){console.log('websocket断开:'+e.code+''+e.reason+''+e.wasClean)console.log(e)}错误状态码：WebSocket断开时，会触发CloseEvent,CloseEvent会在连接关闭时发送给使
- Python中如何获取HTTP请求的Response Body
傻啦嘿哟
关于python那些事儿pythonhttp开发语言
目录一、引言二、使用urllib库获取ResponseBody1.基本用法2.发送POST请求三、使用requests库获取ResponseBody1.安装requests库2.基本用法3.发送POST请求4.处理JSON响应四、高级用法1.处理请求头2.设置超时3.处理Cookies五、案例：爬取网页内容六、总结在Python中进行网络编程和Web开发时，经常需要发送HTTP请求并处理服务器返回
- 电机系统技术架构解析~小米汽车电机系统及智能门极驱动技术解析
清风明月自在愁
汽车总结架构
先解释什么是小米智能门极电机驱动技术:小米汽车的智能门极驱动技术是一种用于优化电动汽车电驱系统性能的先进技术，以下是对其的总结：核心概念•智能门极驱动：通过动态调节功率半导体器件的门极驱动强度，优化开关速度和电路稳定性，从而降低开关损耗、提高系统效率和续航里程。技术原理•动态调节门极电阻：•根据电动汽车的运行工况（如电流、电压、温度等），智能门极驱动技术可以动态调节门极电阻的大小。•在高电流工况下
- Flutter中使用WebView加载html页面时下载js_css文件的流程
LuiChun
Dartflutter
开发者文档用户界面代码注释技术文档《WebView》不同场景下的最佳称呼选择使用"Web视图控件"或"网页容器组件"面向开发人员使用"应用内浏览器"或"网页显示组件"面向最终用户使用"网页视图组件"或"内嵌浏览器组件"代码文档说明使用"混合视图组件"或"网页交互组件"技术方案文档开发者文档用户界面代码注释技术文档1：WebView加载HTML页面的资源下载机制：流程表达方式图1:WebView浏览
- 解线性方程组
qiuwanchi
package gaodai.matrix;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
public class Test {
public static void main(String[] args) {
Scanner scanner = new Sc
- 在mysql内部存储代码
annan211
性能mysql存储过程触发器
在mysql内部存储代码
在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。
先看优点：
1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。
2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。
3 可以简化代码的维护和版本更新。
4 可以帮助提升安全，比如提供更细
- Android使用Asynchronous Http Client完成登录保存cookie的问题
hotsunshine
android
Asynchronous Http Client是android中非常好的异步请求工具
除了异步之外还有很多封装比如json的处理，cookie的处理
引用
Persistent Cookie Storage with PersistentCookieStore
This library also includes a PersistentCookieStore whi
- java面试题
Array_06
java面试
java面试题
第一，谈谈final, finally, finalize的区别。
final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
- 网站加速
oloz
网站加速
前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教.
1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。
2、采用Gzip对网页进行压缩；
GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
- 正确书写单例模式
随意而生
java 设计模式 单例
单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。
懒汉式，线程不安全
当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
- 单例模式
香水浓
java
懒汉 调用getInstance方法时实例化
public class Singleton {
private static Singleton instance;
private Singleton() {}
public static synchronized Singleton getInstance() {
if(null == ins
- 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2"
AdyZhang
apachehttp server
安装Apache问题：系统找不到指定的文件 No installed service named "Apache2"
每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。
解决方法确保几处：
1、停止IIS启动
2、把端口80改成其它 （譬如90，800，，，什么数字都好）
3、防火墙(关掉试试)
在运行处输入 cmd 回车，转到apa
- 如何在android 文件选择器中选择多个图片或者视频？
aijuans
android
我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传
但是android原生态的sdk中，只能一个一个的进行选择和上传。
我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法
官方的图片选择器(但是不支持所有版本的androi，只支持API Level
- mysql中查询生日提醒的日期相关的sql
baalwolf
mysql
SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(), dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
- MongoDB索引文件破坏后导致查询错误的问题
BigBird2012
mongodb
问题描述：
MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。
解决方案：
使用脚本，重建MongoDB所有表的索引。
var names = db.getCollectionNames();
for( var i in names ){
var name = names[i];
print(name);
- Javascript Promise
bijian1013
JavaScriptPromise
Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。
一.认识Promises
“Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
- [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程
bit1129
zookeeper
Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是
public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
- 【Java命令三】jstack
bit1129
jstack
jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump
[hadoop@hadoop sbin]$ jstack
Usage:
jstack [-l] <pid>
(to connect to running process)
jstack -F
- jboss 5.1启停脚本 动静分离部署
ronin47
以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename -b ip -g clustername -u broatcast jboss.messaging.ServerPeerID=int -Djboss.service.binding.set=p
- UI之如何打磨设计能力?
brotherlamp
UIui教程ui自学ui资料ui视频
在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。
1.找到自己的方式
如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
- 三色旗算法
bylijinnan
java算法
import java.util.Arrays;
/**
问题：
假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序，
您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳
子上进行这个动作，而且一次只能调换两个旗子。
网上的解法大多类似：
在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
- 警告:No configuration found for the specified action: \'s
chiangfai
configuration
1.index.jsp页面form标签未指定namespace属性。
<!--index.jsp代码-->
<%@taglib prefix="s" uri="/struts-tags"%>
...
<s:form action="submit" method="post"&g
- redis -- hash_max_zipmap_entries设置过大有问题
chenchao051
redishash
使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑
#define ZIPMAP_BIGLEN 254
#define ZIPMAP_END 255
/* Return th
- select into outfile access deny问题
daizj
mysqltxt导出数据到文件
本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/
为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。
授权的语句如下：
grant select on armory.* to rn
- phpexcel导出excel表简单入门示例
dcj3sjt126com
PHPExcelphpexcel
<?php
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
if (PHP_SAPI == 'cli')
die('This example should only be run from a Web Brows
- 美国电影超短200句
dcj3sjt126com
电影
1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
- Java访问远程服务
dyy_gusi
httpclientwebservicegetpost
随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
- Maven的settings.xml配置
geeksun
settings.xml
settings.xml是Maven的配置文件，下面解释一下其中的配置含义：
settings.xml存在于两个地方：
1.安装的地方：$M2_HOME/conf/settings.xml
2.用户的目录：${user.home}/.m2/settings.xml
前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
- ubuntu的init与系统服务设置
hongtoushizi
ubuntu
转载自：
http://iysm.net/?p=178 init
Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。
ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。
运行
- 跟我学Nginx+Lua开发目录贴
jinnianshilongnian
nginxlua
使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。
目录
第一章 安装Nginx+Lua开发环境
第二章 Nginx+Lua开发入门
第三章 Redis/SSDB+Twemproxy安装与使用
第四章 L
- php位运算符注意事项
home198979
位运算PHP&
$a = $b = $c = 0;
$a & $b = 1;
$b | $c = 1
问a,b,c最终为多少?
当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0
但是位运算符是不会改变变量的值的，例如：
$a=1;$b=2;
$a&$b;
这样a,b的值不会有任何改变
- Linux shell数组建立和使用技巧
pda158
linux
1.数组定义 [chengmo@centos5 ~]$ a=(1 2 3 4 5) [chengmo@centos5 ~]$ echo $a 1 一对括号表示是数组，数组元素用“空格”符号分割开。
2.数组读取与赋值 得到长度： [chengmo@centos5 ~]$ echo ${#a[@]} 5 用${#数组名[@或
- hotspot源码(JDK7)
ol_beta
javaHotSpotjvm
源码结构图，方便理解：
├─agent Serviceab
- Oracle基本事务和ForAll执行批量DML练习
vipbooks
oraclesql
基本事务的使用：
从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚
select * from account;
-- 创建一张账户表
create table account(
-- 账户ID
id number(3) not null,
-- 账户名称
nam
