![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
曹操今天也很可爱
这个作者很懒,什么都没留下…
展开
-
判断字符串是否是json形式的字符串
以下是我写的方法,若为json字符串返回true,不是则返回falseisJson = (str) => { if (isNaN(Number(str))) { try { JSON.parse(str); return true; } catch (e) { return false; } ...原创 2019-08-06 19:34:54 · 7641 阅读 · 0 评论 -
promise源码分析、Promise和async-await的区别与联系
详解Promise/Promise/A+ 规范Promise原理与实现简述promise原理Promise内部实现的原理源码太长了看不懂kkkkasync-await和Promise的关系promise与async和await的区别原创 2019-08-26 09:42:50 · 625 阅读 · 0 评论 -
cookie详解
http是无状态的,所以引入了cookie来管理服务器与客户端之间的状态与cookie相关的http首部字段有:1.Set-Cookie:它一个响应首部字段,从服务器发送到客户端,当服务器想开始通过cookie进行状态管理,它就会向客户端发送Set-Cookie字段。2.Cookie:它是一个请求首部字段,从客户端发送到服务器cookie是保存在客户端的,cookie是绑定在特定域名下的(...原创 2019-08-29 09:36:52 · 1471 阅读 · 0 评论 -
node.js的三大特点
1.单线程2.非阻塞I/O3.事件驱动在Node中,客户端请求建立连接,提交数据等行为,会触发相应的事件。在Node中,在一个时刻,只能执行一个事件回调函数,但是在执行一个事件回调函数的中途,可以转而处理其他事件(比如,又有新用户连接了),然后返回继续执行原事件的回调函数,这种处理机制,称为“事件环”机制。Node.js底层是C++(V8也是C++写的)。底层代码中,近半数都用于事件队列、...原创 2019-08-29 10:44:51 · 403 阅读 · 0 评论 -
react高阶组件
高阶组件1、什么是高阶组件?高阶组件就是一个 React 组件包裹着另外一个 React 组件因为要访问它的内部状态,所以要用到继承高阶组件就是一个函数,它接受另一个组件作为参数,并返回一个新的组件。当 React 组件被包裹时(warped),高阶组件会返回一个增强的 React 组件。高阶组件让代码更具有复用性、逻辑性和抽象特性。2 、为什么要使用高阶组件?为了代码的复用性,减...原创 2019-08-29 16:07:13 · 196 阅读 · 0 评论 -
发布订阅模式与观察者模式
背景设计模式并非是软件开发的专业术语,实际上,“模式”最早诞生于建筑学。设计模式的定义是:在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。通俗一点说,设计模式是在某种场合下对某个问题的一种解决方案。如果再通俗一点说,设计模式就是给面向对象软件开发中的一些好的设计取个名字。这些“好的设计”并不是谁发明的,而是早已存在于软件开发中。一个稍有经验的程序员也许在不知不觉中数次使用过这些设...转载 2019-08-31 20:39:59 · 183 阅读 · 0 评论 -
浏览器的一个请求从发送到返回都经历了什么?
https://www.cnblogs.com/echo-hui/p/9298203.html原创 2019-08-31 22:17:33 · 170 阅读 · 0 评论 -
Http和Https的区别
无论是在校学习还是找工作的时候,老师和面试官都问过同学http和https的区别。平时上网的时候也没有关注这个问题,只是知道计算机网络里Http的概念,所以最近才查资料好好补补这一块。其实这一块的知识延伸很广,如果之前不太了解加密算法和SSL协议,可以在学习了这个问题的基础上再做研究。一、Http和Https的基本概念Http:超文本传输协议(Http,HyperText Transfer P...原创 2019-09-05 11:29:26 · 123 阅读 · 0 评论 -
addEventListener的执行顺序
html文件<html> <head> </head> <body> <div id="box1" style="height: 140;width : 140px;background-color:red "> box1 <div id="...原创 2019-09-07 16:17:55 · 3163 阅读 · 0 评论 -
深入了解float之“不完全脱离文档流”
本文目录:float的特性float与absolute的区别float与inline-block清除浮动的方法及优缺点1. float的特性一个元素设置了float属性,会表现出如下特性:包裹性块状格式化上下文破坏文档流没有margin合并文字环绕(设计初衷)float最早的设计目的是用于图片,使文字能够环绕在图片周围,像下面这样:文字环绕效果是很明显的,这里要...原创 2019-08-18 15:45:32 · 1255 阅读 · 0 评论 -
深入了解BFC
先来看看常见的定位方式定位方案是控制元素的布局,常见的有三种:普通流(normal flow)其实就是元素按照再HTML中的先后位置之上而下布局,在这个过程中,行内元素水平排列,直到当行被沾满然后换行,块级元素则会被渲染为完整的一个新行,除非另外制定,否则所有元素默认都是普通流定位,也可以说,普通六中元素的位置由该元素再HTML文档中的位置决定。浮动(float)在浮动布局中,元素首先...原创 2019-08-17 20:27:37 · 155 阅读 · 0 评论 -
记一次SuperAgent的使用
SuperAgent是什么?superagent它是一个强大并且可读性很好的轻量级ajaxAPI,是node里一个关于HTTP方面的一个库,而且它可以将链式写法玩的出神入化。 var superagent = require('superagent'); superagent .post('/api') .send({ '...原创 2019-08-06 19:51:30 · 1107 阅读 · 0 评论 -
怎样获取网址(url)中的字符串参数
1、获取整个URL字符串要想获取URL中的参数,首先我们就要获取到整个URL字符串。我们使用:“ http://www.zhihuaw.com/wap/tmpl/member/member.html?token=zhihua_wei”这个URL为例。 //window.location.protocol设置或获取 URL 的协议部分 var test = window.lo...原创 2019-08-13 17:04:28 · 4178 阅读 · 0 评论 -
深入了解flex弹性盒(语法及应用)
本教程源自对大漠老师的一个完整的Flexbox指南 和阮一峰老师的Flex布局教程语法篇和实例篇的学习和整理,仅作为知识整理和分享,不作任何商业用途。本教程分为语法篇和实例篇和传统布局比较传统的网页布局(layout)解决方案,是基于盒模型,依赖display+float+position属性,这对于那些特殊的布局非常的不方便,比如垂直居中就不易于实现。2009年,W3C提出了一种新的...原创 2019-08-18 18:11:33 · 218 阅读 · 0 评论 -
用js完成点击按钮实现复制的功能
先贴代码,Button是antd-design中的button,要做到的是点击button复制span中的内容。toClipboard = () => { const copySpan = document.getElementById('copy'); const range = document.createRange(); range.selectNodeC...原创 2019-08-07 11:06:37 · 5675 阅读 · 0 评论 -
记一次react+mbox的踩坑经历
问题:使用的是react和mbox,页面是用antd-mobile中的table封装的wulitable,columns设置显示的数据,但是需求是根据list的appid数据来对照mplist中的id数据,然后从mplist中拿到name数据显示到页面上,在这里我是这样写的@observerclass Manager extends React.Component<IProps, {}...原创 2019-08-08 11:41:07 · 899 阅读 · 0 评论 -
html中meta标签的使用
meta标签作用META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO)。PS:便于搜索引擎机器人查找、分类,互联网应用应该要注意。meta详解meta标签可分为两大部分:http-equiv和name变量。http-equivhttp-equiv相当于http的文件头作用,...原创 2019-08-25 11:20:30 · 534 阅读 · 1 评论 -
2种方法实现经典的左侧固定宽度200px,右侧自适应宽度的布局
首先我们假定页面上已有下列元素:<body > <div id="left" ></div> <div id="right"></div> </body>第一种方法:float+margin-left这种方法是最简单也是最容易想到的方法(至少在我看来),请看如下CSS:div{ hei...转载 2019-08-16 15:14:03 · 3377 阅读 · 0 评论 -
javascript中的排序算法
1. 大O表示法2.冒泡排序3.选择排序3. 插入排序3. 希尔排序5.快速排序总体代码function ArrayList() { this.array = [] ArrayList.prototype.insert = function (item) { this.array.p...原创 2019-08-17 11:05:15 · 156 阅读 · 0 评论 -
js 中二叉树的深度遍历与广度遍历(递归实现与非递归实现)
https://www.jianshu.com/p/5e9ea25a1aae原创 2019-09-08 22:47:28 · 572 阅读 · 0 评论