- 博客(32)
- 收藏
- 关注
RSS订阅原创 前端方向有用的教程链接整理
ES6 语法：教程 Babel：教程 React：教程，示例库 Webpack：教程 React 项目脚手架：代码库 Flex 布局：教程，示例 CSS Modules：教程，示例库 React-Router：教程，示例库 Flux 架构：教程，示例库 Redux 架构：教程一、教程二、教程三 ...
2018-07-25 08:57:15
337
转载 前端面试经典题目合集（HTML+CSS）
(整理自网络，侵删)1、浏览器页面有哪三层构成，分别是什么，作用是什么? 构成：结构层、表示层、行为层 分别是：HTML、CSS、JavaScript 作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。2、HTML5的优点与缺点？优点： a、网络标准统一、HTML5本身是由W3C推荐出来的； ...
2018-06-16 16:22:31
1350
转载 前端面试经典题目合集--77题
（整理自网络，侵删）1.请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定的域名下最多生成20个cookie1.IE6或更低版本最多20个cookie2.IE7和之后的版本最后可以有50个cookie。3.Firefox最多50个cookie4.chrome和Safari没有做硬性限制IE和Opera 会清理近期最...
2018-06-16 16:01:36
2218
原创 数据结构-经典排序算法实现及其可视化（JavaScript实现）
实现经典的9种排序算法，分析其时间复杂度以及空间复杂度，并用动画的方式演示。一、冒泡排序步骤：比较相邻的元素，如果前一个比后一个大，就把它们两个调换位置。对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对。这步做完后，最后的元素会是最大的数。针对所有的元素重复以上的步骤，除了最后一个。持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。JavaScript实现：var b...
2018-05-28 11:19:30
4071
1
原创 数据结构-基于邻接表实现图的遍历可视化及使用Floyd、Dijkstra算法求解最短路径（JavaScript实现）
使用 JavaScript 基于邻接表实现了图的深度、广度遍历，以及 Floyd、Dijkstra 算法求解最短路径。另外使用 SVG 实现图的遍历可视化。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图论</title
2018-05-25 11:21:02
2228
2
原创 数据结构-基于邻接矩阵实现图的遍历可视化及使用Floyd、Dijkstra算法求解最短路径（JavaScript实现）
使用 JavaScript 基于邻接矩阵实现了图的深度、广度遍历，以及 Floyd、Dijkstra 算法求解最短路径。另外使用 SVG 实现图的遍历可视化。一、输入首先，输入数据主要有两个，一个是存放节点名的数组，另一个是存放边对象的数组。例如：//存放图结点的数组var graphVertex = ["v0","v1","v2","v3","v4","v5","v6&
2018-05-25 11:16:08
2169
原创 JavaScript继承
主要介绍JavaScript几种经典继承模式原理，以及他们的优缺点。一. 原型链原理：使用父类的示例重写子类的原型。实现：function SuperType(){ this.property = true;}SuperType.prototype.getSuperValue = function(){ return this.property;};function SubType()...
2018-05-25 10:45:42
240
原创 数据结构-树的遍历可视化（JavaScript实现）
使用JavaScript实现树的深度优先遍历（前序和后序）、广度优先遍历（层序），分别使用递归和非递归的方式实现。注：a. 非递归实现效率高，代码可读性较差；b. 递归代码写出来思路清晰，可读性强，但效率较低，且递归的次数受堆栈大小的限制，容易发生堆栈溢出。 以下代码使用SVG 实现树的遍历可视化：<!DOCTYPE html><html><head lang="...
2018-05-20 19:52:56
3240
1
原创 数据结构-字符串模式匹配BF和KMP算法(Javascript实现)
模式匹配是数据结构中字符串的一种基本运算，给定一个子串，即在某个字符串中找出与该子串相同的所有子串的过程。例如，在主串S= "abcdacde" 中找出子串 T = "cd", 找到子串后返回在主串中子串所在的位置索引 [2, 5]。 一、朴素的模式匹配算法（BF） 算法思想：从目标串的的第一个字符起与模式串的第一个字符比较，若相等，则继续对字符进行后续的比较，否则...
2018-05-20 19:43:10
766
原创 数据结构-栈和队列(Javascript实现)
用顺序结构和链式结构分别实现栈和队列一、栈实现顺序栈和链栈的插入、删除、获取栈顶等方法(function(){var Stack = function(){ var arr = []; //压栈 var push = function(node){ arr[arr.length] = node; } //弹栈 var pop = function(){ var top = a...
2018-05-20 19:13:55
313
原创 数据结构-线性表(Javascript实现)
使用JavaScript实现链表的插入、删除、求长度等方法。"use strict"//结点类var Node = function(){ this.data = null; this.next = null;}//链表类var LinkList = function(){ var first = new Node(); //计算链表长度 var length = functi...
2018-05-20 19:05:43
477
原创 从输入URL到浏览器显示页面的详细过程
一般可分为如下 7 个步骤：1、浏览器中输入网址。2、发送至 DNS 服务器并获得域名对应的 WEB 服务器的 ip 地址。DNS 解析首先会从你的浏览器的缓存中去寻找是否有这个网址对应的 IP 地址，如果没有就向OS系统的 DNS 缓存中寻找，如果没有就是路由器的 DNS 缓存， 如果没有就是 ISP 的DNS 缓存中寻找。所以，缓存的寻找过程就是： 浏览器 -> 系统 -> 路由器...
2018-05-13 16:59:14
1464
原创 跨域技术
1）跨域源资源共享（CORS，Cross-origin resource sharing）它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。CORS需要浏览器和服务器同时支持。浏览器将CORS请求分成两类：简单请求和非简单请求简单请求浏览器一旦发现CORS简单请求，就会在头信息中添加一个Origin字段，包含请求页面的源信息（协议+域名+端口），...
2018-05-13 16:45:20
374
原创 浏览器渲染页面的过程
浏览器渲染页面的过程：浏览器会将HTML解析成一个DOM树，DOM 树的构建过程是一个深度遍历过程：当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点。（更具体的解析HTML过程看上一篇博客：https://blog.csdn.net/Alan_1550587588/article/details/80297765）将CSS解析成 CSS Rule Tree（css规则树） 。解析完...
2018-05-13 15:55:17
556
原创 HTML文档解析和DOM树的构建
浏览器解析HTML文档生成DOM树的过程以下是一段HTML代码，以此为例来分析解析HTML文档的原理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="script.js">&l
2018-05-13 12:31:15
7866
转载 SVG的使用
一、SVG简介简介：SVG 是使用 XML 来描述二维图形和绘图程序的语言。 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类...
2018-05-07 09:47:38
279
转载 Canvas 和 SVG 对比
Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。首先canvas是html5提供的新元素<canvas>，而svg存在的历史要比canvas久远，已经有十几年了。svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。在H5中看似canvas与svg很像，但是，他们有巨大的差别。SVG：SVG...
2018-05-07 09:14:07
3787
原创 C++容器-4容器适配器stack、queue、priority_queue
C++容器-容器适配器stack、queue、priority_queue 一、栈（stack）先进后出，原理见数据结构，不多赘述。头文件:#include主要有以下操作:stack stk;stk.empty() 如果栈为空返回true，否则返回falsestk.size() 返回栈中元素的个数s
2017-09-14 14:18:57
342
转载 C++容器-3关联容器map、set
C++容器-3关联容器map、set关联容器与顺序容器的本质区别在于：关联容器是通过键(key)存储和读取元素的，而顺序容器则通过元素在容器中的位置顺序存储和访问元素。 关联容器支持通过键来高效地查找和读取元素，两个基本的关联容器是map和set。map的元素是“键-值”对的二元组形式：键用作元素在map中的索引，而值则表示所存储和读取的数据。set仅包含一个键，并有效地支持关于某
2017-09-14 10:51:24
452
原创 C++容器-2顺序容器vector、list、deque的使用
C++容器之顺序容器vector、list、deque的使用1、vector（向量）的使用内部数据结构：数组。随机访问每个元素，所需要的时间为常量。在末尾增加或删除元素所需时间与元素数目无关，在中间或开头增加或删除元素所需时间随元素数目呈线性变化。可动态增加或减少元素，内存管理自动完成，但程序员可以使用reserve()成员函数来管理内存。vector的迭代器在
2017-09-14 10:06:00
422
转载 C++容器概述
C++容器概述容器用来存储数据的，数据可以是用户自定义类型（对象），也可以是预定义类型。C++中的容器是在标准库std中实现的几种数据结构，主要是队列和栈。在学习容器之前，先简单理一理数据结构基础知识。一、介绍数据元素之间的相互联系方式称为数据的逻辑结构，也称数据结构。按照数据的逻辑结构来分，有两种形式：线性结构和非线性结构。线性结构是指除第一个和最后一个数据元素外
2017-09-11 15:23:45
744
原创 PCL获取Kinect v2点云
PCL获取Kinect v2点云本博客主要参考网络上的教程博客，加上自己遇到的问题。环境：win8_x64、VS2013、OpenCV2.4.9、PCL1.7.2、Kinect SDK2.0 主要参考博客：http://www.pclcn.org/bbs/forum.php?mod=viewthread&tid=1195 本博客用到的库和
2017-05-17 18:27:20
7729
10
原创 在ubuntu上安装Cmake、opencv2.4.9、PCL1.8、g2o
在ubuntu上安装Cmake、opencv2.4.9、PCL1.8、g2o 本教程用到的软件和工具可以在百度网盘下直接下载（想下载别的版本的下面也有官网下载链接）：链接：http://pan.baidu.com/s/1bLtXx0 密码：3x98 一、Cmake的安装 官网下载Cmake:https://cmake.org/download/ 1、把cm
2017-05-12 16:10:48
1323
原创 在vmware虚拟机上安装ubuntu操作系统
在vmware虚拟机上安装ubuntu 虚拟机是个软件，安装后可用来创建虚拟机，在虚拟机上再安装系统，在这个虚拟系统上再安装应用软件，所有应用就像操作一台真正的电脑。本教程是在vmware12.5.0上安装ubuntu-14.04系统。软件百度云盘链接：http://pan.baidu.com/s/1bpncpw7 密码：p8ypUbuntu官网下载地址：http://cn.ubu
2017-05-12 15:46:04
6613
1
原创 PCL all-in-one VS配置
参考博客：http://blog.csdn.net/caimagic/article/details/51395084大体步骤和上面博客相同，下面做一些补充：1、error LNK1104: 无法打开文件“vtkalglib-gd.lib” 这个错误是因为在添加附加包含目录时vtk部分应添加为C:\Program Files\PCL1.7.2\3rdParty\VTK\l
2017-04-16 20:07:47
2522
转载 pcl曲面重建模块-poisson重建算法示例
转自：http://www.cnblogs.com/bozhicheng/p/5800874.htmlPoisson曲面重建算法PCL-1.8测试通过代码：#include #include #include #include #include #include #include #include #include #include #include
2017-04-16 16:05:27
2540
原创 数据结构-二叉树:C++模板类递归实现与非递归实现
C++模板类递归实现与非递归实现二叉树遍历实现的功能: 1.存储，2.前序遍历，3.中序遍历，4.后序遍历，5.层序遍历。递归实现二叉树代码：//二叉树-二叉链表-递归********************************************************************//输入示范：// A
2017-04-16 11:47:09
862
原创 数据结构-队列:循环队列与链队列的C++模板类实现
C++模板类实现循环队列和链队列实现的功能: 1.入列，2.出列，3.显示对头，4.判空，5.判满，6.清空队列，7.求队列长度。循环队列的模板类实现代码：//循环队列******************************************************************************#include usin
2017-04-10 19:49:14
781
原创 数据结构-栈:顺序栈与链栈的C++模板类实现
C++模板类实现顺序栈和链栈实现的功能: 1.压栈，2.弹栈，3.显示栈顶元素，4.判空，5.判满，6.清空栈，7.求栈长度。顺序栈的C++模板类实现代码：//顺序栈*********************************************************************#include using namespace std;
2017-04-10 19:29:28
1146
原创 数据结构-顺序表与单链表的C++模板类实现
C++模板类实现顺序表实现功能: 1.尾插，2.头插，3.显示，4.尾删，5.头删，6.按位置，7.插按值插，8.按位置删，9.按值删，10.按值查，11.求表长，12.清除数据，13.摧毁该顺序表，14.反转，15.冒泡排序。顺序表模板类实现代码://顺序表********************************************************
2017-04-10 19:18:13
745
原创 PCL点云库学习记录
1、计算程序运行时间PCL中计算程序运行时间的函数有很多，利用控制台计算时间的方法是：a、包含头文件 #include b、定义 pcl::console::TicToc time; //定义对象 time.tic(); //开始记录时间 /**这里可以放想要计算时间的程序段**/c、std::cout就
2017-03-10 10:11:39
1752
原创 Kinectfusion开源实现_配置Kinfu环境_Cmake编译PCL点云库_Kinect3D重建
此教程在win10_x64、VS2010_x86环境下，配置运行KinectFusion的开源实现Kinfu、使用Cmake编译PCL点云库
2017-01-17 13:28:52
6386
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人