- 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
- 简单的回调函数理解
望外追晚
c++开发语言
使用两个脚本简单理解回调函数。简单来说,将函数B当做另一个函数A的参数进行调用。Demo1使用当前通用的std::function#include//包含std::function和std::bindusingnamespacestd;//普通函数voidmyCallbackFunction(intvalue,stringname){coutcallback,intdata,stringname)
- 用Uniapp开发鸿蒙项目 五
一、前言接着之前的学习,今天要给项目加上Tabs标签页和List列表功能。这俩在实际App里超常用,像底部导航切换页面、展示多条数据(比如联系人、商品列表),用它们就很合适。咱继续在现有demo1项目里折腾,把学习过程记下来。二、需求规划Tabs功能:在首页(index)底部加个Tabs,分“首页”“我的”两个标签,切换时能跳转到对应页面(虽然现在页面少,但先把结构搭好!)。List列表:在use
- React动态渲染:如何用map循环渲染一个列表(List)
程序员阿超的博客
Reactreact.js前端前端框架
React动态渲染:如何用map循环渲染一个列表(List)?系列回顾:在上一篇中,我们学习了如何通过onClick等事件处理,让React应用响应用户的操作。现在我们的组件已经能“听懂话”了。但是,目前为止我们展示的内容都是写死的。如果我们要展示一个从服务器获取的朋友列表,或者一个包含100件商品的清单,总不能在代码里一个一个地手写标签吧?欢迎来到React学习的第五站!今天,我们要学习一个非常
- 如何写Cursor的rules
小夏_来学习
vscodeAI编程ai
demo1你是一位经验丰富的项目经理,对于用户每一次提出的问题,都不急于编写代码,更多是通过深思熟虑、结构化的推理以产生高质量的回答,探索更多的可能方案,并从中寻找最佳方你具备以下能力:需求澄清1.能用自己的话清晰的复述用户提出的问题2.与用户建立高层级需求沟通3.提供类比案例帮助用户启发思考4.使用问题链追问来深入用户潜在需求5.解释主要挑战和限制条件6.整个思考过程,你可以用提问的方式,补全你
- react学习之旅十二:React动画库react-transition-group
居安_
reactreact
一、安装在终端输入npminstallreact-transition-group--save二、使用react-transition-group插件包含三个库:Transition、CSSTransition以及TransitionGroup。使用时需要引入动画库(引入需要使用的库即可):import{Transition,CSSTransition,TransitionGroup}from'r
- css和js3d粒子,升级版ThreeJS 3D粒子波浪动画
赖明星
css和js3d粒子
升级版ThreeJS3D粒子波浪动画2020-04-1223:07:221307编程开发效果图升级版demo2:改变粒子的形状demo2升级版demo1:改变粒子大小,颜色demo1ThreeJS官方示例:https://threejs.org/examples/#canvas_particles_wavesThreeJS官方示例原版粒子动画的JS部分也就一百多行代码吧,看明白不难。尽管如此,在实
- React学习03-react脚手架
Meowmow
Reactreact.js学习前端
文章目录工程化项目脚手架简介创建项目并启动public文件夹src文件夹创建一个Hello组件样式模块化VSCODE插件安装组件的编码化流程工程化项目脚手架简介脚手架用来帮助快速创建基于xxx库的模板项目,包含了所有需要的配置,下载好了所有相关依赖,可以直接运行一个简单的效果。使用脚手架的项目特点有:模块化、组件化、工程化。react脚手架:create-react-app项目的整体技术架构为re
- 11.面向对象编程OOP
Deerrrrrrr
JavaSE学习笔记javase抽象类多态面向对象编程
面向对象面向过程与面向对象面向过程:线性面向对象:分类,协作不可分割面向对象本质:以类的方式组织代码,以对象的组织封装数据核心思想:抽象三大特性:继承、封装、多态回顾方法方法定义packagecom.oop;importjava.io.IOException;//Demo1类publicclassDemo1{//main方法publicstaticvoidmain(String[]args){}/
- 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集成百度【JSAPI Three】教程(001):快速入门
文理棵
百度地图API调用百度apireact.jsthree.js
文章目录1、快速入门1.1创建react项目1.2安装与配置1.3静态资源配置1.4配置百度地图AK1.5第一个DEMO1、快速入门JSAPIThree版本是一套基于Three.js的三维数字孪生版本地图服务引擎,一套引擎即可支持2D、2.5D、3D全能力的地理投影与数据源加载,帮助开发者轻松搞定平面地图、三维场景,以及地球模式等多种地图业务场景需求。1.1创建react项目npmcreatevi
- 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
- Golang 日志接口应用实战
知其黑、受其白
golangjava开发语言
阅读目录日志库需求分析1日志库产生的背景2日志打印级别设置3日志存储的位置4日志库接口设计5日志库设计6文件日志格式demo1导入获取目录结构包,打印目录结构2新建获取目录结构包3新建文件日志包4新建用户应用引入文件日志包打印日志5新建终端日志包6新建用户应用引入文件日志包打印日志7使用接口解决以上日志没有使用接口产生的问题7.1使用包打印入职7.2定义打印日志接口规范文件7.3改造终端日志打印7
- Linux|超好用!绘制流程图神器——PlantUML
3D视觉工坊
3D视觉从入门到精通linux流程图ubuntu
文章目录一前言二plantuml的安装三如何使用plantuml3.1流程图demo13.2流程图demo23.3时序图demo1四在线使用plantuml绘制流程图总结一前言偶然间在项目中看到别人使用plantuml插件来绘制流程图,发现她绘制出来的效果真是太棒了。之前我常用的是ProcessOn,edraw,mindmanager,这些软件也是不错的,不过我发现plantuml是使用简单的程序
- 【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
- mondb入手
木zi_鸣
mongodb
windows 启动mongodb 编写bat文件,
mongod --dbpath D:\software\MongoDBDATA
mongod --help 查询各种配置
配置在mongob
打开批处理,即可启动,27017原生端口,shell操作监控端口 扩展28017,web端操作端口
启动配置文件配置,
数据更灵活 
- 大型高并发高负载网站的系统架构
bijian1013
高并发负载均衡
扩展Web应用程序
一.概念
简单的来说,如果一个系统可扩展,那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集,并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种:
1.
- DISPLAY变量和xhost(原创)
czmmiao
display
DISPLAY
在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
- 获取B/S客户端IP
周凡杨
java编程jspWeb浏览器
最近想写个B/S架构的聊天系统,因为以前做过C/S架构的QQ聊天系统,所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统,由于存在客户端Java应用,所以直接在代码中获取客户端的IP,应用的方法为:
String ip = InetAddress.getLocalHost().getHostAddress();
然而对于WEB
- 浅谈类和对象
朱辉辉33
编程
类是对一类事物的总称,对象是描述一个物体的特征,类是对象的抽象。简单来说,类是抽象的,不占用内存,对象是具体的,
占用存储空间。
类是由属性和方法构成的,基本格式是public class 类名{
//定义属性
private/public 数据类型 属性名;
//定义方法
publ
- android activity与viewpager+fragment的生命周期问题
肆无忌惮_
viewpager
有一个Activity里面是ViewPager,ViewPager里面放了两个Fragment。
第一次进入这个Activity。开启了服务,并在onResume方法中绑定服务后,对Service进行了一定的初始化,其中调用了Fragment中的一个属性。
super.onResume();
bindService(intent, conn, BIND_AUTO_CREATE);
- base64Encode对图片进行编码
843977358
base64图片encoder
/**
* 对图片进行base64encoder编码
*
* @author mrZhang
* @param path
* @return
*/
public static String encodeImage(String path) {
BASE64Encoder encoder = null;
byte[] b = null;
I
- Request Header简介
aigo
servlet
当一个客户端(通常是浏览器)向Web服务器发送一个请求是,它要发送一个请求的命令行,一般是GET或POST命令,当发送POST命令时,它还必须向服务器发送一个叫“Content-Length”的请求头(Request Header) 用以指明请求数据的长度,除了Content-Length之外,它还可以向服务器发送其它一些Headers,如:
- HttpClient4.3 创建SSL协议的HttpClient对象
alleni123
httpclient爬虫ssl
public class HttpClientUtils
{
public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){
SSLContext sslContext=null;
try
{
sslContext=new SSLContextBuilder().l
- java取反 -右移-左移-无符号右移的探讨
百合不是茶
位运算符 位移
取反:
在二进制中第一位,1表示符数,0表示正数
byte a = -1;
原码:10000001
反码:11111110
补码:11111111
//异或: 00000000
byte b = -2;
原码:10000010
反码:11111101
补码:11111110
//异或: 00000001
- java多线程join的作用与用法
bijian1013
java多线程
对于JAVA的join,JDK 是这样说的:join public final void join (long millis )throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
- Java发送http请求(get 与post方法请求)
bijian1013
javaspring
PostRequest.java
package com.bijian.study;
import java.io.BufferedReader;
import java.io.DataOutputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.HttpURL
- 【Struts2二】struts.xml中package下的action配置项默认值
bit1129
struts.xml
在第一部份,定义了struts.xml文件,如下所示:
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts
- 【Kafka十三】Kafka Simple Consumer
bit1129
simple
代码中关于Host和Port是割裂开的,这会导致单机环境下的伪分布式Kafka集群环境下,这个例子没法运行。
实际情况是需要将host和port绑定到一起,
package kafka.examples.lowlevel;
import kafka.api.FetchRequest;
import kafka.api.FetchRequestBuilder;
impo
- nodejs学习api
ronin47
nodejs api
NodeJS基础 什么是NodeJS
JS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,NodeJS就是一个解析器。
每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了docum
- java-64.寻找第N个丑数
bylijinnan
java
public class UglyNumber {
/**
* 64.查找第N个丑数
具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url]
*
题目:我们把只包含因子
2、3和5的数称作丑数(Ugly Number)。例如6、8都是丑数,但14
- 二维数组(矩阵)对角线输出
bylijinnan
二维数组
/**
二维数组 对角线输出 两个方向
例如对于数组:
{ 1, 2, 3, 4 },
{ 5, 6, 7, 8 },
{ 9, 10, 11, 12 },
{ 13, 14, 15, 16 },
slash方向输出:
1
5 2
9 6 3
13 10 7 4
14 11 8
15 12
16
backslash输出:
4
3
- [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新)
comsci
工作流
既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理
大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
- redis常见使用
cuityang
redis常见使用
redis 通常被认为是一个数据结构服务器,主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets
引入jar包 jedis-2.1.0.jar (本文下方提供下载)
package redistest;
import redis.clients.jedis.Jedis;
public class Listtest
- 配置多个redis
dalan_123
redis
配置多个redis客户端
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&quo
- attrib命令
dcj3sjt126com
attr
attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.
只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.
存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件.
- Yii使用公共函数
dcj3sjt126com
yii
在网站项目中,没必要把公用的函数写成一个工具类,有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用,成为公用的函数集合。 function.php如下:
<?php /** * This is the shortcut to D
- linux 系统资源的查看(free、uname、uptime、netstat)
eksliang
netstatlinux unamelinux uptimelinux free
linux 系统资源的查看
转载请出自出处:http://eksliang.iteye.com/blog/2167081
http://eksliang.iteye.com 一、free查看内存的使用情况
语法如下:
free [-b][-k][-m][-g] [-t]
参数含义
-b:直接输入free时,显示的单位是kb我们可以使用b(bytes),m
- JAVA的位操作符
greemranqq
位运算JAVA位移<<>>>
最近几种进制,加上各种位操作符,发现都比较模糊,不能完全掌握,这里就再熟悉熟悉。
1.按位操作符 :
按位操作符是用来操作基本数据类型中的单个bit,即二进制位,会对两个参数执行布尔代数运算,获得结果。
与(&)运算:
1&1 = 1, 1&0 = 0, 0&0 &
- Web前段学习网站
ihuning
Web
Web前段学习网站
菜鸟学习:http://www.w3cschool.cc/
JQuery中文网:http://www.jquerycn.cn/
内存溢出:http://outofmemory.cn/#csdn.blog
http://www.icoolxue.com/
http://www.jikexue
- 强强联合:FluxBB 作者加盟 Flarum
justjavac
r
原文:FluxBB Joins Forces With Flarum作者:Toby Zerner译文:强强联合:FluxBB 作者加盟 Flarum译者:justjavac
FluxBB 是一个快速、轻量级论坛软件,它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写,并已经开发了一段时间。FluxBB 看起来非常有前途的,
- java统计在线人数(session存储信息的)
macroli
javaWeb
这篇日志是我写的第三次了 前两次都发布失败!郁闷极了!
由于在web开发中常常用到这一部分所以在此记录一下,呵呵,就到备忘录了!
我对于登录信息时使用session存储的,所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。
1、实现接口类,在web.xml文件中配置监听类,从而可以使该类完成其工作。
public class Ses
- bootstrp carousel初体验 快速构建图片播放
qiaolevip
每天进步一点点学习永无止境bootstrap纵观千象
img{
border: 1px solid white;
box-shadow: 2px 2px 12px #333;
_width: expression(this.width > 600 ? "600px" : this.width + "px");
_height: expression(this.width &
- SparkSQL读取HBase数据,通过自定义外部数据源
superlxw1234
sparksparksqlsparksql读取hbasesparksql外部数据源
关键字:SparkSQL读取HBase、SparkSQL自定义外部数据源
前面文章介绍了SparSQL通过Hive操作HBase表。
SparkSQL从1.2开始支持自定义外部数据源(External DataSource),这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0,简单介绍SparkSQL自定义外部数据源,访
- Spring Boot 1.3.0.M1发布
wiselyman
spring boot
Spring Boot 1.3.0.M1于6.12日发布,现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下:
1.提供一个新的sprin