当前位置：首页 > 编程日记 > 正文

React使用ES6语法重构组件代码

编程日记 2024-10-26 02:30:00

首次使用react，要注意react不同版本库，是ES5还是ES6的写法，如何做到统一。下面对于ES6语法重构组件的代码如下：
（1）原始代码：

<script type="text/babel">
var destination=document.querySelector("#root");
var LightningCounter=React.createClass({
getInitialState:function(){
return {
strickes:0
}
},
timeTricks:function(){
this.setState({
strickes:this.state.strickes+100
});
},
componentDidMount:function(){
setInterval(this.timeTricks,1000)
},
render:function(){
return <h1>{this.state.strickes}</h1>;
}
});
var LightningCounterDisplay=React.createClass({
render:function(){
var distyle={
width:250,
height:250,
textAlign:"center",
backgroundColor:"black",
color:"#CCC",
borderRadius:10,
webkitFilter:"drop-shadow(0px 0px 5px #666)"
};
return <div style={distyle}>
<LightningCounter/>
</div>;
}
});
    ReactDOM.render(&lt;LightningCounterDisplay/&gt;,destination);
&lt;/script&gt;

(2)重构后的代码：

class LightningCounterDisplay extends React.Component{        render(){var distyle= {width:250,height:250,textAlign:"center",backgroundColor:"black",color:"#CCC",borderRadius:10,webkitFilter:"drop-shadow(0px 0px 5px #666)"};return &lt;div style={distyle}&gt;&lt;LightningCounter/&gt;&lt;/div&gt;;}
}    
class LightningCounter extends React.Component{constructor(props){super(props);this.state={numtricks:0}this.timeTotalTrick = this.timeTotalTrick.bind(this);  //最关键的一句是，bind让实例化的组件任何// 地方都能调用该函数，并且函数内部的this指向实例化的组件}timeTotalTrick(){this.setState({numtricks:this.state.numtricks+100})}componentDidMount(){setInterval(this.timeTotalTrick,1000)}render(){return &lt;div&gt;{this.state.numtricks}&lt;/div&gt;;}}ReactDOM.render(&lt;LightningCounterDisplay/&gt;,destination);
&lt;/script&gt;

转载于:https://blog.51cto.com/13238147/2138824

https://www.dkcj.cn/info/24672.html

PHP哈希表碰撞攻击原理

哈希表碰撞攻击（Hashtable collisions as DOS attack）的话题不断被提起，各种语言纷纷中招。本文结合PHP内核源码，聊一聊这种攻击的原理及实现。哈希表碰撞攻击的基本原理哈希表是一种查找效率极高的数据结构，很多语言…

编程日记2024/10/26 02:20:00

Java8(jdk1.8)中文档注释处理工具javadoc的环境参量配置及使用方法

Java8(jdk1.8)中文档注释处理工具javadoc的环境参量配置及使用方法Java语言提供了一种功能强大的注释形式：文档注释。如果编写Java源代码时添加了合适的文档注释，然后通过JDK提供的javadoc工具可以直接将源代码里的文档注释提取成一份系统的API文档。jav…

编程日记2024/10/26 02:10:00

如何读取Excel表格中不同sheet表的同一位置单元格数据，并绘制条形图呢？

作者 | 黄伟呢来源 | 数据分析与统计学之美今天，有位朋友在群里面咨询了一个问题：如何读取Excel表格中"不同sheet表"的同一位置单元格数据，并绘制条形图呢？有人提议用vba，但是不得不说，没有学过v…

编程日记2024/10/26 02:00:00

vue-router学习笔记

配置路由模式 const routernew VueRouter({routes }) hash模式(默认):通过url的hash来模拟一个完整的url，于是当url改变时，页面不会重新加载。history模式：通过history完成url跳转而不需要重新加载页面。注意：为了防止404错误&…

编程日记2024/10/26 01:50:00

PHP防止注入攻击

注入攻击不多说了PHP addslashes() 函数--单撇号加斜线转义PHP String 函数定义和用法addslashes() 函数在指定的预定义字符前添加反斜杠。这些预定义字符是：单引号 ()双引号 (")反斜杠 (\)NULL语法addslashes(string)参数描述string必需。规定要检查的字符串。…

编程日记2024/10/26 01:40:00

首届腾讯数字安全创新大赛在京启动，挖掘新锐力量推动产业创新

3月10日，首届腾讯数字安全创新大赛在京正式启动。本次大赛由腾讯安全和中国产业互联网发展联盟联合主办，腾讯安全、KEEN、元起资本、赛博英杰、数世咨询等多家企业联合发起，中国产业互联网发展联盟安全专委会承办。大赛旨在寻找网络安全新力…

编程日记2024/10/26 01:30:00

oracle数据库无监听程序

在电脑---服务---启动oracle tns 如果还是出现错误的话，找到Net Manager，将网络的ip监听删除，将本机的主机名配好，即可打开tns服务转载于:https://www.cnblogs.com/jiangsheng3/p/5025201.html

编程日记2024/10/26 01:20:00

个人开发者即时到账收款方案 BufPay.com

BufPay 个人即时到账支付平台前言作为独立开发者，一般只有一个人独立奋战，做出了产品需要收款是非常麻烦的，接入支付宝微信支付都需要公司公户，而注册公司、开公户等一系列操作非常麻烦，成本也很高一年也要 1w 左右。…

编程日记2024/10/26 01:10:00

用 Python 制作数据大屏，超简单

作者 | 俊欣来源 | 关于数据分析与可视化今天我们用Streamlit模块来制作一个数据面板，将数据更加直观地呈现给别人观看，整个页面大致如下图所示：制作工具栏在页面的左侧是一个工具栏，工具栏中有多个按钮，分别是“About…

编程日记2024/10/26 01:00:00

1.使用job清空 SQL> dbms_audit_mgmt.create_purge_job(audit_trail_type> DBMS_AUDIT_MGMT.AUDIT_TRAIL_UNIFIED,audit_trail_purge_interval>12，audit_trail_purge_name>audit_trail_pj,use_last_arch_timestamp>TRUE,container>dbms_audit_mgm…

编程日记2024/10/26 00:50:00

魔法引用函数magic_quotes_gpc和magic_quotes_runtime的区别和用法

PHP提供两个方便我们引用数据的魔法引用函数magic_quotes_gpc和magic_quotes_runtime， 这两个函数如果在php.ini设置为ON的时候，就会为我们引用的数据碰到单引号和双引号"是自动加上反斜线，帮我们自动转译符号，确保数据操作的…

编程日记2024/10/26 00:40:00

Unity脚本生成插件：Script Create Dialog

最近写代码又犯懒了...感觉每次新建脚本都要写一堆简单重复的东西好无聊，所以搜索了一下有没有自动生成脚本的插件。结果还真被我发现了，官方在N久之前就制作了自动生成脚本的插件[Script Create Dialog]，大概是名字起的和脚本生成器相差太多…

编程日记2024/10/26 00:30:00

多路IO复用模型 select epoll 等

同步阻塞IO在等待数据就绪上花去太多时间，而传统的同步非阻塞IO虽然不会阻塞进程，但是结合轮询来判断数据是否就绪仍然会耗费大量的CPU时间。多路IO复用提供了对大量文件描述符进行就绪检查的高性能方案。selectselect诞生于4.2BSD，在几乎所有…

编程日记2024/10/26 00:20:00

可操作性强！Python实现一个电影订票系统！

来源丨Python小二一、效果展示通过Python实现一个电影订票系统，效果如下所示：二、整体结构图三、代码分解3.1 infos.py一部电影的详细信息适合用字典结构来存储，我们可以给字典里添加多个键值对来保存电影的名称、座位表和宣传时用的字符画…

编程日记2024/10/26 00:10:00

centos7 install mysql

1. 下载mysql的repo源 $ wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm 2. 安装mysql-community-release-el7-5.noarch.rpm包 $ sudo rpm -ivh mysql-community-release-el7-5.noarch.rpm 安装这个包后，会获得两个mysql的yum repo源&#x…

编程日记2024/10/26 00:00:00

unity加载ab后，场景shader不起效问题(物件表现黑色)

需要把unity自带的shader，加入到默认列表转载于:https://www.cnblogs.com/lancidie/p/9293827.html

编程日记2024/10/25 23:50:00

Linux下各类TCP网络服务器的实现源代码

http://www.linuxeden.com/forum/t146870.html大家都知道各类网络服务器程序的编写步骤，并且都知道网络服务器就两大类：循环服务和并发服务。这里附上源代码来个小结吧。首先，循环网络服务器编程实现的步骤是这样的： 这种服务器模…

编程日记2024/10/25 23:40:00

ReferenceQueue的使用

转：http://www.iflym.com/index.php/java-programe/201407140001.html 1 何为ReferenceQueue 在java的引用体系中，存在着强引用，软引用，虚引用，幽灵引用，这4种引用类型。在正常的使用过程中，我们…

编程日记2024/10/25 23:30:00

红帽、Docker、SUSE 在俄罗斯停服

‍‍国际局势给技术圈带来的影响依然在蔓延。整理 | 苏宓出品 | CSDN（ID：CSDNnews）继 Oracle、Google、苹果等科技公司和 React 开源项目之后，如今 Linux 发行版也牵扯进俄乌之间冲突的漩涡中。其中一个是全球最大的独立开源软件公…

编程日记2024/10/25 23:20:00

配置linux-Fedora系统下iptables防火墙

参考地址：https://blog.csdn.net/zhangjingyi111/article/details/78902820 本篇文章为实验课过程记录，较为简略。 1.查看系统是否安装iptables 命令：iptables --version 2.开启iptables 命令：service iptables start 出现错误&am…

编程日记2024/10/25 23:10:00

output_buffering详细介绍

HTTP Header为什么要使用Output Buffering技术Output Buffering的工作原理基本用法高级用法使事情更为简单哈哈，我成功了我个人认为，Output buffering是比较纯粹的PHP4.0特征。尽管从概念上看来相当简单，但是output buffering功能非常强大&am…

编程日记2024/10/25 23:00:00

12 个 Pandas 数据处理高频操作

作者 | 老表来源 | 简说Python今天给大家分享几个自己近期常用的Pandas数据处理技巧，主打实用，所以你肯定能用的着，建议扫一遍，然后收藏起来，下次要用的时候再查查看即可。简单说说总结分享统计一行/一列数据的负数出现…

编程日记2024/10/25 22:50:00

ORACLE初次安装自动安装软件包

一、自动安装所需软件包提前配置好yum仓库定义package.txt包列表文件：以官网RHEL6为例，这里有compat-libstdc有两个包，如果不加*，号后面的compat-libstdc-33-3.2.3-69.el6.x86_64，compat-libstdc-296-2.96-144.el6.i68…

编程日记2024/10/25 22:40:00

中文详解phpmailer所有对象和属性

2019独角兽企业重金招聘Python工程师标准>>> 2009-03-09 19:13:50 前言： phpmailer是一个优秀的发件程序，但中文资料比较少，于是有牛人手动翻译了phpmailer的elementindex.html,E文的：[url]http://www.bblog.com/api…

编程日记2024/10/25 22:30:01

php error_reporting 详解

error_reporting设定错误讯息回报的等级。语法: int error_reporting(int [level]);传回值: 整数函式种类: PHP 系统功能内容说明本函式用来设定错误讯息回报的等级，参数 level 是一个整数的位元遮罩 (bitmask)，见下表。value constant 1 E_ERROR 2 E_W…

编程日记2024/10/25 22:20:00

mysql多个实例

2019独角兽企业重金招聘Python工程师标准>>> 1>、关闭原有的默认端口3306的mysql:service mysqd stop 2>、拷贝或创建数据文件 cp -r /data/mysql/data1 /data/mysql/data_3307 格式用bin/mysql_install_db --basedirmysql的目录 --datadir数据存放的目录 …

编程日记2024/10/25 22:10:00

10行 python 代码做出哪些酷炫的事情？

来源 | Python小二Python凭借其简洁的代码，赢得了许多开发者的喜爱。因此也就促使了更多开发者用Python开发新的模块，从而形成良性循环，Python可以凭借更加简短的代码实现许多有趣的操作。下面我们来看看，我们用不超过10行代码能实…

编程日记2024/10/25 22:00:00

这是一个不一样的社会公益活动

公益不是每个人的刚需，但是可以，以全链条模式联动更多人需求。社会公益就是给社会带来帮助的事或物，它包含社区服务，环境保护，知识传播，公共福利，帮助他人，社会援助，社会…

编程日记2024/10/25 21:50:00

剖析PHP中的输出缓冲

剖析PHP中的输出缓冲本文按署名非商业用途保持一致授权作者: ，发表于2005年12月24日01时54分我们先来看一段代码。<?php for ($i10; $i>0; $i--) {echo $i;flush();sleep(1); } ?>按照php手册里的说法该函数将当前为止程序的所有输出发送到用户的浏览…

编程日记2024/10/25 21:40:00

luasocket 安装记录（FS1.6）

说明： 想通过Lua 脚本实现 http。默认 FS 的 mod_lua 中没有对socket 的支持，如下的操作为lua 添加 socket的支持。一、下载 luasocket 包： # wget http://luaforge.net/frs/download.php/2664/luasocket-2.0.2.tar.gz # tar zxvf luaso…

编程日记2024/10/25 21:30:00