3 承蒙时光不弃1769203735

尚未进行身份认证

hello world!

等级
TA的排名 2w+

javaScript split 按空格和换行切割

input_str.split(/[\s\n]/)

2019-09-20 16:16:33

react笔记--手动实现一个react-router(简易版)

前言从vue转入到react技术栈有两月了,两个月来一直断断续续学习react的知识。自己也很久没有写过总结了(恐怖的加班),趁元旦假期抽空总结一波(还是要学习地)。习惯了vue简洁的语法和api,再回过来写react组件化,不习惯有木有(怪自己太菜)。文中若有错误点,欢迎各位大佬指正react-router路由的模式选择用过react-router的会比较熟悉react路由...

2019-09-01 23:11:47

js 实现纯前端将数据导出excel

上代码:<html><head><pstyle="font-size:20px;color:red;">使用a标签方式将json导出csv文件</p><buttononclick='tableToExcel()'>导出</button></head><body>&l...

2019-08-29 14:26:26

react将字符串转为标签

React中将字符串转换为DOM节点React不支持直接将字符串放到render返回值中,这样放入的字符串会被当做一般字符串处理。 12345678 constApp=()=>{conststr='<div>test</div>';return(<div>...

2019-08-28 14:45:26

Moment.js常见用法总结

Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。​日常开发中,通常会对时间进行下面这几个操作:比如获取时间,设置时间,格式化时间,比较时间等等。接下来,我将按照这些操作对Moment.js中的Doc进行整理分类,方便学习和日后的查阅。获取时间 StartofTime moment().startOf(String...

2019-08-26 16:53:51

yapi连接mongodb集群

首先是官方文档:https://hellosean1025.github.io/yapi/devops/index.html我的数据库集群信息如下:副本集名称:yapi01IP列表:10.142.***.**:28005,10.142.***.**:28005,10.142.***.**:28005authDB:***用户名:yapi_rw密...

2019-08-16 17:18:15

React.js解决setState的异步问题

由于react中把setState设置为异步操作函数,这有时候会给我们带来以一些问题,下面介绍一下怎么解决这个问题。1.在setState完成的回调里执行需要的操作setState函数的第二个参数允许传入回调函数,在状态更新完毕后进行调用,譬如:this.setState({load:!this.state.load,count:this.sta...

2019-08-14 17:50:28

yapi自定义界面,更改界面外观样式

原来部署过nodebb,在nodebb中自定义界面是通过在管理员后台增加自定义js或者自定义css实现的。类比yapi,以为它也同样支持这种方式,后面发现yapi并没有。然后看了下yapi的项目源码,在vendors目录下,可以发现有个client目录。很容易就能够想到它应该就是整个前台代码,打开发现正是使用React构建的前端项目。找到自己想要更改的内容,更改代码,然后重新启动yapi,发现...

2019-08-14 17:12:38

事务的四种隔离级别

数据库事务的隔离级别有4种,由低到高分别为Readuncommitted、Readcommitted、Repeatableread、Serializable。而且,在事务的并发操作中可能会出现脏读,不可重复读,幻读。下面通过事例一一阐述它们的概念与联系。Readuncommitted读未提交,顾名思义,就是一个事务可以读取另一个未提交事务的数据。事例:老板要给程序员发工...

2019-08-14 08:27:05

数据库的ACID

一.事务定义:所谓事务,它是一个操作序列,这些操作要么都执行,要么都不执行,它是一个不可分割的工作单位。准备工作:为了说明事务的ACID原理,我们使用银行账户及资金管理的案例进行分析。//创建数据库createtableaccount(idintprimarykeynotnull,namevarchar(...

2019-08-14 08:23:17

var a=1的过程中js做了什么

又是一年临近年底了,年底制定下了许多计划,正在一点一点实现,最近在开始读《你不知道的Javascript》了,也会慢慢把读书笔记通过博客的形式输出出来,让自己印象更深刻,今天就来聊聊JS中的vara=2;这行代码发生了什么?编译对于编程语言来说都会有一个编译的过程,一段代码在执行前大多都会经历下面几个步骤:(具体的细节会根据语言特性而异)分词/词法分析(Tokenizing/Le...

2019-08-14 08:13:59

js中的数据类型

js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object)。typeof操作符由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字.typeof123  //Numbertypeof'abc'  //Stringtype...

2019-08-14 08:03:05

小程序与H5的区别

小程序由于刚推出来时开放的能力十分有限,所以在功能展示上会让普通用户感觉和H5一样,并没有什么特别之处,导致了部分人把两者混为一谈。实际上,小程序和H5是两种不同的东西。通过百度词条可以知道,HTML英文全称为HyperTextMarkupLanguage,即超文本标记语言。而HTML5是超文本标记语言的第五次修订版本。简单来说,小程序是一种应用,运行的环境是微信(App);H5是一...

2019-08-14 07:56:40

react-router 路由的实现原理

ReactRouter是一个基于React之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与URL间的同步。本文从两个方便来解析react-router实现原理。一:介绍react-router的依赖库history;二:使用history库,实现一个简单的react-router路由。history介绍history是一个Java...

2019-08-14 07:43:03

node踩坑之This is probably not a problem with npm. There is likely additional logging output above.错误

可能由于种种版本更新的原因需要执行npminstall重新安装一次,如果还是不可以的话,在把之前装的都清空rm-rfnode_modulesrmpackage-lock.jsonnpmcacheclear--forcenpminstall...

2019-08-13 18:53:37

Web Storage API有哪些常用方法,功能是什么?

sessionStorage和localStorage可使用的API都相同,其功能包括保存数据、读取数据、删除数据、得到索引的key值等。localStorage和sessionStoragey都使用setItem()方法用来保存数据,格式如下:localStorage.setItem("key","value")localStorage和sessionStoragey都使用get...

2019-08-13 17:39:44

cookie属性详解

https://www.cnblogs.com/tzyy/p/4151291.html在chrome控制台中的resources选项卡中可以看到cookie的信息。一个域名下面可能存在着很多个cookie对象。name  字段为一个cookie的名称。value  字段为一个cookie的值。domain  字段为可以访问此cookie的域名。非顶级域名,如二级域...

2019-08-13 15:54:12

React 16新特性简介

React16新特性简介1.render支持Array和String渲染render(){return[<likey="A">Firstitem</li>,<likey="B">Seconditem</li>,<likey="C">Thirditem</li>,...

2019-08-13 15:39:19

浏览器的缓存机制

前言这是一篇基础型文章,日常工作除了用用新框架之外,还可以关注基础哈,不要被它们绑架了。今天早读文章由爱屋吉屋@陈江松分享,由@墨白推荐。正文从这开始~浏览器缓存是前端开发中不可避免的问题,对于web应用来说,它是提升页面性能同时减少服务器压力的利器。本文将简单地描述总结下浏览器缓存的知识和应用,希望对自己和大家都有所帮助浏览器缓存类型有两种,强缓存和协商缓存1.强缓存...

2019-08-13 14:59:08

JS专题之函数柯里化

前言在计算机科学中,柯里化(英语:Currying),又译为卡瑞化或加里化,是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。一、为什么会有函数柯里化?Currying的重要意义在于可以把函数完全变成「接受一个参数;返回一个值」的固定形式,这样对于讨论和优化会更加方便。将关注的重点聚焦到函数本身,而不因冗...

2019-08-12 18:47:13

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。