Vue 技术栈
关注
分享
扫一扫
文章平均质量分 85
Vue作为前端框架的佼佼者，已经受到广大开发者的青睐，而且简单易用，上手快速，本专栏将记录整个Vue学习过程，欢迎关注本专栏
一百个Chocolate
一个小帅哥和某厂前端搬砖。
频道内容: 前端技术，编程，我的思考。
用心去做自己热爱的事情️
座右铭: 学如逆水行舟，不进则退。
展开
-
给 VitePress 添加 algolia 搜索
分享 VitePress 集成 algolia 搜索的方法。原创 2022-12-18 20:48:17 · 2948 阅读 · 6 评论 -
【春招&实习&秋招】前端学习の优质资料整理&心路历程（已上岸）
引言CSS篇JS篇追梦子：彻底理解 JS 中 this 的指向追梦子：JavaScript中call,apply,bind方法的总结计算机网络篇神三元：(建议精读）HTTP灵魂之问，巩固你的 HTTP 知识体系神三元：(建议收藏）TCP协议灵魂之问，巩固你的网路底层基础浏览器篇神三元：(1.6w字）浏览器灵魂之问，请问你能接得住几个？数据结构与算法篇awesome-coding-js：用JS玩转数据结构与算法ConardLi：前端该如何准备数据结构和算法？源码篇心路历程 / 大佬原创 2020-06-29 20:58:13 · 7705 阅读 · 17 评论 -
js 让数组展平的 五种 方式
let arr = [1, 2, [3, 4], [5, 6, [7, 8, 9]]];/**第一种方式：flat */let res1 = arr.flat(Infinity);console.log(res1);/**第二种方式：join + split*/let res2 = arr.join().split(',').map(Number);console.log(res2);/**第三种方式： toString + split*/let res3 = arr.toString(原创 2020-06-18 20:26:18 · 2046 阅读 · 0 评论 -
【手撕原理】面试官：来吧，手写一个简单版的 Promise
重新实现Promise.jsclass myPromise{ constructor(exc){ if(typeof exc !== 'function'){ throw new TypeError('this is not a function!') } this.initValue(); this.initBind(); exc(this.resolve,this.reject);原创 2020-06-18 12:41:52 · 1103 阅读 · 0 评论 -
【手撕原理】面试官：来吧，实现一个new操作符
实现一个new操作符的具体实现步骤：首先函数接受不定量的参数，第一个参数为构造函数，接下来的参数被构造函数使用然后内部创建一个空对象 obj因为 obj 对象需要访问到构造函数原型链上的属性，所以我们通过 setPrototypeOf 将两者联系起来。这段代码等同于 obj.proto = Con.prototype将 obj 绑定到构造函数上，并且传入剩余的参数判断构造函数返回值是否为对象，如果为对象就使用构造函数返回的值，否则使用 obj，这样就实现了忽略构造函数返回的原始值/**.原创 2020-06-18 11:29:47 · 936 阅读 · 0 评论 -
【手撕原理】apply方法的实现原理
apply 的核心原理：将函数设为对象的属性执行和删除这个函数指定 this 到函数并传入给定参数执行函数如果不传参数，默认指向 windowFunction.prototype.myApply= function(content = window){ content.fn = this; //此时this指向的是调用myApply的函数bar let res; if(arguments[1]){ res = content.fn(...argument原创 2020-06-18 11:13:16 · 1166 阅读 · 0 评论 -
字节跳动前端面试准备（一）
拓展什么是原生开发？什么是混合开发？两者有什么区别？原生开发(NativeApp开发)：像盖房子一样，先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等，原生APP同理：通过代码从每个页面、每个功能、每个效果、每个逻辑、每个步骤全部用代码写出来，一层层，一段段全用代码写出来此种APP的数据都保存在本地，APP能及时调取，所以相应速度及流畅性有保障混合开发(HTML5开发)：这个就相当于一种框架开发，说白了就是网页;该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户原创 2020-06-12 10:52:58 · 2162 阅读 · 2 评论 -
字节跳动前端一面面经
投递初春招过去了，面了两次腾讯，两次一面直接gg，但这两份经历对我是有很大帮助的，体会到了一定差距。但在6月份，看了牛客网讨论区，又发现了字节跳动一直在招人，从未停止过，而且正好某天瞧见了内推码，于是乎，我又想尝试一下了，赶紧迭代一下简历，投！投！投！要求1、计算机、软件相关专业；2、熟悉HTML, CSS, JavaScript和HTTP协议基本知识；3、熟悉常用的数据结构以及其使用场景；4、有参与设计和实现的项目（无论大小）；5、了解浏览器调试工具；6、有强烈的求知欲和进取心，具有扎实原创 2020-06-12 10:52:04 · 3964 阅读 · 18 评论 -
js 用几种方式实现继承（构造函数继承、原型链继承、组合方式继承）
面试官：说说JS几种方式继承方式？我：这个...原创 2020-05-16 10:10:16 · 1450 阅读 · 5 评论 -
【前端】那些容易忘掉的前端知识 Vue梳理篇
面试官：你居然还可以这样回答？原创 2020-05-05 16:05:46 · 6063 阅读 · 11 评论 -
【前端】那些容易忘掉的前端知识 webpack梳理篇
一文解锁前端知识，梳理webpack，原来可以这样回答！原创 2020-05-04 22:50:56 · 1068 阅读 · 0 评论 -
2020 vue 美团全栈项目（完结）
Vue全家桶+SSR+Koa2 全栈开发仿美团网☀☀☀项目地址： https://github.com/Chocolate1999/Vue-family-bucket-SSR-Koa2-full-stack-development-from-Meituan学习地址：传送门项目介绍融汇 前端+服务端 全栈项目，提供后端数据接口，源码开放，可进行二次开发与优化。主要业务首页登录/注册...原创 2020-04-18 19:55:16 · 4670 阅读 · 7 评论 -
【Vue全家桶+SSR+Koa2全栈开发】项目搭建过程 整合 学习目录（持续更新中）
Vue全家桶+SSR+Koa2全栈开发仿美团学习笔记，目前达27035字数，提供本次学习源码原创 2020-04-16 13:35:31 · 2885 阅读 · 2 评论 -
【白嫖党】如何把前端学好？看完这篇，直呼：太强了！（历经半个月之作）
很少有文章做到将知识形成一个体系，于是需要翻阅很多资料，但这篇文章做到了！共34815字数。原创 2020-04-04 21:35:42 · 23537 阅读 · 74 评论 -
【前端全家桶】 HTTP协议类
关于HTTP协议的介绍，什么是持久连接，什么是管线化，以及更多面试常见问题拓展原创 2020-04-04 12:28:57 · 660 阅读 · 0 评论 -
【前端全家桶】JS 面向对象知识 OOP 类与实例 继承的几种方式
本文从面向对象角度讲解继承的几种方式，区分优缺点，是面试加分点。原创 2020-04-04 12:18:43 · 763 阅读 · 0 评论 -
15个前端攻城狮必备的学习网站 | 你知道几个？（附视频介绍）
这15个网站，对于大学期间学习已经足够了。另附视频介绍原创 2020-04-01 18:23:51 · 11160 阅读 · 13 评论 -
【再也不怕面试官要你手写排序算法】一文详细解读前后端之各种排序算法及知识拓展（附图示） JS / C / C++
金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，好运连连，Offer终究鼠于你，持续更新中。原创 2020-03-31 22:21:38 · 1920 阅读 · 4 评论 -
【前端知识梳理】HTML篇 笔记整理（一）
写在开头大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。一直想着成为一个up主，正值时间挺多的，4月份左右面试的面经我会制作视频去分...原创 2020-03-28 15:21:56 · 1709 阅读 · 0 评论 -
【前端干货】金三银四 我面了腾讯 分享面经/学习笔记/实习经历 （附视频讲解分享）
写在开头面试总时长大约100分钟，下午3点面试，结束接近5点样子。总体感觉就是体会到了差距，但也算是一次历练吧，大场面我都经历过了，也无惧小场面了。下面就将面经分享一下，主要是分享一下题目把，答案网上应该都能找到。PS：题目肯定是不唯一的，写这篇博客的原因：记录总结这次面试分享一下面经体会差距，努力学习注：不代表这套题就是你会被问到的，可以学习一下面试模式此次面试官：IMWeb团...原创 2020-03-27 10:13:25 · 3299 阅读 · 7 评论 -
【金三银四】一个问题就知道你会不会CSS了
引言金三银四，特地整理一份面试题，现介绍本文特色：1、适合前端，需要面试找工作2、即将毕业面临实习，积累经验3、从务实基础到彻底弄懂4、探索框架源码，研究前端必备算法5、直击阿里、腾讯、美团、今日头条等大厂原题，逐步引入6、学完即准备投简历BAT/TMD这样的大公司是如何面试的注意嗷，在这里TMD可不是骂人的话哦，可能你知道BAT，但TMD你知道么？（不知道赶紧去百度！）...原创 2020-03-16 20:29:21 · 1119 阅读 · 0 评论 -
Vue 技术栈 带你探究 vue-router 源码 手写vue-router
现在开始逐步深入Vue 技术栈，想了想，技术栈专栏的主要内容包括：1、Vue源码分析2、手把手教 保姆级 撸代码3、无惧面试，学以致用，继承创新4、谈谈前端发展与学习心得5、手写源码技术栈，附上详细注释6、从源码中学习设计模式，一举两得7、编程思想的提升及代码质量的提高8、通过分析源码学习架构，看看优秀的框架9、项目实战开发10、面试准备，完善个人简历原创 2020-03-12 14:11:45 · 1299 阅读 · 0 评论 -
Vue 探究 virtual dom 和 diff算法
关于diff算法和虚拟dom，也是面试常见的问题，平常容易忽视，这里我也就深入研究了一下原创 2020-03-12 13:07:10 · 856 阅读 · 0 评论 -
Vue 路由工作流程 hash 与 history
vue-router是怎么触发监听事件的呢？其实就是用到了hash，这里对于前端来说就着重介绍hash了，history记得会有一定兼容性问题。原创 2020-03-12 12:15:50 · 908 阅读 · 0 评论 -
Vue插件开发一系列api Vue.util.defineReactive 手写实现
本文探索Vue插件开发一系列api ，很重要的一个就是：`Vue.util.defineReactive`，它就是Vue监听`current`变量重要执行者原创 2020-03-12 12:13:02 · 8587 阅读 · 1 评论 -
从源码来认知 Vue.util.extend 与 Vue.extend 的区别
关于这个问题，我百度了一下，貌似很少有人去探究这个问题，既然查不到，那么我们就从源码来学习，这就是一个比较好的方法。源码能够给你答案！原创 2020-03-12 12:08:45 · 1647 阅读 · 0 评论 -
Vue 技术栈 教你玩"坏" v8引擎 吃透 js 内存回收机制
现在开始逐步深入Vue 技术栈，想了想，技术栈专栏的主要内容包括：1、Vue源码分析2、手把手教 保姆级 撸代码3、无惧面试，学以致用，继承创新4、谈谈前端发展与学习心得5、手写源码技术栈，附上详细注释6、从源码中学习设计模式，一举两得7、编程思想的提升及代码质量的提高8、通过分析源码学习架构，看看优秀的框架9、项目实战开发10、面试准备，完善个人简历原创 2020-03-10 19:42:27 · 1552 阅读 · 4 评论 -
Vue 技术栈 手写响应式原理 到 探索设计模式
我们学习知识并不只是为了应付面试那种程度，对于面试应该作为我们的最低要求。这里就体现了数据安全思想，前端程序员或许考虑的没有Java程序员多，甚至没有为变量想过某个变量设置不可修改。由于工作的需要，我们也要努力提升自己的代码质量！让自己的职业生涯更加辉煌！原创 2020-03-08 08:55:45 · 3671 阅读 · 6 评论 -
Vue 技术栈专栏 文章架构出炉
现在开始逐步深入Vue 技术栈，想了想，技术栈专栏的主要内容包括：1、Vue源码分析2、手把手教 保姆级 撸代码3、无惧面试，学以致用，继承创新4、谈谈前端发展与学习心得5、手写源码技术栈，附上详细注释6、从源码中学习设计模式，一举两得7、编程思想的提升及代码质量的提高8、通过分析源码学习架构，看看优秀的框架9、项目实战开发10、整理自己的面试，完善个人简历原创 2020-03-07 12:10:11 · 3374 阅读 · 1 评论