- 博客(21)
- 收藏
- 关注
转载 实现一个前端路由,如何实现浏览器的前进与后退 ?
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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人