- 博客(65)
- 收藏
- 关注
原创 nvm解决node各种版本存在不兼容现象
nvm是让你在同一台机器上安装和切换不同版本的node的工具安装:两种方式curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash 此时nvm就被安装在了/.nvm下啦命令:nvm ls-remot
2020-05-28 16:16:56 922
原创 Reac里面封装单标签组件和双标签组件
双标签组件双标签封装通过this.props.children来获取标签内的元素,主要目的就是能嵌套标签// 封装好的组件 cm.jsimport React, { Component } from 'react';export default class App extends Component { constructor(props){ super(pr...
2020-03-10 10:04:02 1219
原创 react里面点击按钮触发复制文本功能
onCopy:复制成果的回调text:复制的内容import {CopyToClipboard} from 'react-copy-to-clipboard'let text = {app_store_name:'咖啡厅',type:'游戏',remark:'备注'}let str = `APP名称:${text.app_store_name}\n任务类型:${text.typ...
2020-01-06 16:35:37 2635
原创 巧妙的用switch代替多个if-else
今天看到某人写的代码一个校验写了一连串if-elseif(){ }else if(){}else if (){} else {}实在是看不下去了来了解一下switch case的使用当a+b=3时会执行提示‘3’,打印c当a+b=4时会执行提示‘4’,不打印c当a+b=5时代码停止不往下走当a+b=6时会执行提示'6',打印c,否则执行提示‘...
2020-01-03 16:42:22 1813 1
原创 JS封装深拷贝函数
Object.assign只能深拷贝第一层的数据,如果有多层数据就会出现浅拷贝的情况// 处理深拷贝问题 一个对象里面可能会出现多种情况,let a = { a:1, b:[1,2,3,{a:1},[1,2]], c:{c1:1,c2:2,c3:{cc1:1}}, d:function(){ console.log(1) }, ...
2019-12-02 16:17:46 386 2
原创 linux服务器配置ssh免登入及修改机器名字
1.配置ssh首先登录linuxssh 用户名@ip例: ssh root@120.00.00.001然后输入密码即可之前先准备本地的sshkey如果本地已有文件,输入命令直接复制到粘贴板 之后command+v粘贴就行了:pbcopy < ~/.ssh/id_rsa.pub详细配置本地的mac请看https://blog.csdn.net/halat...
2019-11-11 21:31:36 902
原创 react项目里使用public的文件
这种写法如果是本地启动的话 找不到文件,打包完之后才会显示<img src={process.env.PUBLIC_URL+"xxxx"}/>如果是本地想使用public的文件 <img src={"/a.jpeg"}/>使用react-create-app构建的项目,当src文件夹下文件想引用src文件夹外文件因为官方限制问题会报以下错误。M...
2019-11-01 15:01:55 7087
原创 关于antd table 表头与表格不对齐问题
出现这个问题一般是设置了scroll属性解决方法:给每个表头设置width,然后最后一个可以不设置,antd会自适应最后一个。{ title:'任务类型', dataIndex:'type', key:'type', width:90,},如果还没解决怎么办?可能出现的问题是因为render的值长度大于了外面设置的width比如{ ...
2019-09-29 17:42:07 4005 4
原创 react里面手动写一个简单防抖函数
// onChange的时候调用handleChange 实现1000毫秒监听的防抖函数handle=()=>{ conosle.log('handle)}handleChange=()=>{ if(this.timer){ clearTimeout(this.timer) } this.timer = setTimeout((...
2019-09-29 17:21:11 1054 4
原创 关于javascript模块化
模块组织随着javascript发展,从增强显示的脚本到解决一类问题的库,然后构建应用,一个有效的模块加载方案也就成为了必须的元素。 因为当想用一个语言构建一个大型应用,模块机制不可或缺。浏览器端运用最广泛的为 AMD 规范 服务端使用 CommonJS 规范 而ES6 Module 加载规范不远的将来将要统一前后端(我们要是采用ES6 加载规范)关于javascriptIDE 目前...
2019-05-05 11:14:42 241
原创 react—echarts实例
先模拟定义后端数据conststatistics =[{"hour":"00","click_num":2208,"submit_num":921,"device_num":31},{"hour":"01","click_num":1957,"submit_num":805,"device_num":28},{"hour":"02","click_num":113,"submit_nu...
2019-04-18 17:43:04 1220
原创 ES6-set和map数据结构
set基本用法ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}上面代码通...
2019-01-24 11:28:44 239
原创 ES6-class的基本语法及继承
通过class关键字,可以定义类。基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return ...
2019-01-22 16:08:37 523
原创 ES6-Generator总结
Generator 函数的语法Generator 函数有多种理解角度。语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Generator 函数内部的每一个状态。形式上,Generator 函数...
2019-01-22 11:42:13 135
原创 Promise总结以及新特性
1.概念所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中...
2019-01-22 11:01:32 713
原创 手动使用webpack搭建react项目
第一次尝试,把过程记录下来,后续遇到坑再来修改博客 首先第一步初始化项目先给项目创建一个文件夹 webpack-reactmkdir webpack-reactcd webpack-react然后创建一个src文件夹mkdir -p src初始化项目yarn init -y然后安装配置webpack首先安装(也可以用npm i 代替 yarn add...
2018-12-19 10:24:53 386
原创 JavaScript常用的Math方法、event对象、window对象总结及获取时间
min()和max()方法console.log(Math.min(2,4,3,6,3,8,0,1,3)); //最小值console.log(Math.max(4,7,8,3,1,9,6,0,3,2)); //最大值四舍五入// Math.ceil()执行向上舍入,即它总是将数值向上舍入为最接近的整数;// Math.floor()执行向下舍入,即它总是将数值向下舍入为最接近...
2018-12-18 11:24:58 353
原创 datatable总结常用api
Table.fnDraw(boolean); // 重绘方法 true会回到表格的初始状态,例如回到第一页,false只是重新加载当前页。fnClearTable(); // 清除表格fnAddData(data); // 添加数据fnGetData(index); // 根据提供的参数获取整个表,单个行或单个单元格的数据。fnDeleteRow(mTarget,fnCallBack,b...
2018-12-17 15:16:58 2117
原创 css3新特性
伪类1.动态伪类选择器:link 设置a对象在未被访问前的样式表属性:visited 设置a对象在其链接地址已被访问过时的样式表属性:hover 设置对象在其鼠标悬停时的样式表属性:active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性定义CSS时候的顺序不同,也会直接导致链接显示的效果不同。原因可能在于浏览器解释CSS时遵循的“就近原则”。正确...
2018-11-28 10:22:33 178
原创 常用的console命令
console是window下面的一个方法console.log(window.console)conosle.log 控制台打印console.table 将数组打印成一个表格输出 console.dir(element) 打印成对象 数据更对象化console.log打印的节点 dir打印的对象 console.count('add') 记录a...
2018-11-23 12:05:08 1874
原创 JavaScript常用的字符串方法
字符串方法和数组方法比较相似1、str.indexOf(searchString,startIndex); 返回子字符串第一次出现的位置,从startIndex开始查找,找不到时返回-12、str.lastIndexOf(searchString,startIndex); 从由往左找子字符串,找不到时返回-13、截取字符串 str.substring(start,end); ...
2018-11-16 11:22:55 171
原创 JavaScript常用的数组方法(数组新特性)
方法名 描述 concat 连接2个或者更多数组,并返回结果 every 对数组中的每一项运行给定函数,如果该函数对每一项都但返回true,则返回true filter 对数组中度过每一项运行给定函数,返回该函数会返回true的项组成分数组 forEach 对数组中更多每一项运行给定函数,这个方法没有返回值 join 将所有的数组元素连接成一...
2018-11-16 11:03:08 594
原创 jquery给动态创建的标签添加事件
在用datatable组件创建表格的时候想给表格里面某一列添加事件时先给他起个名字'aoColumnDefs': [{ "aTargets": [4], "mRender": function (data, type, full) { return `<a class='cluefollowin' data-ids=${full....
2018-10-08 10:15:49 849
原创 ios兼容new Date属性
一般我们设置时间或者后端传过来一个时间格式基本是 ‘2018-10-07 10:00:00’这种格式在正常安卓手机或者pc端是能正常获取时间代码如下:newtime () { let time = new Date('2018-10-07 10:00:00') console.log(time, 1) },而在ios手机里面则是显示兼容io...
2018-10-08 09:40:46 3060
原创 html+javascript面试总结
html+css:<1>布局(自适应布局,垂直居中,三列布局)一般自适应会采用:flex、百分比垂直居中的方法:可采用flex、fixed定位、display:table-cell未知宽高的元素怎么实现水平垂直居中?1) 父元素设置table,子元素设置cell-table, vertical-algin:center...
2018-08-18 09:38:46 638
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人