dizhao3079-CSDN博客

转载实现一个前端路由，如何实现浏览器的前进与后退？

1. 需求如果要你实现一个前端路由，应该如何实现浏览器的前进与后退？博客首更地址：github 2. 问题首先浏览器中主要有这几个限制，让前端不能随意的操作浏览器的浏览纪录：没有提供监听前进后退的事件。不允许开发者读取浏览纪录，也就是 js 读取不了浏览纪录。用户可以手动输入地址，或使用浏览器提供的前进后退来改变 url。所以要实现一个自定义路由，解决方案是自己维...

2019-09-09 11:22:00 216

转载 github 授权登录教程与如何设计第三方授权登录的用户表

需求：在网站上想评论一篇文章，而评论文章是要用户注册与登录的，那么怎么免去这麻烦的步骤呢？答案是通过第三方授权登录。本文讲解的就是 github 授权登录的教程。效果体验地址：http://biaochenxuying.cn 1. github 第三方授权登录教程先来看下 github 授权的完整流程图 1：或者看下 github 授权的完整流程图 2： 1.1 申请一个 O...

2019-09-08 09:21:00 244

转载十分钟弄懂：数据结构与算法之美 - 时间和空间复杂度

复杂度分析是整个算法学习的精髓，只要掌握了它，数据结构和算法的内容基本上就掌握了一半了。 1. 什么是复杂度分析？数据结构和算法解决是 “如何让计算机更快时间、更省空间的解决问题”。因此需从执行时间和占用空间两个维度来评估数据结构和算法的性能。分别用时间复杂度和空间复杂度两个概念来描述性能问题，二者统称为复杂度。复杂度描述的是算法执行时间（或占用空间）与数据规模的增长关...

2019-09-07 09:04:00 192

转载前端架构师亲述：前端工程师成长之路的 N 问及回答

问题回答者：黄轶，目前就职于 Zoom 公司担任前端架构师，曾就职于滴滴和百度。 1. 前端开发问题大佬，能分享下学习路径么，感觉天天忙着开发业务，但是能力好像没有太大提升，不知道该怎么充实自己？解答业务开发有没有痛点，能不能通过技术的手段解决？平时开发业务用到了哪些技术栈和周边的生态链，我是否对他们熟练掌握了，对他们的实现原理呢？平时开发遇到了 bug，调试了...

2019-09-06 09:27:00 352

转载 JavaScript 数据结构与算法之美 - 非线性表中的树、堆是干嘛用的？其数据结构是怎样的？...

1. 前言想学好前端，先练好内功，内功不行，就算招式练的再花哨，终究成不了高手。非线性表（树、堆），可以说是前端程序员的内功，要知其然，知其所以然。笔者写的 JavaScript 数据结构与算法之美系列用的语言是 JavaScript ，旨在入门数据结构与算法和方便以后复习。非线性表中的树、堆是干嘛用的？其数据结构是怎样的？希望大家带着这两个问题阅读下文。 2. 树...

2019-09-05 10:15:00 112

转载 JavaScript 数据结构与算法之美 - 桶排序、计数排序、基数排序

1. 前言算法为王。想学好前端，先练好内功，只有内功深厚者，前端之路才会走得更远。笔者写的 JavaScript 数据结构与算法之美系列用的语言是 JavaScript ，旨在入门数据结构与算法和方便以后复习。之所以把计数排序、桶排序、基数排序放在一起比较，是因为它们的平均时间复杂度都为 O(n)。因为这三个排序算法的时间复杂度是线性的，所以我们把这类排序算法叫作 ...

2019-09-04 10:46:00 108

转载 JavaScript 数据结构与算法之美 - 归并排序、快速排序、希尔排序、堆排序

1. 前言算法为王。想学好前端，先练好内功，只有内功深厚者，前端之路才会走得更远。笔者写的 JavaScript 数据结构与算法之美系列用的语言是 JavaScript ，旨在入门数据结构与算法和方便以后复习。之所以把归并排序、快速排序、希尔排序、堆排序放在一起比较，是因为它们的平均时间复杂度都为 O(nlogn)。请大家带着问题：快排和归并用的都是分治思想，递推公式和...

2019-09-03 08:56:00 138

转载 JavaScript 数据结构与算法之美 - 冒泡排序、插入排序、选择排序

1. 前言算法为王。想学好前端，先练好内功，只有内功深厚者，前端之路才会走得更远。笔者写的 JavaScript 数据结构与算法之美系列用的语言是 JavaScript ，旨在入门数据结构与算法和方便以后复习。之所以把冒泡排序、选择排序、插入排序放在一起比较，是因为它们的平均时间复杂度都为 O(n2)。请大家带着问题：为什么插入排序比冒泡排序更受欢迎？来阅读下文。 ...

2019-09-02 08:35:00 114

转载 JavaScript 数据结构与算法之美 - 你可能真的不懂递归

1. 前言算法为王。排序算法博大精深，前辈们用了数年甚至一辈子的心血研究出来的算法，更值得我们学习与推敲。因为之后要讲有内容和算法，其代码的实现都要用到递归，所以，搞懂递归非常重要。 2. 定义方法或函数调用自身的方式称为递归调用，调用称为递，返回称为归。简单来说就是：自己调用自己。现实例子：周末你带着女朋友去电影院看电影，女朋友问你，咱们现在坐在第几排啊？电...

2019-09-01 09:35:00 114

转载 JavaScript 数据结构与算法之美 - 栈内存与堆内存、浅拷贝与深拷贝

前言想写好前端，先练好内功。栈内存与堆内存、浅拷贝与深拷贝，可以说是前端程序员的内功，要知其然，知其所以然。笔者写的 JavaScript 数据结构与算法之美系列用的语言是 JavaScript ，旨在入门数据结构与算法和方便以后复习。栈定义后进者先出，先进者后出，简称后进先出（LIFO），这就是典型的栈结构。新添加的或待删除的元素都保存在栈的末尾，称作栈顶...

2019-08-31 11:19:00 85

转载 JavaScript 数据结构与算法之美 - 十大经典排序算法汇总（图文并茂）

1. 前言算法为王。想学好前端，先练好内功，内功不行，就算招式练的再花哨，终究成不了高手；只有内功深厚者，前端之路才会走得更远。笔者写的 JavaScript 数据结构与算法之美系列用的语言是 JavaScript ，旨在入门数据结构与算法和方便以后复习。文中包含了十大经典排序算法的思想、代码实现、一些例子、复杂度分析、动画、还有算法可视化工具。这应该是目前比较...

2019-08-30 11:07:00 190

转载 JavaScript 数据结构与算法之美 - 线性表（数组、栈、队列、链表）

前言基础知识就像是一座大楼的地基，它决定了我们的技术高度。我们应该多掌握一些可移值的技术或者再过十几年应该都不会过时的技术，数据结构与算法就是其中之一。栈、队列、链表、堆是数据结构与算法中的基础知识，是程序员的地基。笔者写的 JavaScript 数据结构与算法之美系列用的语言是 JavaScript ，旨在入门数据结构与算法和方便以后复习。 1. 线性表与非线性表...

2019-08-30 09:35:00 380

转载基于 Vue+Mint-ui 的 Mobile-h5 的项目说明

Vue作为前端三大框架之一，其已经悄然成为主流，学会用vue相关技术来开发项目会相当轻松。对于还没学习或者还没用过vue的初学者，基础知识这里不作详解，推荐先去相关官网，学习一下vue相关的基础知识。 a. vue.js 官网参考：https://cn.vuejs.org/ 我的 github 一.搭建vue的相关环境与脚手架的说明首先，要开发vue相关的项目，要会搭建vue的相关...

2019-08-28 23:32:00 261

转载（前端常考面试题）从敲入 URL 到浏览器渲染完成，到底发生了什么？

前言小汪最近在看【WebKit 技术内幕】一书，说实话，这本书写的太官方了，不通俗易懂。但是看完书，对浏览器内核的 WebKit 有了进一步的了解，所以从浏览器内核出发，写这篇文章以记录学到的知识，以加深对 WebKit 的理解。相信很多开发人员在面试时都遇到这个问题，这道题可说是非常非常难的，因为深度可以非常深，广度可以非常广。这题是非常能考查一个前端开发人员的知识体系的题目。...

2019-08-28 16:31:00 383

转载一次网站的性能优化之路 -- 天下武功，唯快不破

首屏作为直面用户的第一屏，其重要性不言而喻，如何加快加载的速度是非常重要的一课。本文讲解的是：笔者对自己搭建的个人博客网站的速度优化的经历。效果体验地址：http://biaochenxuying.cn 1. 用户期待的速度体验 2018 年 8 月，百度搜索资源平台发布的《百度移动搜索落地页体验白皮书 4.0 》中提到：页面的首屏内容应在 1.5 秒内加载完成。也许有人有疑惑：...

2019-08-28 09:29:00 89

转载服务器小白的我，是如何将 node+mongodb 项目部署在服务器上并进行性能优化的...

前言本文讲解的是：做为前端开发人员，对服务器的了解还是小白的我，是如何一步步将 node+mongodb 项目部署在阿里云 centos 7.3 的服务器上，并进行性能优化，达到页面 1 秒内看到 loading ，3 秒内看到首屏内容的。搭建的项目是采用了主流的前后端分离思想的，这里只讲服务器环境搭建与性能优化。效果请看 https://biaochenxuying.cn 1...

2019-08-27 12:32:00 221

转载一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构

1.前言本文内容讲解的内容：一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构。项目地址：https://github.com/biaochenxuying/vue-family-mindmap 文章的图文结合版 Vue-family.md Vue-family.pdf 2. Vue 全家桶先来张 Vue 全家桶总图： 3. Vue 细分如下...

2019-08-26 09:45:00 96

转载那些必会用到的 ES6 精粹

前言最新的 ECMAScript 都已经到发布到 2019 版了。我们应该有的态度是： Stay hungry ! Stay young ！从接触 vue 到工作中用到 vue 将近 2 年了，在开发 vue 项目中用到了很多 es6 的 api ，es6 给我的开发带来了很大便利。本文只总结小汪在工作和面试中经常遇到的 ES6 及之后的新 api 。有空就得多总结，一边总结...

2019-08-25 23:22:00 61

转载 react + node + express + ant + mongodb 的简洁兼时尚的博客网站

前言此项目是用于构建博客网站的，由三部分组成，包含前台展示、管理后台和后端。此项目是基于 react + node + express + ant + mongodb 的，项目已经开源，项目地址在 github 上，喜欢的，欢迎给个 star 。项目地址：前台展示: https://github.com/biaochenxuying/blog-react 管理后台：https...

2019-08-24 16:54:00 97

转载 Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记

前言本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目，并在此过程中踩过的坑。 TypeScript 具有类型系统，且是 JavaScript 的超集，TypeScript 在 2018年势头迅猛，可谓遍地开花。 Vue3.0 将使用 TS 重写，重写后的 Vue3.0 将更好的支持 TS。2019 年 TypeScript 将会更加普及，能够熟练掌握 T...

2019-08-23 11:16:00 194

转载强烈推荐 GitHub 上值得前端学习的开源实战项目

强烈推荐 GitHub 上值得前端学习的开源实战项目。 Vue.js vue-element-admin 是一个后台前端解决方案，它基于和 element-ui 实现基于 iView 的 Vue 2.0 管理系统模板基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用基于 vue + element-ui 的后台管理系统基于Vue.js + Element...

2019-08-22 21:30:00 191