- 博客(78)
- 收藏
- 关注
RSS订阅原创 html中的资源加载
css的下载和解析：不阻塞DOM树的构建，但是阻塞渲染js的下载和解析：下载默认同步，但也可以异步，解析一定阻塞后续资源的下载和运行img的下载：异步
2020-06-29 08:59:53
231
转载 hashHistory 和 browserHistory
无论是react，dva,还是antd pro，前端路由使用的是react router，所有可以选择两种方式：browserHistory和hashHistory。两者的区别简单来说是对路由方式的处理不一样，hashHistory 是以 # 后面的路径进行处理，通过 HTML 5 History 进行前端路由管理，而 browserHistory 则是类似我们通常的页面访问路径，并没有 #，通过服务端的配置，能够访问指定的 url 都定向到当前页面，从而能够进行前端的路由管理。所以如果你的 url
2020-06-15 20:46:02
557
转载 js创建对象的方法
JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。一、工厂模式可以无数次调用这个工厂函数，每次都会返回一个包含两个属性和一个方法的对象。工厂模式虽然解决了创建多个相似对象的问题，但是没有解决对象识别问题，即不能知道一个对象的类型。二...
2020-04-24 09:37:55
787
原创 Array常用方法
不改变原数组：1、 concat()连接两个或多个数组不改变原数组返回被连接数组的一个副本2、join()把数组中所有元素放入一个字符串不改变原数组返回字符串3、 slice()从已有的数组中返回选定的元素不改变原数组返回一个新数组4、 toString()把数组转为字符串不改变原数组返回数组的字符串形式改变原数组：5、 pop()删除数组最后一个元素，如果数...
2020-04-22 21:50:36
89
原创 类型转换
在 JS 中类型转换只有三种情况，分别是：转换为布尔值转换为数字转换为字符串显式类型转换1.Number(mix) — 把其他类型的数据转换成数字类型的数据2.parseInt(string,radix) — 将字符串转换成整型类型数字(不四舍五入)(截断数字)当参数string里面既包括数字字符串又包括其他字符串的时候，它会将看到其他字符串就停止了，不会继续转换后面的数字型字...
2020-04-14 11:05:25
774
原创 typeof 和 instanceof
typeoftypeof 一般只能返回如下几个结果：“number”、“string”、“boolean”、“undefined”、“object” 和 “function” 。对于原始类型来说，除了 null 都可以显示正确的类型。对于对象来说，除了函数都会显示 object。instanceofinstanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prot...
2020-04-14 08:47:21
108
转载 webpack-dev-server启动后，localhost:8080返回index.html的原理
webpack-dev-server是一个采用Node.js Express实现的微型服务器, 内部使用webpack-dev-middleware来响应发送到服务器监听单口的HTTP请求。webpack-dev-server主要用于前端项目的本地开发和调试。具体使用，只需要在package.json的devDependencies里添加它的依赖即可。在这里插入图片描述同样在package...
2020-04-01 10:33:01
646
原创 关于react和webpack
打包之前的index.js：mport React from 'react' //创建组件，虚拟DOM，生命周期import ReactDOM from 'react-dom' //把创建好的组件和DOM放在页面上//创建虚拟DOMconst myh1 = React.createElement('h1', null, 'hello react!')//将虚拟DOM渲染在页...
2020-04-01 09:38:35
105
转载 [React Error]: Target container is not a DOM element
webpack在后端对React组件进行渲染的时候，浏览器控制台报错：compose.js:822 Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM element.我很奇怪，webpack可以正常将我的React组件使用babel转换，我的组件代码如下：import Re...
2020-04-01 09:34:09
1164
原创 event属性
1.screenX 和 screenY 是以屏幕为基准进行测量，即：当前元素距离屏幕的尺寸2.pageX 和 pageY 是以当前文档（绝对定位）为基准，不适用于IE6-8。会计算滚动长度3.clientX 和 clientY 是以当前可视区域为基准，类似于固定定位。会忽略滚动长度...
2020-03-24 15:40:16
211
转载 offset、scroll、client
1.offsetoffset 指偏移，包括这个元素在文档中占用的所有显示宽度，包括滚动条、padding、border，不包括overflow隐藏的部分offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的父级元素中最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性...
2020-03-24 15:34:07
135
原创 JS 函数this
普通函数函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。参考：深入理解JS函数中this指针的指向箭头函数箭头函数的this是在定义函数时绑定的，不是在执行过程中绑定的。简单的说，函数在定义时，this就继承了定义函数的对象。function User() { this.name = 'John'; setTimeout...
2020-03-14 10:51:45
103
转载 JS作用域&作用域链
作用域的概念变量作用域的概念：变量作用域就是一个变量可以使用的范围。JS中首先有一个最外层的作用域：称之为全局作用域。JS中还可以通过函数创建出一个独立的作用域，其中函数可以嵌套，所以作用域也可以嵌套。var age = 18; // age是在全局作用域中声明的变量，即为全局变量function f1(){ console.log(name); // 此处可以访问到name变量...
2020-03-14 10:16:20
98
原创 JS this,作用域链
thisvar name='hhhh'function f(){ console.log(this.name);}f(); //hhhhvar obj = { name:'hh', say:f}obj.say(); //hh作用域链var name='hhhh'function f(){ console.log(name);}f(); //...
2020-03-14 10:06:30
63
转载 JS上下文对象
在js的学习中，我们已经不满足于仅了解js的基础知识，而是开始追求更深层次的学习。因为你会发现，仅了解js的基础知识，在开发项目的过程中是远远不够的。今天就来介绍一下在js执行过程中的一些相关内容了。JavaScript运行环境JavaScript的运行不是像C++，Java等编译语言编译后直接在操作系统上运行，因为它是脚本语言，运行时必须要借助引擎来运行，所以它可以在封装了引擎的环境下运行。...
2020-03-14 09:52:26
422
转载 JS哈希表
JavaScript中的对象其实就是哈希表,里面存着若干键值对,属性名称就是哈希表的key，而属性的值就是哈希表的值。一个javascript对象，实际上就是一个数组或是映射。数组和映射的区别在于,数组的数据是并列排序的,映射是无序的,映射使用key来定位其中的成员，而数组使用下标，映射无法使用下标定位，同样数组也无法使用key映射可以使用类似对象属性的方式来访问（如:m.name），也可以使...
2020-03-14 09:28:41
256
转载 Position属性
文档流一、什么是文档流？“流”，我们在生活中经常听到这个词，比如水流，电流。就像水流从高处往低处流一样，我们可以把文档流想象成html元素在浏览器上“流动”。浏览器的顶端就是河流的源头，浏览器的底部就是河流的尽头。那么所谓的文档流（normal flow，也被称为“普通流”），指的是就是元素排版布局过程中，元素会自动从左往右，从上往下地遵守这种流式排列方式。当浏览器渲染html文档时，从顶...
2020-03-11 20:49:45
171
转载 new的实现原理
1.创建一个空对象，构造函数中的this指向这个空对象2.这个新对象被链接到原型3.执行构造函数方法，属性和方法被添加到this引用的对象中4.如果构造函数中没有返回其它对象，那么返回this，即创建的这个的新对象，否则，返回构造函数中返回的对象。...
2020-03-11 20:03:03
189
转载 ES6与ES5的区别
一、声明变量es6声明变量：let x=1;//声明一个变量const y=2;//声明一个只读常量，声明时必须赋值，之后值不可修改es5声明变量：var z=3;//声明一个变量区别：let不存在变量提升，而var存在ps：变量提升：先解析代码，获取所有声明的变量，然后代码自上而下依次运行将变量提升到自身所在作用域的头部，这将导致脚本还未执行，而变量却存在，只不过变量的值为...
2020-03-11 17:29:43
149
转载 JavaScript 线程
一、进程与线程1.进程进程是资源（CPU、内存等）分配的基本单位，它是程序执行时的一个实例。程序运行时系统就会创建一个进程，并为它分配资源，然后把该进程放入进程就绪队列，进程调度器选中它的时候就会为它分配CPU时间，程序开始真正运行。2.线程线程是一条执行路径，是程序执行时的最小单位，它是进程的一个执行流，是CPU调度和分派的基本单位，一个进程可以由很多个线程组成，线程间共享进程的所有资源...
2020-03-09 10:46:24
423
原创 滑动窗口的最大值
题目：给定一个数组和滑动窗口的大小，找出所有滑动窗口里数值的最大值。例如，如果输入数组{2,3,4,2,6,2,5,1}及滑动窗口的大小3，那么一共存在6个滑动窗口，他们的最大值分别为{4,4,6,6,6,5}； 针对数组{2,3,4,2,6,2,5,1}的滑动窗口有以下6个： {[2,3,4],2,6,2,5,1}， {2,[3,4,2],6,2,5,1}， {2,3,[4,2,6],2,5,...
2020-03-06 10:25:29
72
原创 序列化二叉树
题目：请实现两个函数，分别用来序列化和反序列化二叉树二叉树的序列化是指：把一棵二叉树按照某种遍历方式的结果以某种格式保存为字符串，从而使得内存中建立起来的二叉树可以持久保存。序列化可以基于先序、中序、后序、层序的二叉树遍历方式来进行修改，序列化的结果是一个字符串，序列化时通过 某种符号表示空节点（#），以 ！ 表示一个结点值的结束（value!）。二叉树的反序列化是指：根据某种遍历顺序得到的...
2020-03-06 09:08:48
55
原创 二叉搜索树的第k个结点
题目：给定一棵二叉搜索树，请找出其中的第k小的结点。例如， （5，3，7，2，4，6，8） 中，按结点数值大小顺序第三小结点的值为4。思路：递归代码：class Solution: # 返回对应节点TreeNode def __init__(self): self.index = 0 def KthNode(self, pRoot, k):...
2020-03-05 16:04:23
92
原创 把二叉树打印成多行
题目：从上到下按层打印二叉树，同一层结点从左至右输出。每一层输出一行。思路一：BFS代码：class Solution: # 返回二维列表[[1,2],[4,5]] def Print(self, pRoot): queue, res = [], [] queue.append(pRoot) while queue: ...
2020-03-05 10:33:30
88
原创 对称的二叉树
题目：请实现一个函数，用来判断一颗二叉树是不是对称的。注意，如果一个二叉树同此二叉树的镜像是同样的，定义其为对称的。思路一：递归代码：写法一：（判断子节点）class Solution: def isSymmetrical(self, pRoot): if not pRoot: return True if pRoot.left and pRoo...
2020-03-05 09:12:28
85
转载 不同类型语言
编译型和解释型的区别先来看看编译型语言定义：编译型语言首先是将源代码编译生成机器指令，再由机器运行机器码(二进制)。再来看看解释型语言的定义：解释型语言的源代码不是直接翻译成机器指令，而是先翻译成中间代码，再由解释器对中间代码进行解释运行。咋看一眼，还是一脸懵逼。下面打个比方：编译型相当于用中英文词典（翻译器）将一本英文书一次性翻译（编译）成一本中文书。以后查看直接就是中文了。可想...
2020-03-04 17:45:06
155
原创 二叉树的下一个结点
题目：给定一个二叉树和其中的一个结点，请找出中序遍历顺序的下一个结点并且返回。注意，树中的结点不仅包含左右子结点，同时包含指向父结点的指针。思路一：暴力解法代码：# class TreeLinkNode:# def __init__(self, x):# self.val = x# self.left = None# sel...
2020-03-04 12:30:55
67
原创 链表中环的入口结点
题目：给一个链表，若其中包含环，请找出该链表的环的入口结点，否则，输出null。思路一：暴力解法代码：class Solution: def EntryNodeOfLoop(self, pHead): arr = [] while pHead: arr.append(pHead) pHead = pH...
2020-03-04 10:23:49
69
原创 字符流中第一个不重复的字符
题目：请实现一个函数用来找出字符流中第一个只出现一次的字符。例如，当从字符流中只读出前两个字符"go"时，第一个只出现一次的字符是"g"。当从该字符流中读出前六个字符“google"时，第一个只出现一次的字符是"l"。如果当前字符流没有存在出现一次的字符，返回#字符。思路一：哈希代码：class Solution: # 返回对应char def __init__(sel...
2020-03-04 09:16:48
129
原创 表示数值的字符串
题目：请实现一个函数用来判断字符串是否表示数值（包括整数和小数）。例如，字符串"+100",“5e2”,"-123",“3.1416"和”-1E-16"都表示数值。 但是"12e",“1a3.14”,“1.2.3”,"±5"和"12e+4.3"都不是。思路一：穷举代码：class Solution: # s字符串 def isNumeric(self, s): ...
2020-03-03 17:01:57
91
原创 正则表达式匹配
题目：请实现一个函数用来匹配包括’.‘和’‘的正则表达式。模式中的字符’.‘表示任意一个字符，而’'表示它前面的字符可以出现任意次（包含0次）。 在本题中，匹配是指字符串的所有字符匹配整个模式。例如，字符串"aaa"与模式"a.a"和"abaca"匹配，但是与"aa.a"和"ab*a"均不匹配思路：当模式中的第二个字符不是“*”时：1、如果字符串第一个字符和模式中的第一个字符相匹配，那么字...
2020-03-03 16:04:11
119
原创 构建乘积数组
题目：给定一个数组A[0,1,…,n-1],请构建一个数组B[0,1,…,n-1],其中B中的元素B[i]=A[0] * A[1] * … * A[i-1] * A[i+1] * … * A[n-1]。不能使用除法。（注意：规定B[0] = A[1] * A[2] * … * A[n-1]，B[n-1] = A[0] * A[1] * … * A[n-2];）思路一：暴力解法代码：cla...
2020-03-02 15:00:35
75
原创 数组中重复的数字
题目：在一个长度为n的数组里的所有数字都在0到n-1的范围内。 数组中某些数字是重复的，但不知道有几个数字是重复的。也不知道每个数字重复几次。请找出数组中任意一个重复的数字。 例如，如果输入长度为7的数组{2,3,1,0,2,5,3}，那么对应的输出是第一个重复的数字2。思路：利用现有数组设置标志，当一个数字被访问过后，可以设置对应位上的数+n也可开辟一个数组，访问一个数字后就在数组对应下...
2020-03-02 12:20:16
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人