- React基础笔记---小黑是小白
小黑是小白
reactreact.js学习笔记1024程序员节
react学习前置准备学习网站网址种类React中文React中文文档文档ReactRouterReactRouter6中文文档路由ReactRouterReactRouter路由zustandzustand状态管理TanStackQueryTanStackQuery中文文档请求管理,路由reduxRTK状态管理,请求管理FetchFetch-MDN请求fontawesome图标fontaweso
- react学习小记
LL_wjj
typescript前端react.js学习typescript
React:react和vue的不同:vue:双向数据流,他的数据绑定依赖数据劫持,object.defineProperty()中的getter和setter。更形视图是采用MVVMReact:单向数据流,依赖onChange/setState模式,来实现数据双向绑定vue:组件传值方式,props和data来进行传值react:组件传值方式,props和state来进行传值都可以通过写一个ev
- React 学习计划
夜游猿
Reactreact.js学习前端
React学习计划前置知识目标熟练掌握HTML、CSS和JavaScript的基础知识。了解ES6+的新特性。学习内容HTML:标签属性表单布局CSS:选择器盒模型布局(Flexbox,Grid)响应式设计JavaScript:变量数据类型控制结构函数对象数组DOM操作ES6+:箭头函数模板字符串解构赋值类模块化资源MDNWeb文档《你不知道的JavaScript》(上卷)React基础目标能够创
- React 元素渲染
小晗同学
Reactreactjsprops组件化
React学习:元素渲染元素是构成React应用的最小砖块,它描述了你在屏幕上想看到的内容。constelement=Hello,world;与浏览器的DOM元素不同,React元素是创建开销极小的普通对象。ReactDOM会负责更新DOM来与React元素保持一致。React元素是不可变对象。一旦被创建,你就无法更改它的子元素或者属性。但是将元素或属性封装到有状态组件中,就可以实现更新渲染。Re
- React动态渲染:如何用map循环渲染一个列表(List)
程序员阿超的博客
Reactreact.js前端前端框架
React动态渲染:如何用map循环渲染一个列表(List)?系列回顾:在上一篇中,我们学习了如何通过onClick等事件处理,让React应用响应用户的操作。现在我们的组件已经能“听懂话”了。但是,目前为止我们展示的内容都是写死的。如果我们要展示一个从服务器获取的朋友列表,或者一个包含100件商品的清单,总不能在代码里一个一个地手写标签吧?欢迎来到React学习的第五站!今天,我们要学习一个非常
- react学习之旅十二:React动画库react-transition-group
居安_
reactreact
一、安装在终端输入npminstallreact-transition-group--save二、使用react-transition-group插件包含三个库:Transition、CSSTransition以及TransitionGroup。使用时需要引入动画库(引入需要使用的库即可):import{Transition,CSSTransition,TransitionGroup}from'r
- React学习03-react脚手架
Meowmow
Reactreact.js学习前端
文章目录工程化项目脚手架简介创建项目并启动public文件夹src文件夹创建一个Hello组件样式模块化VSCODE插件安装组件的编码化流程工程化项目脚手架简介脚手架用来帮助快速创建基于xxx库的模板项目,包含了所有需要的配置,下载好了所有相关依赖,可以直接运行一个简单的效果。使用脚手架的项目特点有:模块化、组件化、工程化。react脚手架:create-react-app项目的整体技术架构为re
- React学习教程(开发文档、学习文档)
大卡拉米
react.js学习前端
ReactReact前言官方文档React18中文文档1(国内社区):https://react.docschina.org/React18中文文档2(官方):https://zh-hans.reactjs.orgReact18英文文档:https://reactjs.orgReact17英文文档:https://17.reactjs.orgreact概述React是一个用于动态构建用户界面的Js
- 【react学习】React + Hooks + TypeScript:父组件调用子组件的方法
luckyMuses
react.js学习typescript
父组件:importReact,{createRef,useRef}from"react";importChildfrom"./child";constParent=function(){//react17的写法constchildRef=useRef(null);//react18的写法constchildRef=createRef();return({childRef.current.getD
- React学习(三)-函数概览
香蕉可乐荷包蛋
Reactreact.js学习前端
在React中,函数是构建组件和处理逻辑的核心部分。React函数可以分为以下几类:1.函数组件用途:用于定义无状态或使用Hooks的组件。语法:functionMyComponent(props){returnHello,{props.name}!;}特点:函数组件是纯函数,接收props并返回JSX。可以使用Hooks(如useState、useEffect)来管理状态和副作用。2.箭头函数组
- React学习———Redux 、 React Redux和react-persist
邝邝邝邝丹
React学习前端
ReduxRedux是一个流行的JavaScript状态管理库,通常用于React等前端框架结合使用。Redux的设计思想是让应用的状态变得可预测、可追踪、易于调试和测试。Redux的核心l理念单一数据源:整个应用的状态被存储在一个唯一的Store对象中,所有组件都从这个Store读取数据状态只读:唯一改变状态的方法时触发action,不能直接修改state使用纯函数来执行修改:Reducer处理
- React学习———React Router
邝邝邝邝丹
React学习react.js学习前端
ReactRouterReactRouter是React应用中用于管理路由的流行库,它允许你在单页应用(SPA)中实现导航和页面切换而无需重新加载页面。安装npminstallreact-router-dom核心组件使用HTML5的历史记录API(pushState、replaceState和popstate事件)来保持UI与URL的同步。通常包裹在应用的根组件中,提供基于浏览器历史记录的路由功能
- React学习-路由(day5)
_r0bin_
react.js学习前端
前端路由:一个path对应一个组件component。当我们在浏览器中访问一个path的时候,path对应的组件会在页面中进行渲染。简单的使用案例:importReactfrom'react';importReactDOMfrom'react-dom/client';import'./index.css';importAppfrom'./App';importreportWebVitalsfrom
- 播客专栏 Vol.1|《TypeScript 与 React 学习指南》值得你认真听完一遍!
前端达人
typescriptreact.jsjavascript前端ecmascript
每周一更·听播客,系统掌握React+TypeScript你是不是也遇到过这些情况?React会用,但组件逻辑总写得很乱?TypeScript想学,却一直没时间啃文档?状态管理、接口调用、组件复用总觉得差点意思?别担心,我们的新播客专栏来了!播客专栏介绍React+TypeScript系统实战书单精讲《TypeScript与React学习指南》这本书,每期讲一章,帮你从入门走向工程化项目实战。第一
- React学习路线-Deepseek版
LuckyLay
react.js学习前端
前端开发学习路线图(React方向)一、基础阶段:HTML、CSS和JavaScript目标:掌握网页开发的基础三件套。HTML:•学习内容:基本结构、常用标签(,,等)、语义化标签(HTML5)。•资源:◦MDNHTML入门◦书籍:《HTML&CSS设计与构建网站》(JonDuckett)CSS:•学习内容:选择器、盒模型、Flexbox、Grid、响应式设计(媒体查询)。•资源:◦MDNCSS
- React学习(day1)
_r0bin_
react.js学习前端
npmcreatevite@latest创建react项目什么是JSX(jsx)是JavaScript和XML(HTML)的缩写,表示在js代码中编写HTML模板结构,它是react中编写UI模板的方式。(js)的语法扩展在jsx中使用js表达式通过大括号语法{}识别,比如常见的变量、函数调用、方法调用等使用引号传递字符串使用javaScript变量函数调用和方法调用使用javaScript对象注
- react学习笔记2——基于React脚手架与ajax
qq_58956810
react.js学习笔记ajax
使用create-react-app创建react应用react脚手架xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库:create-react-app项目的整体技术架构为:react+webpack+es6+eslint
- react学习笔记,ReactDOM,react-router-dom
跟着阿龙学编程
react.js学习笔记
react学习1.下载与安装下载npminstall-gcreate-react-app安装npxcreate-react-appxxx推荐npminitreact-appxxxyarncreatereact-appxxx2.创建react元素indexjs文件importReactfrom"react";importReactDOMfrom"react-dom";//1创建react元素cons
- React学习-利用props属性实现导航栏切换
小黄不辣几
react.js学习javascript
今天学习了react中的props属性,并使用这个属性做了一个导航栏切换的demo效果,分享给大家!最终展示效果1.首先准备目录结构,大家可以根据自己项目情况而定2.容器中的代码importNavfrom"./Nav"importMainFirstfrom"./component/MainFirst"importMainSecondefrom"./component/MainSeconde"imp
- zustand 状态管理库的使用 结合TS
珊珊而川
ts开发知识react
zustand是一个用于React应用的简单、快速且零依赖的状态管理库。它使用简单的钩子(hooks)API来创建全局状态,使得在组件之间共享状态变得容易。React学习Day10基本用法安装:首先,你需要安装zustand库。npminstallzustand创建一个状态存储:使用createStore函数来创建一个新的状态存储。设置初始状态:你可以提供一个对象作为初始状态,对象的每个属性都将成
- React学习(五)React组件属性之三refs
qq_52551375
react.js学习javascript
refs的简单使用1.字符串形式的refDocument-->//创建classDemoextendsReact.Component{//展示左侧输入框的数据showData=()=>{console.log(this.refs)const{input1}=this.refsalert(input1.value)}//展示右侧输入框的数据showData2=()=>{const{input2}=t
- 【React学习笔记】第一章:React入门
Mae_cpski
前端-Reactreact.js学习笔记
1.React介绍中文官网:https://react.docschina.org/英文官网:https://reactjs.org/1.1React是什么react是一个用于构建用户界面的开源JavaScript库。(操作DOM呈现页面)由Facebook的软件工程师JordanWalke创建,于2011年部署于Facebook的newsfeed;2012年部署于Instagram;2013年5
- React学习笔记20
充气大锤
React学习笔记学习笔记javascript前端算法开发语言react.js
一、React.forward1.1、作用通过ref暴露子组件的DOM1.2、场景说明1.3、语法实现//子组件constInput=forwardRef((props,ref)=>{return})//父组件functionfather_component(){constinputRef=useRef(null)constfocus=(ref)=>{ref.current.focus()}ret
- React学习笔记16
充气大锤
React学习笔记react.js学习笔记javascript前端vue.js
一、useReducer作用:和useState的作用类似,用来管理相对复杂的状态数据使用:1、定义一个reducer函数(根据不同的action返回不同的新状态)2、在组件中调用useReducer,并传入reducer函数的状态和初始值import{useReducer}from"react"functionreducer(state,action){switch(action.type){c
- React学习六(Ant Design of React)
二十一块石头
Reactreact.js学习javascript
文章目录一、特性二、使用过程1、安装2、antd引用三、antd的组件库1、Button按钮2、message消息框(1)Promise接口(2)API(3)以对象的形式传递参数3、Menu组件4、Breadcrumb面包屑5、Layout布局(1)设计规则(2)组件概述(3)代码演示6、Divider分割线7、Grid栅格8、Form表单9、Input组件10、Table表格举例antd是基于A
- React学习笔记07
充气大锤
React学习笔记react.js学习笔记开发语言vue.js前端
一、自定义Hook函数概念:自定义Hook是以use打头的函数,通过自定义Hook函数可以用来实现逻辑的封装和复用来个小需求:点击toggle按钮时控制div的显示和隐藏不封装直接实现:functionApp(){const[state,set_state]=useState(true)consttoggle=()=>set_state(!state)return({state&&thisisdi
- react学习:自定义hook
大神乔伊
reactreactjs
问题导向react自定义hook如果你都有了答案,可以忽略本文章,或去react学习地图寻找更多答案自定义hook(封装)类型:函数作用:逻辑复用,本质是函数,可以多次调用语法:名称以use开头,函数内部可以调用其他的Hook简单例子一个获取年龄的自定义Hookimport{useState,useEffect}from'react';functionuseAge(){const[age,setA
- React学习笔记(组件通信)_千峰教育 react
m0_54846402
程序员react.js学习笔记
reduxprinciple-+//定义一个dispatch的方法,接收到动作之后,自动调用constdispatch=(action)=>{changeState(action)renderCount(countState)}```创建createStore方法Reduxprinciple02reduxprinciple-+//定义一个方法,用于集中管理state和dispatchconstcr
- React学习笔记04
充气大锤
React学习笔记react.js学习笔记vue.js前端
一、理解组件通信组件通信就是组件间的数据传递,根据组件嵌套关系的不同,有不同的通信方法。在Vue中组件通信是我们组件间传递数据的一种最常用的方法,我们在Vue中使用props来实现父传子,用$emit实现子传父,在React中如何实现呢?1.1、父传子:1、父组件传递数据:在子组件标签身上绑定属性2、子组件接收数据:props的参数functionSon(props){return{props.n
- React学习笔记
26:28
Reactreact.js学习笔记
1、React初步认识React构建Web和原生交互界面的库,相较于其它前端框架的优势,具有丰富的生态跨平台支持。1.1、React的开发依赖开发React必须依赖三个库:react:包含react所必须的核心代码;react-dom:react渲染在不同平台所需要的核心代码;babel:将jsx转换成React代码的工具;1.2、VSCode代码片段我们在前面练习React的过程中,有些代码片段
- Enum 枚举
120153216
enum枚举
原文地址:http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration
于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型,比如四个季节、扑克花色。在出现enum type之前,通常用一组int常量表示枚举类型。比如这样:
public static final int APPLE_FUJI = 0
- Java8简明教程
bijian1013
javajdk1.8
Java 8已于2014年3月18日正式发布了,新版本带来了诸多改进,包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。
一.允许在接口中有默认方法实现
Java 8 允许我们使用default关键字,为接口声明添
- Oracle表维护 快速备份删除数据
cuisuqiang
oracle索引快速备份删除
我知道oracle表分区,不过那是数据库设计阶段的事情,目前是远水解不了近渴。
当前的数据库表,要求保留一个月数据,且表存在大量录入更新,不存在程序删除。
为了解决频繁查询和更新的瓶颈,我在oracle内根据需要创建了索引。但是随着数据量的增加,一个半月数据就要超千万,此时就算有索引,对高并发的查询和更新来说,让然有所拖累。
为了解决这个问题,我一般一个月会进行一次数据库维护,主要工作就是备
- java多态内存分析
麦田的设计者
java内存分析多态原理接口和抽象类
“ 时针如果可以回头,熟悉那张脸,重温嬉戏这乐园,墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗?这大时代会不会牵挂,过去现在花开怎么会等待。
但有种意外不管痛不痛都有伤害,光阴远远离开,那笑声徘徊与脑海。但这一秒可笑不再可爱,当天心
- Xshell实现Windows上传文件到Linux主机
被触发
windows
经常有这样的需求,我们在Windows下载的软件包,如何上传到远程Linux主机上?还有如何从Linux主机下载软件包到Windows下;之前我的做法现在看来好笨好繁琐,不过也达到了目的,笨人有本方法嘛;
我是怎么操作的:
1、打开一台本地Linux虚拟机,使用mount 挂载Windows的共享文件夹到Linux上,然后拷贝数据到Linux虚拟机里面;(经常第一步都不顺利,无法挂载Windo
- 类的加载ClassLoader
肆无忌惮_
ClassLoader
类加载器ClassLoader是用来将java的类加载到虚拟机中,类加载器负责读取class字节文件到内存中,并将它转为Class的对象(类对象),通过此实例的 newInstance()方法就可以创建出该类的一个对象。
其中重要的方法为findClass(String name)。
如何写一个自己的类加载器呢?
首先写一个便于测试的类Student
- html5写的玫瑰花
知了ing
html5
<html>
<head>
<title>I Love You!</title>
<meta charset="utf-8" />
</head>
<body>
<canvas id="c"></canvas>
- google的ConcurrentLinkedHashmap源代码解析
矮蛋蛋
LRU
原文地址:
http://janeky.iteye.com/blog/1534352
简述
ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢?其实它本身是对
ConcurrentHashMap的封装,可以用来实现一个基于LRU策略的缓存。详细介绍可以参见
http://code.google.com/p/concurrentlinke
- webservice获取访问服务的ip地址
alleni123
webservice
1. 首先注入javax.xml.ws.WebServiceContext,
@Resource
private WebServiceContext context;
2. 在方法中获取交换请求的对象。
javax.xml.ws.handler.MessageContext mc=context.getMessageContext();
com.sun.net.http
- 菜鸟的java基础提升之道——————>是否值得拥有
百合不是茶
1,c++,java是面向对象编程的语言,将万事万物都看成是对象;java做一件事情关注的是人物,java是c++继承过来的,java没有直接更改地址的权限但是可以通过引用来传值操作地址,java也没有c++中繁琐的操作,java以其优越的可移植型,平台的安全型,高效性赢得了广泛的认同,全世界越来越多的人去学习java,我也是其中的一员
java组成:
- 通过修改Linux服务自动启动指定应用程序
bijian1013
linux
Linux中修改系统服务的命令是chkconfig (check config),命令的详细解释如下: chkconfig
功能说明:检查,设置系统的各种服务。
语 法:chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level <</SPAN>
- spring拦截器的一个简单实例
bijian1013
javaspring拦截器Interceptor
Purview接口
package aop;
public interface Purview {
void checkLogin();
}
Purview接口的实现类PurviesImpl.java
package aop;
public class PurviewImpl implements Purview {
public void check
- [Velocity二]自定义Velocity指令
bit1129
velocity
什么是Velocity指令
在Velocity中,#set,#if, #foreach, #elseif, #parse等,以#开头的称之为指令,Velocity内置的这些指令可以用来做赋值,条件判断,循环控制等脚本语言必备的逻辑控制等语句,Velocity的指令是可扩展的,即用户可以根据实际的需要自定义Velocity指令
自定义指令(Directive)的一般步骤
&nbs
- 【Hive十】Programming Hive学习笔记
bit1129
programming
第二章 Getting Started
1.Hive最大的局限性是什么?一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce),不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的?Hive persists table schemas and other system metadata.
- nginx有选择性进行限制
ronin47
nginx 动静 限制
http {
limit_conn_zone $binary_remote_addr zone=addr:10m;
limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;...
server {...
location ~.*\.(gif|png|css|js|icon)$ {
- java-4.-在二元树中找出和为某一值的所有路径 .
bylijinnan
java
/*
* 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it.
* 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
- Netty学习笔记
bylijinnan
javanetty
本文是阅读以下两篇文章时:
http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html
http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html
我的一些笔记
===
- js获取项目路径
cngolon
js
//js获取项目根路径,如: http://localhost:8083/uimcardprj
function getRootPath(){
//获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.locati
- oracle 的性能优化
cuishikuan
oracleSQL Server
在网上搜索了一些Oracle性能优化的文章,为了更加深层次的巩固[边写边记],也为了可以随时查看,所以发表这篇文章。
1.ORACLE采用自下而上的顺序解析WHERE子句,根据这个原理,表之间的连接必须写在其他WHERE条件之前,那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。(这点本人曾经做过实例验证过,的确如此哦!
- Shell变量和数组使用详解
daizj
linuxshell变量数组
Shell 变量
定义变量时,变量名不加美元符号($,PHP语言中变量需要),如:
your_name="w3cschool.cc"
注意,变量名和等号之间不能有空格,这可能和你熟悉的所有编程语言都不一样。同时,变量名的命名须遵循如下规则:
首个字符必须为字母(a-z,A-Z)。
中间不能有空格,可以使用下划线(_)。
不能使用标点符号。
不能使用ba
- 编程中的一些概念,KISS、DRY、MVC、OOP、REST
dcj3sjt126com
REST
KISS、DRY、MVC、OOP、REST (1)KISS是指Keep It Simple,Stupid(摘自wikipedia),指设计时要坚持简约原则,避免不必要的复杂化。 (2)DRY是指Don't Repeat Yourself(摘自wikipedia),特指在程序设计以及计算中避免重复代码,因为这样会降低灵活性、简洁性,并且可能导致代码之间的矛盾。 (3)OOP 即Object-Orie
- [Android]设置Activity为全屏显示的两种方法
dcj3sjt126com
Activity
1. 方法1:AndroidManifest.xml 里,Activity的 android:theme 指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例: <application
- solrcloud 部署方式比较
eksliang
solrCloud
solrcloud 的部署其实有两种方式可选,那么我们在实践开发中应该怎样选择呢? 第一种:当启动solr服务器时,内嵌的启动一个Zookeeper服务器,然后将这些内嵌的Zookeeper服务器组成一个集群。 第二种:将Zookeeper服务器独立的配置一个集群,然后将solr交给Zookeeper进行管理
谈谈第一种:每启动一个solr服务器就内嵌的启动一个Zoo
- Java synchronized关键字详解
gqdy365
synchronized
转载自:http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html
多线程的同步机制对资源进行加锁,使得在同一个时间,只有一个线程可以进行操作,同步用以解决多个线程同时访问时可能出现的问题。
同步机制可以使用synchronized关键字实现。
当synchronized关键字修饰一个方法的时候,该方法叫做同步方法。
当s
- js实现登录时记住用户名
hw1287789687
记住我记住密码cookie记住用户名记住账号
在页面中如何获取cookie值呢?
如果是JSP的话,可以通过servlet的对象request 获取cookie,可以
参考:http://hw1287789687.iteye.com/blog/2050040
如果要求登录页面是html呢?html页面中如何获取cookie呢?
直接上代码了
页面:loginInput.html
代码:
<!DOCTYPE html PUB
- 开发者必备的 Chrome 扩展
justjavac
chrome
Firebug:不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench
ChromeSnifferPlus:Chrome 探测器,可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
- 算法机试题
李亚飞
java算法机试题
在面试机试时,遇到一个算法题,当时没能写出来,最后是同学帮忙解决的。
这道题大致意思是:输入一个数,比如4,。这时会输出:
&n
- 正确配置Linux系统ulimit值
字符串
ulimit
在Linux下面部 署应用的时候,有时候会遇上Socket/File: Can’t open so many files的问题;这个值也会影响服务器的最大并发数,其实Linux是有文件句柄限制的,而且Linux默认不是很高,一般都是1024,生产服务器用 其实很容易就达到这个数量。下面说的是,如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了,所以我将这篇归纳进
- hibernate调用返回游标的存储过程
Supanccy2013
javaDAOoracleHibernatejdbc
注:原创作品,转载请注明出处。
上篇博文介绍的是hibernate调用返回单值的存储过程,本片博文说的是hibernate调用返回游标的存储过程。
此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。
1,创建oracle中的包,并在该包中创建的游标类型。
---创建oracle的程
- Spring 4.2新特性-更简单的Application Event
wiselyman
application
1.1 Application Event
Spring 4.1的写法请参考10点睛Spring4.1-Application Event
请对比10点睛Spring4.1-Application Event
使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低;
1.2 示例
包依赖
<p