![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习
糖送圆茗亲
学习
展开
-
IDEA创建java web项目,,适合初学的萌新
自己摸索IDEA创建常用项目以达到和其他IDE同样的效果目标一、创建一个普通java web项目,并配置tomcat以部署并发布第一步:创建新项目,选择java -> Web Application -> Next -> 为项目命名 -> Finish第二步:修改index.jsp和web.xml (web.xml在这里不一定需要改,个人习惯)随便加点东西,...原创 2019-07-08 00:27:04 · 204 阅读 · 0 评论 -
react09_表单
react 表单1.input输入框react中用state来设置输入框的值,获取的时候直接获取this.state.inputValue即可class InputForm extends React.Component { constructor(props) { super(props); this.state = {inputValue: ''...原创 2019-10-09 16:03:23 · 98 阅读 · 0 评论 -
react08_列表&Key
react 列表&Key循环输出想显示的内容//想输出的单个项目function MsgItem(props) { return <p id={props.num}>第{props.num}条信息 <button name={props.num}>删除</button></p>;}f...原创 2019-10-09 16:02:30 · 81 阅读 · 0 评论 -
react07_条件渲染
react 条件渲染阻止组件渲染在定义组件的render()方法中返回null可阻止该组件渲染页面初始是显示警告消息的,当点击Hide后,state中的showWarning变为false,这导致警告消息组件被阻止渲染,即隐藏了警告消息function WarningBanner(props) { if (!props.warn) { return null; ...原创 2019-10-09 16:01:50 · 91 阅读 · 0 评论 -
react06_事件处理
react 事件处理一、react事件1.事件的定义React 事件的命名采用小驼峰式(camelCase),而不是纯小写。使用 JSX 语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。function activateLasers(){ ...}<button onClick={activateLasers}> Activate Lase...原创 2019-10-09 16:00:40 · 115 阅读 · 0 评论 -
react05_state&生命周期
react state&生命周期ps:本文大部分资料、内容来自react官方文档在元素渲染中写的计时器,通过每秒执行一次ReactDOM.render()来更新页面,但现在希望只写一次代码,只调用一次ReactDOM.render()就能让<Clock />组件自动更新,这需要在<Clock />组件中添加state.一、实现步骤:创建一个同名的 ES6...原创 2019-10-07 11:46:28 · 369 阅读 · 0 评论 -
react04_组件&props
react 组件&props一、函数组件和类组件1.函数组件有效的react函数组件,接受唯一的参数props,并返回一个react元素,在本质上是一个JavaScript函数function Welcome(props){ return <h2>Welcome, {props.name}</h2>}2.类组件类组件是一个es6的class...原创 2019-10-07 11:43:33 · 84 阅读 · 0 评论 -
react03_jsx
react JSX一、JSX官方概述先来一行代码const element = <h2>Hello, tsymq!</h2>;这个标签语法不是一个字符串,也不是HTML,这中语法称为JSX,是一种JavaScript 的语法扩展,它具有 JavaScript 的全部功能。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展,它有以下优点:JS...原创 2019-10-07 11:42:35 · 108 阅读 · 0 评论 -
react02_元素渲染
react元素渲染一、更新元素渲染react元素都是不可变的,当元素被创建渲染后,就无法改变它的属性或内容,更新的唯一方法就是创建一个新的元素,将其传入**ReactDOM.render()**方法,将内容再次渲染。例如网页中的计时器,每秒更新一次当前时间:function timer() { const ele = ( <div> ...原创 2019-10-07 11:41:38 · 96 阅读 · 0 评论 -
react01_安装
react安装——直接使用一、普通方式,在HTML中引入react所需的库,可通过cdn引入库:react、react-dom、babel(用于编译jsx,将其编译为js,也用于将es6转换为es5)<script src="https://unpkg.com/react@16/umd/react.development.js"></script><scrip...原创 2019-10-07 11:40:00 · 96 阅读 · 0 评论 -
设计模式——抽象工厂模式
设计模式——抽象工厂模式1. 理解抽象工厂模式抽象工厂模式并不想其他工厂模式那样可以自由增加新产品,可以容易的调整生产的流水线,它是用来生产不同产品族的全部产品的抽象工厂模式可以看做是工厂模式的升级版,它是可以生产工厂的超级工厂,在有很多个业务品牌、业务分类时,通过抽象工厂模式生产需要的对象是一种非常好的解决方案。也可以这样来理解抽象工厂模式2. 使用抽象工厂模式场景:现在有分...原创 2019-09-14 18:33:30 · 206 阅读 · 0 评论 -
设计模式——工厂方法模式
设计模式——工厂方法模式1.面向对象设计的基本原则在了解这个模式之前,先简单了解一下面向对象设计的基本原则OCP(开闭原则:Open-Closed Principe):一个软件的实体应当对扩展开放,对修改关闭。这就意味着,以后要扩展新的功能,不能对当前的类进行修改来实现,而是通过增加新的类来实现。DIP(依赖倒转原则,Dependence Inversion Principle):要针对...原创 2019-09-14 18:28:23 · 139 阅读 · 0 评论 -
设计模式——简单工厂模式
文章目录设计模式——简单工厂模式1.对工厂模式的理解假设一个很简单的场景:最简单的解决办法:1.1工厂模式2.简单工厂模式2.1 明确我们要生产的东西2.2 不同的手机有不同的品牌、设计图2.3 然后把设计图给工厂2.4 获取产品3.总结和问题总结问题设计模式——简单工厂模式1.对工厂模式的理解同样的一个理论原则,每个人的理解方式不一样,不过有简单法则,尽量让一切都保持简单,所以我尽量用一种...原创 2019-09-14 16:09:01 · 109 阅读 · 0 评论 -
更改html单选按钮、复选框样式 纯css+html
在html的大部分元素中,是可以直接设置它的背景样式的,但其中就不包括radio和checkbox说实话这两个东西原本的样式确实不怎么好看,所以在很多设计中都会更改方法多种多样,这是我觉得最简单直接的一种,原理是用另一个元素来代替按钮的位置,并更改其背景图片这是我用的背景图片直接上代码:<!DOCTYPE html><html> <head&g...原创 2019-08-31 16:41:59 · 1774 阅读 · 1 评论 -
Javascript初学基础(二)
Javascript初学基础(二)javascript事件事件是可以被javascript侦测到的行为html事件是发生在html元素上的事情HTML事件html事件可以是浏览器行为,也可以是用户行为html网页中每个元素都可以产生某些触发javascript函数的事件html加载完成时html input字段改变时html按钮被点击时例如,当button...原创 2019-08-27 14:56:05 · 85 阅读 · 0 评论 -
javascript最基础、最直观入门姿势
Javascript初学基础(一)最近我也在学js,所有将这些基础内容稍微整理了一下,确保每一个部分都有示例但是由于我之前接触过一点js相关的内容,不是每一个点都那么详细,所有这篇文章适合有一点计算机语言基础的同学阅读,但是能保证内容能被人看懂有些地方我按照的是自己的理解方式来写的,有什么不对的地方还望各位大神指出,谢谢~javascript用法页面内部的javascriptHTMl...原创 2019-08-16 11:52:23 · 149 阅读 · 0 评论 -
适合萌新-超详细 在IDEA中导入mysql驱动
目标二:导入mysql驱动包,连接mysql数据库不知道idea和eclipse在导入库这一块有什么区别,但是总要尝试一下,结果发现这里和eclipse是一样的在java Application中使用和在web中使用十四不一样的,eclipse中的run as -> java Aplication 和 run on server就是这样在java中使用jdbc打开Project St...原创 2019-07-08 13:20:01 · 5387 阅读 · 1 评论 -
react10_状态提升
react 状态提升一个父组件和多个子组件时,本来应存在于子组件的state移动到父组件,子组件使用props,父组件的state作为子组件的props传入子组件,可以使用子组件的功能,使子组件数据同步,也能更新父组件的渲染//根据输入的温度判断是否沸腾 组件function BoilingVerdict(props) { if(props.celsius >= 100){...原创 2019-10-09 16:03:59 · 136 阅读 · 0 评论