Mr.M .-CSDN博客

原创 Mac无法打开“XX”，因为Apple无法检查其是否包含恶意软件。”的解决办法

sudo spctl --master-disable

2020-11-29 23:34:07 1228

原创使用 public 文件夹

public 文件夹包含 HTML 文件，因此你可以对其进行调整，例如，设置页面标题。带有编译代码的如果将文件放入 public 文件夹，Webpack 将不会处理它。相反，它将被复制到构建文件夹中。要引用 public 文件夹中的资源，需要使用名为 PUBLIC_URL 的特殊变量。在 index.html 中，你可以像这样使用它：<link rel="stylesheet" type="text/css" href="%PUBLIC_URL%/css/index.css"/>

2020-10-07 00:40:25 3407

原创 react img标签添加图片

1.使用import 引入import bg from './images/bg.png';<img src={bg} />2.使用require导入<img src={require("./images/bg.png")}/>

2020-10-02 12:48:48 542

原创 react style 设置背景图片

快速搞定<div style={{backgroundImage: "url(" + require("./images/bg.jpg") + ")"}}></div>

2020-09-29 00:11:02 2152

原创 React form表单受控组件和非受控组件

1.受控组件每当表单的状态发生变化时，都会被写入到组件中的state中。受控组件的更新流程如下：可以通过在初始state中设置表单的默认值；每当表单发生变化时，调用onChange事件处理器；事件处理器通过合成事件对象e拿到改变后的状态，并更新应用的state；setState触发视图的重新渲染，完成表单组件值的更新；import React, {Component} from "react";export default class Main extends Component {

2020-09-22 23:30:41 1209

原创 js 截取字符 substring 方法

substring() 方法用于提取字符串中介于两个指定下标之间的字符。 const item = "abc" console.log(item.substring(0,2)); //ab

2020-09-22 22:59:38 723

原创 js字符串转换成大写 toUpperCase方法

const item = "abc" console.log(item.toUpperCase()); //ABC

2020-09-22 22:53:54 814

原创 Linux 定时自动备份数据

第一步：在home下新建一个文件夹专放自动备份脚本以及备份的数据文件新建文件夹命令如下mkdir /home/data_backup在新建的文件夹data_backup中存放自动备份的脚本文件。第二步：创建脚本文件，命令如下touch mysqlbackup.sh第三步：编辑脚本文件，命令如下vim mysqlbackup.sh在文件中的加入如下内容#!/bin/bashdate_str=$(date +%Y%m%d-%T)cp -r /home/postgre_data /home/

2020-09-22 21:59:08 2638

原创 Linux目录挂载新磁盘后目录里原文件不见了

在挂载新磁盘到一个原先存在的目录的后发现原先目录里面的文件没了发现文件夹里只有lost+found文件夹，不用担心，文件并没丢失，下面是解决办法mkdir /new ###创建临时目录mount /dev/sdb1 /new ###将磁盘挂载到临时上目录cp -R /home/* /new ###将/home下的所有数据复制到/newrm -rf /home/* ####可选,主要为了腾出空间给原来的硬盘umount /new ###解除挂载rm -rf /new ###删除

2020-09-22 21:56:57 3307 1

原创 React 事件绑定方式

1.bind 绑定方法这个方法可以帮助我们绑定事件处理器内的this，并可以向事件处理器中传递参数。import React from 'react'; class App extends React.Component { handleClick(e) { console.log(e) }render () { return <button onClick={this.handleClick.bind(this,'test')}>Test</button>}

2020-09-22 21:53:57 151

原创两个嵌套for循环的执行顺序

for(let i = 0; i < 10; i++) { for(let j = 0; j < 10; j++) { // }}1.外层判断循环条件，满足进入外层循环体；2.内层判断循环条件；3.内层循环体执行；4.内层循环变量累加，回到2执行，直到不满足内层条件；5.外层循环变量累加，回到1执行，直到不满足外层循环条件，彻底退出循环；...

2020-09-13 09:48:11 10806 1

原创 ES6 几种常用解构对象解构、数组解构、嵌套对象解构

1.对象解构let node = { name: '小红', age: 18}let {name,age} = node;console.log(name); //小红console.log(age); //182.数组解构let colors = ['red','blue','green']let [item,value] = colors;console.log(item); //redconsole.log(value); //blue3.

2020-07-08 11:12:51 1664

原创 js中关于“...”展开运算符的使用

展开运算符可用于函数调用、解构赋值等方面。1.可以为把对象的值赋值给新的对象。let item = { name: '小明', age: 12}let value = {};value = {...item}console.log(value); //{ name: '小明', age: 12 }可以展开多个对象并赋值，如果多个对象中存在相同属性，则后边的会覆盖前面展开的属性。let item = {name: "小明",age: 12}let value = {

2020-07-08 10:23:37 1394

原创 Object.assign()

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。Object.assign(目标对象, …源对象)let obj = {};Object.assign(obj, { name: '小明', age: 12 })console.log(obj); //{ name: '小明', age:

2020-07-08 09:41:22 99

原创 Object.is()

Object.is 用于比较两个参数类型相同且具有相同的值。console.log(Object.is(1,1)); //trueconsole.log(Object.is(1,"1")); //false

2020-07-08 09:33:27 134

原创 js 数据操作方法 concat() slice() splice()

1.concat() 方法（1）基于当前数组中的所有项创建一个新数组；var colors = ["red","blue","green"];var colors2 = colors.concat("yellow",["black","brown"]);console.log(colors); //'red', 'blue', 'green' console.log(colors2); //'red', 'blue', 'green', 'yellow', 'black', 'brown'

2020-06-21 23:59:51 190

原创 js 数组重排序方法

1.反转数组项顺序 reverse方法var values = [1,2,3,4,5];values.reverse();console.log(values); //5，4，3，2，12.数组排序 sort方法（1）由小到大function compare(value1,value2) { if (value1 < value2) { return -1; } else if (value1 > value2) { return

2020-06-21 23:13:58 653

原创 js 数组操作方法(增加、删除)

1.往数组前端添加任意项var colors = ['red','blue'];colors.unshift('black');console.log(colors); //['black','red','blue']2.删除数组前端第一项var colors = ['red','blue'];colors.shift();console.log(colors); //['blue']3.往数组末尾添加任意项var colors = ['red','blue'];colors.p

2020-06-20 23:05:50 304

原创 Ant Design Form表单编辑数据数据回显

1.给Form表单添加ref事件<Form name="nest-messages" ref={this.formRef} layout={'vertical'}> <Row gutter={24}> <Form.Item name={'id'} > <Input type={"hidden"}/>

2020-06-10 23:45:39 6962 3

原创 Antd form 表单提交数据获取

1.Form表单 <Form name="nest-messages" onFinish={this.onSubmit} layout={'vertical'}> <Row gutter={24}> <Form.Item name={'id'} > <Input type={"hidde

2020-06-10 23:29:14 8990 3

原创 React 点击按钮返回上一级路由

一行代码直接搞定<Button onClick={() => this.props.history.goBack()} >Go Back</Button>

2020-06-08 09:05:34 3248 2

原创 React map 中添加遍历条件

1.一般的遍历方法render () { let item = ["小明","小红","小刘"]; return ( <div> {item.map((data,key) => ( <div> <span>序列: {key}</span> <span>姓名：{data}</sapn> </div> )) </div> )}结果如下图所示：

2020-06-07 14:31:48 1258

原创 ReactJS 遍历对象

const obj = { id: '2', name: '张三', address: 'London No. 1 Lake Park', age: 13,};Object.keys(obj).map(data => ( console.log(obj[data]))

2020-06-07 14:15:11 434

原创 npm安装报错--“Unexpected end of JSON input while parsing near”错误解决

背景：使用npm下载时，出现错误Unexpected end of JSON input while parsing near···解决方法：先清除缓存，再重新安装清除缓存npm cache clean --force运行下npm install然后在执行下载就OK了

2020-05-16 10:42:49 254

原创 2020年 CSDN博客背景皮肤设置

1.登录CSDN后，鼠标移至头像上，“我的博客”,如下图所示，2. 点击“管理博客”进入博客管理界面，右上角，如下图所示，3.点击“换皮肤啦”,根据自己喜欢的皮肤进行跟换保存即可。

2020-05-14 18:00:32 514 1

原创 jQuery实现点击元素页面滚动到相应位置

点击div1元素滚动到div2元素上，执行1秒。$(document).on('click', '.div1', function () { $('html, body').animate({scrollTop:$('#div2').offset().top},1000)});

2020-05-13 17:33:16 1129

原创 react 引用json 文件的几种方法

1. import {data} from ‘文件路径’2. require(‘文件路径’)3. var myData = require(‘data’)

2020-04-01 20:38:03 4299

原创 react img标签引入图片的几种方式

react src里面引入图片的几种方式,es6不支持在标签内直接写图片的路径，即常用的两种引用方法 import和require（1）import 方法：import imageU from '../../assets/images/head_icon.png';<img src={imageU } />（2）require 方法 (这种方法需要注意的是，require里...

2020-03-30 10:45:34 4810 1

原创 MacOS下安装brew时报错port 443: Connection refused的解决方案

报错：Failed to connect to raw.githubusercontent.com port 443: Connection问题是出于网络不稳定解决办法换成手机开热点，在终端输入以下命令进行安装/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/insta...

2020-03-29 00:07:47 1521

原创 Mac 安装和卸载 yarn

一、安装sudo -snpm install -g yarn react-native-cli二、卸载npm uninstall yarn -g

2020-03-29 00:01:43 7005 2

原创 React利用json地图文件编写Echart地图

一、引入import React, {Component} from "react";//引入json地图文件（我这里引用的济宁市）import geoJson from '../../assets/jsons/370800'//引用echartimport echarts from 'echarts';二、编写地图代码export default class EchartMap...

2020-03-28 17:35:53 706

原创 React 实现 Echarts 可视化饼状图

React 实现 Echarts 可视化饼状图**一、引入**import React, { Component } from 'react'import 'echarts/lib/echarts';//导入饼图import 'echarts/lib/chart/pie'import 'echarts/lib/component/tooltip'import 'echarts...

2020-03-28 16:58:52 2110

原创 ubuntu下网页快捷方式，chrome网页添加到桌面

**ubuntu下有些常用的网页我们希望更方便的操作，除了收藏网址，我们还可以直接添加到桌面像客户端一样使用。**1、前提是安装chrome浏览器，打开自己需要的网页。2、点击浏览器右边的设置菜单。3、选择“更多工具”–“添加到桌面”。4、填写名称例如“CSDN”，然后添加。5、然后在桌面就会出现添加的“百度音乐盒”，可以直接打开使用，客户端一样方便。6、如果想删除，可以进入在用户...

2019-12-03 23:03:36 3324

原创利用git命令上传文件到github

git status 当前git文件的状态git add 文件名或（*）全部选择上传的文件git commit -m “备注” 备注git push 上传文件到GitHubgit pul...

2019-11-19 23:31:49 262 1

原创从windows上传文件到服务器，服务器往windows拉取文件

从windows传到服务器：scp -r .\a\ 服务器名@IP:/路径.\ 当前路径从服务器传到windows中：scp -r 服务器名@IP:/路径 ..\ 传输到windows的当前路径

2019-11-19 23:28:11 809

原创 jquery滚动新闻

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-11-19 23:19:20 109

原创 Jquery Ajax用法

2019-11-19 23:12:03 122

原创 jquery 水波涟漪动画特效

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-11-19 23:08:21 888

原创联想ideapad110-151kb

联想110-15型号装机你的电脑本身是预装win10的，采用UEFI+GPT快速启动。如果一样用回以前的正版系统。关机状态下按开机键旁边弯的箭头键一键恢复。或者制作win10启动盘直接安装win10就可以了。如果是要改装克隆版系统。要改BIOS设置，在PE中改硬盘格式为MBR再安装系统。联想笔记本预装的win10怎么改win71、开机不停按F2(或Fn+F2)进入BIOS界面；2、按→...

2019-09-03 20:56:45 3363 1

原创 Ruby制作Word文档

Ruby制作Word文档Caracal是一个ruby库，可以使用HTML风格的语法动态创建专业品质的Microsoft Word文档。Caracal不是一个神奇的HTML到Word翻译。相反，它是用于生成Office Open XML（OOXML）的标记语言。程序员通过针对文档对象发出一系列简单命令来创建Word文档。在呈现文档时，Caracal负责将这些Ruby命令转换为必需的OOXML。从...

2019-09-03 20:55:36 702

山东地图（全省）.json

离线安装vim,vim安装及说明.zip

空空如也