React map生成元素添加点击事件onClick绑定this

2018-11-30   龙德   JavaScript   React onClick 绑定this  

描述

使用.map(function(v,i)生成元素添加onClick事件:onClick={() => this.handlerClickArticleUrl(v.article_url)}时,前台访问报错:Uncaught TypeError: Cannot read property 'handlerClickArticleUrl' of undefined

handlerClickArticleUrl是在class里定义的方法

handlerClickArticleUrl(url){
        console.log("点击的文章链接是:"+url);
    }

调用方法如下

{
    article.map(function (v,i){
        return (
            <a href={v.article_url} target="_blank" onClick={() => this.handlerClickArticleUrl(v.article_url)}>{v.title}</a>
        )
    }
}

SpringBoot的两种跨域配置

2018-11-28   龙德   SpringBoot   跨域  

addCorsMappings

@Configuration
public class WebMvcConfig extends WebMvcConfigurationSupport{

    /**
     * 跨域配置
     * addMapping:配置可以被跨域的路径,可以任意配置,可以具体到直接请求路径。
     * allowedMethods:允许所有的请求方法访问该跨域资源服务器,如:POST、GET、PUT、DELETE等。
     * allowedHeaders:允许所有的请求header访问,可以自定义设置任意请求头信息,如:"X-TOKEN"
     * allowedOrigins:允许所有的请求域名访问我们的跨域资源,可以固定单条或者多条内容,如:"http://
     * www.baidu.com",只有百度可以访问我们的跨域资源。
     * @param registry
     */
    @Override
    protected void addCorsMappings(CorsRegistry registry) {
        super.addCorsMappings(registry);
        registry.addMapping("/**")
                .allowedMethods("*")
                .allowedHeaders("*")
                .allowedOrigins("http://localhost:3000");
    }
}

windows安装node.js

2018-11-24   龙德   JavaScript   nodejs  

安装Node.js

下载地址:http://nodejs.cn/download/

windows安装node.js比较简单,下载完之后双击安装包,选择一个安装目录,然后无脑下一步即可。

配置环境变量

新建变量,变量值定位到你的安装目录

image

配置PATH

image

验证

image

centos7安装Node.js

2018-11-24   龙德   JavaScript   nodejs  
下载Nodejs官网提供了编译好的Linux二进制包
cd /usr/local/src/
wget https://nodejs.org/dist/v8.11.4/node-v8.11.4-linux-x64.tar.gz
解压安装包
tar -zxvf node-v8.11.4-linux-x64.tar.gz -C ..

Oracle恢复drop掉的表和闪回数据

2018-11-23   龙德   数据库   Oracle 恢复drop掉的表 闪回  

恢复drop掉的表

1.先查出drop信息

select * from recyclebin a where a.original_name = '表名'

2.恢复

flashback table "BIN$ezueuZPb4SXgU8R44IZnwg==$0" to before drop;

闪回数据

select * from 表名 as of timestamp to_timestamp('2018-03-03 14:00:00', 'yyyy-mm-dd hh24:mi:ss');

临时表空间的主要作用

2018-11-23   龙德   数据库   Oracle 临时表空间  
  1. 索引create或rebuild
  2. Order by 或 group by
  3. Distinct 操作
  4. Union 或 intersect 或 minus
  5. Sort- merge joins
  6. analyze

Eclipse安装SVN插件

2018-11-22   龙德   杂七杂八   Eclipse SVN插件  

在线安装

开始安装

image

同样的SQL,在数据库中能查出数据,在java里面查不出数据

2018-11-18   龙德   Java   Mybatis报错  

这是控制台打印的SQL

image

显示0条数据

这是在数据库中执行的结果

image

显示有20条数据

解决方法

在数据库链接字符串添加以下参数

?autoReconnect=true&useUnicode=true&characterEncoding=utf8

Nodejs爬虫,使用cheerio+request+phantomjs实现超简单爬虫

2018-11-12   龙德   JavaScript   nodejs 爬虫  

原文连接:https://tomoya92.github.io/2018/09/20/nodejs-crawling/

创建项目

使用npm初始化一个nodejs项目

# 创建一个文件夹 crawling
mkdir crawling
# 进入文件夹并初始化
cd crawling
npm init

安装依赖

yarn add cheerio request iconv-lite