3 承蒙时光不弃1769203735

尚未进行身份认证

hello world!

等级
TA的排名 1w+

Promise为什么比setTimeout先执行?

基本概念为便于理解,在进入正题之前,不得不说以下一些基本的概念。进程与线程进程(process) 是操作系统结构的基础; 是系统进行资源分配和调度的基本单位; 在linux系统中可以使用ps-ef来查询进程列表(如下图)。比进程更小的单位叫做线程。 线程(thread) 是操作系统能够进行运算调度的最小单位; 它被包含在进程之中,是进...

2020-01-14 17:01:24

原生js实现ajax

Ajax的原理:简单来说就是 通过XmlHttpRequest对象向服务器发异步请求,从服务器获得数据,然后用 javascript 来操作DOM更新页面的技术。一般来说,大家可能都会习惯用JQuery提供的Ajax方法,但是用原生的js怎么去实现Ajax方法呢?JQuery提供的Ajax方法:$.ajax({ url: , type: '', da...

2019-12-29 14:35:32

prototype与__proto__区别

__proto__是每个对象都有的一个属性,而prototype是函数才会有的属性!!!使用Object.getPrototypeOf()代替__proto__!!!一、prototype几乎所有的函数(除了一些内建函数)都有一个名为prototype(原型)的属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以有特定类型的所有实例共享的属性和方法。prototype是通过调...

2019-10-12 10:13:47

使用reconnecting-websocket.js实现websocket重连

安装npm install --save reconnecting-websocket使用import ReconnectingWebSocket from 'reconnecting-websocket';// const rws = new WebSocket('ws://my.site.com'); const rws = new ReconnectingWebSock...

2019-09-24 11:58:31

理解WebSocket心跳及重连机制

在使用websocket的过程中,有时候会遇到网络断开的情况,但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有:服务器会继续向客户端发送多余的链接,并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳,说明还活着,没有心跳说明已经挂掉了。1. 为什么叫心跳包呢?它就像心跳一样每隔固定的时间发一次...

2019-09-24 10:50:22

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> <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> <button onclick='tableToExcel()'>导出</button></head><body> &l...

2019-08-29 14:26:26

react将字符串转为标签

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

2019-08-28 14:45:26

Moment.js常见用法总结

Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。​ 日常开发中,通常会对时间进行下面这几个操作:比如获取时间,设置时间,格式化时间,比较时间等等。接下来,我将按照这些操作对Moment.js中的Doc进行整理分类,方便学习和日后的查阅。获取时间 Start of Time 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种,由低到高分别为Read uncommitted 、Read committed 、Repeatable read 、Serializable 。而且,在事务的并发操作中可能会出现脏读,不可重复读,幻读。下面通过事例一一阐述它们的概念与联系。Read uncommitted读未提交,顾名思义,就是一个事务可以读取另一个未提交事务的数据。事例:老板要给程序员发工...

2019-08-14 08:27:05

数据库的ACID

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

2019-08-14 08:23:17

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

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

2019-08-14 08:13:59

js中的数据类型

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

2019-08-14 08:03:05

小程序与H5的区别

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

2019-08-14 07:56:40

react-router 路由的实现原理

React Router 是一个基于 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.错误

可能由于种种版本更新的原因需要执行npm install重新安装一次,如果还是不可以的话,在把之前装的都清空rm -rf node_modulesrm package-lock.jsonnpm cache clear --forcenpm install...

2019-08-13 18:53:37

查看更多

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