一百个Chocolate
一个小帅哥和某厂前端搬砖。
频道内容: 前端技术,编程,我的思考。
用心去做自己热爱的事情️
座右铭: 学如逆水行舟,不进则退。
展开
-
感谢相遇,Chocolate 同学要出书了,小册用户优先体验
感谢相遇,Chocolate 同学要出书了,小册用户优先体验。原创 2021-09-10 11:18:53 · 383 阅读 · 1 评论 -
小狮子前端Vue进阶小册 开通食用指北
☀️小狮子前端Vue进阶小册 食堂开饭啦????前端下饭厨师长の自我介绍大家好,我是 Chocolate,计算机领域的 ycy,CSDN博客专家,平常习惯就是写博客,总结所学知识,因为我觉得计算机领域知识特别多,并且更新速度很快,今天才学的东西明天就更新换代都是可能的,并且知识如果不长期巩固是容易遗忘的,写博客总结就是一个很好的输入输出过程。考虑了许久之后,还是申请了这个专栏。与其说是专栏,我还是更喜欢叫它小册,因为我更想让它成为一本书籍。那么你食用这本小册能够学到什么?????小册介绍本小册用于原创 2020-07-05 09:31:51 · 3460 阅读 · 2 评论 -
「奇妙的 CSS 」学习 flex 相关
文章目录前言需要使用的特性flex-flowjustify-contentalign-itemsalign-content子元素伸缩比例特殊写法总结前言css 这一块知识比较薄弱,而所在公司对于 css 写界面有较大需求,同时还要做响应式,这不正好趁着业余(摸鱼)时间来学习 css本文知识点并不会包含整体内容,主要是根据项目所需来学习整理,望周知。需要使用的特性flex-flow可以定义主轴方向( flex-direction ) 与 是否换行( wrap )justify-content原创 2021-03-15 11:05:29 · 514 阅读 · 2 评论 -
写给零基础的前端算法入门指南,acmer带女友刷80+【递归与回溯篇】|牛气冲天新年征文
前言各位小伙伴们新年好呀,时隔一周,俺又回来更新文章啦!在上一篇发出去之后,虽然没有得到很多的阅读量,但是后面几篇文章还是得要更新出来,我想总能够帮助一小部分人咯~现在和大家分享一下我们是如何准备算法这一块的,春招即将开启,还能最后准备一下,希望对大家有所帮助。原本打算通过一篇文章介绍一下,推荐一下自己的刷题方式和刷题路线,得到一些伙伴的反馈:最好还是更加详细,面向零基础,小白这些,还有github访问速度也是一方面问题,可能图片都加载不出来。因此,我打算分模块出几期文章,这样你只用通过首发在.原创 2021-02-16 15:24:17 · 3304 阅读 · 5 评论 -
写给零基础的前端算法入门指南,acmer带女友刷80+【栈与队列与链表篇】
前言之前的文章大部分都是写给女友系列,但有一段时间没有进行更新了,一方面春招要准备开始了,另一方面女友还在准备年前面试,面试之后的复盘总结是挺重要的。访问 HearLing的个人主页 会持续分享前端知识体系。好像越要到过年了,一些写作时间还多了起来,现在和大家分享一下我们是如何准备算法这一块的,正好春招即将开启,年前还能最后准备一下,希望对大家有所帮助。本文若未经作者授权,禁止转载,如若发现雷同,必将追究责任到底!原本打算通过一篇文章介绍一下,算法这一块到底如何准备首先,我来简单介绍一原创 2021-02-08 15:47:41 · 672 阅读 · 2 评论 -
某跳动面试官:你再说说微信扫码登录背后的实现原理?(以某东为例)
引言这个问题我是在今年8月份的时候被问到过,当时一脸懵,当面试官一提出这个问题,我当场回答这个没接触过,可能不知道。面试官笑了笑:这是一个设计题,如果你原本就会的话,我就不会要你来设计了。我:(苦笑…)凭借三寸不烂之舌和面试官讨论了起来,说完之后信心满满,但结果反手就收到了一份正式地感谢信。当时,面试官问你还有什么想要问我的吗? 我请教了这个问题,面试官回答说,你其实也猜到了一点,但是我想要的那个逻辑你没理清楚,然后吧啦吧啦引导了一下,告知可以待会学习一下,这个也挺多人讨论的。直到今天,又收到了一原创 2021-02-01 17:27:12 · 2122 阅读 · 4 评论 -
【2021春招】JavaScript深入之bind的模拟实现
JavaScript深入之bind的模拟实现Function.prototype.myBind = function (context = window) { //判断调用者是否为函数 if (typeof this !== 'function') { return new TypeError('Error'); } //保存this调用方法的本身 const that = this; //获取参数 const args = Array.from(arguments).原创 2021-01-24 21:45:14 · 368 阅读 · 0 评论 -
【2021春招】JavaScript深入之apply的模拟实现
JavaScript深入之apply的模拟实现Function.prototype.myApply = function (context = window, arr) { context.fn = this; var result; if (!arr) { result = context.fn(); } else { var args = []; for (var i = 0, len = arr.length; i < len; i++) {原创 2021-01-24 20:39:04 · 295 阅读 · 0 评论 -
【2021春招】JavaScript深入之call的模拟实现
JavaScript深入之call的模拟实现Function.prototype.myCall = function (context = window) { // console.log(context); // foo context.fn = this; // console.log(this); // bar:function var args = []; for (var i = 1, len = arguments.length; i < len;原创 2021-01-24 20:38:47 · 243 阅读 · 0 评论 -
【2021春招】setTimeout第二个参数为0时和匿名自执行函数区别
setTimeout第二个参数为0时和匿名自执行函数区别setTimeout(f,0)setTimeout的作用是将代码推迟到指定时间执行,如果指定时间为0,即setTimeout(f,0),那么会立刻执行吗?答案是不会。因为setTimeout运行机制说过,必须要等到当前脚本的同步任务和“任务队列”中已有的事件,全部处理完以后,才会执行setTimeout指定的任务。也就是说,setTimeout的真正作用是,在“任务队列”的现有事件的后面再添加一个事件,规定在指定时间执行某段代码。setTimeo原创 2021-01-23 11:34:14 · 736 阅读 · 0 评论 -
【2021春招】new 运算符操作过程
new 运算符操作过程原创 2021-01-23 10:28:58 · 383 阅读 · 0 评论 -
【2021春招】深拷贝问题
分别用ES5、ES6实现深拷贝,进行封装,同时用WeakMap解决死循环问题原创 2021-01-22 20:50:51 · 365 阅读 · 2 评论 -
【2021春招】浅拷贝问题
浅拷贝Object.assign()语法:Object.assign(target, ...sources) ES6中拷贝对象的方法,接受的第一个参数是拷贝的目标 target ,剩下的参数是拷贝的源对象 sources(可以是多个)。详细介绍,可以阅读文档《MDN Object.assign》。let obj = { name: 'Chocolate', score: { web: 99, math: 100 }}let newObj = Object.assi原创 2021-01-22 19:56:22 · 279 阅读 · 0 评论 -
一夫当关,15道高频手撕代码面试题整理
仰望星空的人,不应该被嘲笑最后文章产出不易,还望各位小伙伴们支持一波!往期精选:小狮子前端の笔记仓库leetcode-javascript:LeetCode 力扣的 JavaScript 解题仓库,前端刷题路线(思维导图)小伙伴们可以在Issues中提交自己的解题代码,???? 欢迎Contributing,可打卡刷题,Give a ⭐️ if this project helped you!访问超逸の博客,方便小伙伴阅读玩耍~学如逆水行舟,不进则退...原创 2020-12-28 15:37:04 · 598 阅读 · 4 评论 -
「星辰大海」你可能需要知道的 promise 知识的总结(内附思维导图)
前言学完本篇文章,你将会明白如下几大模块知识:迭代器生成器promiseasync、await迭代器是什么提出问题在了解迭代器之前,我们先来提出一个问题:遍历和迭代有什么区别?如下代码,对于数组、字符串、对象等我们可以按照如下方式进行遍历。var arr = [1, 2, 3, 4];var str = '123';var obj = { a: 1, b: 2 };// 遍历数组for (let i = 0; i < arr.length; i++) { co原创 2020-12-14 21:48:33 · 617 阅读 · 0 评论 -
「高频面试题」消息队列 和 事件循环系统(内附思维导图)
前言最近又和女友,咳咳…(说出来可能又会被打s)学习事件循环,这不,学会(废)了之后,赶紧写一篇博客复盘总结一下~接上一期「数组方法」写给女友的一系列 JS 数组操作(建议收藏 | 内附思维导图) 文章发出去之后,有些小伙伴还真发给自己女友了,不知道“感动”了没有哈(手动滑稽)。那么,这次女友直接说明白了,那么我就从“头”开始讲讲事件循环系统,通过一篇文章搞定这一块知识点。事件循环非常底层且非常重要,学会它能让你理解页面到底是如何运行的。话说女友会点开这篇文章么?我“啪”地一下就醒过来了.原创 2020-12-06 09:20:42 · 1365 阅读 · 0 评论 -
「数组方法」一系列 JS 数组操作(建议收藏 | 内附思维导图)
前言最近和女友,咳咳…(说出来可能会被打s)学习JS数组方法,用几个字形容的话就是听说过,实际使用、遇到的时候就分不清具体方法会得到怎样的结果。今天我将通过这篇文章好好整理一下关于JS数组的方法,让大家通过这一篇文章 掌握 数组一系列操作,同时,在面试或者工作的时候也能写出简洁、优雅、美观、高效的代码。其次,这篇写给女友,她看到会感动到哭嘛?会吗会吗会吗?话说我有女友吗?啊这,这…这重要吗?(手机端可能看不清)获取高清PDF,请在微信公众号【小狮子前端Vue】回复【数组方法】文章目录.原创 2020-12-02 19:44:13 · 489 阅读 · 2 评论 -
「查漏补缺」Vue2.0 源码重写『数据劫持』【面试必备】
前言学习源码的目标是学习其中的设计思路,在工作业务中就可利用这些思路编写我们的项目。初始化及环境搭建创建一个 vueDemo文件夹,初始化 npmnpm init -ywebpack安装初始化我们需要 webpack 环境,执行下面代码:npm install webpack webpack-cli webpack-server入口文件然后,在项目根目录下创建 webpack.config.js 文件,配置一下入口文件,如下:module.exports = { // 配置入口原创 2020-10-11 12:22:14 · 2418 阅读 · 7 评论 -
某跳动面试官:请你设计一下ES6中 class 实现私有属性
引言这个问题也是和上一篇博客一样,也是在今年8月份的时候被问到过,当时知道class这个东西,在社区里面看过一些class继承相关知识,但是没有真正动手敲过代码,犹记得当时对话场景是这样的:面试官:你应该了解过ES6吧?(这个当然),那好,那你知道ES6中有一个class,你可以设计实现它的私有属性吗?我:emmm(此时我想了想,好像可以用闭包来做),我可以采用闭包的思想来做嘛?面试官:当然可以(show me the code)于是乎,我就写下了这一份代码:class classA{ //原创 2020-10-10 15:55:56 · 607 阅读 · 2 评论 -
某跳动面试官:说说微信扫码登录背后的实现原理?
引言这个问题我是在今年8月份的时候被问到过,当时一脸懵,当面试官一提出这个问题,我当场回答这个没接触过,可能不知道。面试官笑了笑:这是一个设计题,如果你原本就会的话,我就不会要你来设计了。我:(苦笑…)凭借三寸不烂之舌和面试官讨论了起来,说完之后信心满满,但结果反手就收到了一份正式地感谢信。当时,面试官问你还有什么想要问我的吗? 我请教了这个问题,面试官回答说,你其实也猜到了一点,但是我想要的那个逻辑你没理清楚,然后吧啦吧啦引导了一下,告知可以待会学习一下,这个也挺多人讨论的。直到今天,又收到了.原创 2020-10-09 20:37:20 · 2195 阅读 · 0 评论 -
「JavaScript灵魂之问」前端知识梳理之 JS 篇(上篇)
基础typeof 知多少前置知识:typeof 判断数据类型会输出如下这些:number string boolean object undefined function需要注意的:console.log(typeof(null)) // objectconsole.log(typeof(undefined)) // undefined开门见山,下面输出会是什么?console.log(typeof(1 -'1'))number,你有没有中招呢?console.log(typeo原创 2020-09-16 14:17:07 · 371 阅读 · 0 评论 -
「leetcode-javascript 」适合前端小伙伴的刷题路线,全程使用的语言是 JavaScript
☀️leetcode-javascript ????仓库地址传送门:https://github.com/Chocolate1999/leetcode-javascript????公告感谢访问本站,若喜欢请收藏,star支持一下 ✿✿ヽ(°▽°)ノ✿此处应该有一个思维导图,待更新,mark⛄️笔记网站(更新)https://yangchaoyi.vip/ (基于hexo-butterfly主题搭建的博客,整理面试记录)https://yangchaoyi.vip/iBook/原创 2020-09-14 11:15:30 · 1973 阅读 · 0 评论 -
【建议前端必刷】 用 js 刷LeetCode 算法专题(全)
写作初心提问:为什么要学习数据结构和算法?如果你能明确这个问题的答案,just do it !直接跳过后面内容,开始刷题就好了。解决问题的思想计算机只是一个很冰冷的机器,你给他下发什么样的指令,它就能作出什么样的反应。而开发工程师要做的是如何把实际的问题转化成计算机的指令,如何转化,来看看《数据结构》的经典说法:设计出数据结构, 在施加以算法就行了。所以,很重要的一点,数据结构和算法对建立解决问题的思想非常重要。如果说 Java 是自动档轿车,C 就是手动档吉普。数据结构呢?是变速箱的原创 2020-08-04 22:59:33 · 4733 阅读 · 0 评论 -
(1.8w字,建议收藏)Vue源码解析—动手实现简化版MVVM
引言相信只要去面试 Vue,都会被用到 vue的双向数据绑定,你如果只说个 mvvm就是视图模型模型视图,只要数据改变视图也会同步更新,那可能达不到面试官想要的那个层次。甚至可以说这一点就让面试官觉得你知识了解的还不够,只是粗略地明白双向绑定这个概念。几种实现双向绑定的做法目前几种主流的 mvc(vm)框架都实现了单向数据绑定,即用数据操作视图,数据更新,视图同步更新。而双向数据绑定无非就是在单向绑定的基础上给可输入元素(如 input、textarea等)添加了 change(input)事件,来动原创 2020-07-18 11:31:36 · 862 阅读 · 4 评论 -
【建议收藏】使用 Netlify 教你免费将React/Vue项目上线!(前端自动化部署服务)
使用 Netlify 教你免费将React/Vue项目上线!(前端自动化部署服务)原创 2020-07-06 20:20:41 · 1420 阅读 · 0 评论 -
女朋友要我教她CSS,我就写了这一篇长文,感动哭了?
女朋友她又要我教她CSS,这4w字长文够了吗?她会被感动到吗?原创 2020-05-30 10:48:06 · 9646 阅读 · 93 评论 -
【前端知识梳理】HTML篇 笔记整理(一)
写在开头大家好,这里是lionLoveVue,基础知识决定了编程思维,学如逆水行舟,不进则退。金三银四,为了面试也还在慢慢积累知识,Github上面可以直接查看所有前端知识点梳理,github传送门,觉得不错,点个Star★,持续更新中。另外,也可以关注微信公众号:小狮子前端Vue,源码以及资料今后都会放在里面。一直想着成为一个up主,正值时间挺多的,4月份左右面试的面经我会制作视频去分...原创 2020-03-28 15:21:56 · 1597 阅读 · 0 评论 -
【金三银四】一个问题就知道你会不会CSS了
引言金三银四,特地整理一份面试题,现介绍本文特色:1、适合前端,需要面试找工作2、即将毕业面临实习,积累经验3、从务实基础到彻底弄懂4、探索框架源码,研究前端必备算法5、直击阿里、腾讯、美团、今日头条等大厂原题,逐步引入6、学完即准备投简历BAT/TMD这样的大公司是如何面试的注意嗷,在这里TMD可不是骂人的话哦,可能你知道BAT,但TMD你知道么?(不知道赶紧去百度!)...原创 2020-03-16 20:29:21 · 1058 阅读 · 0 评论 -
Vue 探究 virtual dom 和 diff算法
关于diff算法和虚拟dom,也是面试常见的问题,平常容易忽视,这里我也就深入研究了一下原创 2020-03-12 13:07:10 · 811 阅读 · 0 评论 -
Vue 路由工作流程 hash 与 history
vue-router是怎么触发监听事件的呢?其实就是用到了hash,这里对于前端来说就着重介绍hash了,history记得会有一定兼容性问题。原创 2020-03-12 12:15:50 · 874 阅读 · 0 评论 -
Vue 技术栈 带你探究 vue-router 源码 手写vue-router
现在开始逐步深入Vue 技术栈,想了想,技术栈专栏的主要内容包括:1、Vue源码分析2、手把手教 保姆级 撸代码3、无惧面试,学以致用,继承创新4、谈谈前端发展与学习心得5、手写源码技术栈,附上详细注释6、从源码中学习设计模式,一举两得7、编程思想的提升及代码质量的提高8、通过分析源码学习架构,看看优秀的框架9、项目实战开发10、面试准备,完善个人简历原创 2020-03-12 14:11:45 · 1177 阅读 · 0 评论 -
Vue 技术栈 教你玩"坏" v8引擎 吃透 js 内存回收机制
现在开始逐步深入Vue 技术栈,想了想,技术栈专栏的主要内容包括:1、Vue源码分析2、手把手教 保姆级 撸代码3、无惧面试,学以致用,继承创新4、谈谈前端发展与学习心得5、手写源码技术栈,附上详细注释6、从源码中学习设计模式,一举两得7、编程思想的提升及代码质量的提高8、通过分析源码学习架构,看看优秀的框架9、项目实战开发10、面试准备,完善个人简历原创 2020-03-10 19:42:27 · 1441 阅读 · 4 评论 -
Vue 技术栈 手写响应式原理 到 探索设计模式
我们学习知识并不只是为了应付面试那种程度,对于面试应该作为我们的最低要求。这里就体现了数据安全思想,前端程序员或许考虑的没有Java程序员多,甚至没有为变量想过某个变量设置不可修改。由于工作的需要,我们也要努力提升自己的代码质量!让自己的职业生涯更加辉煌!原创 2020-03-08 08:55:45 · 3581 阅读 · 6 评论 -
【前端】那些容易忘掉的前端知识 Vue梳理篇
面试官:你居然还可以这样回答?原创 2020-05-05 16:05:46 · 6000 阅读 · 11 评论 -
【前端】那些容易忘掉的前端知识 webpack梳理篇
一文解锁前端知识,梳理webpack,原来可以这样回答!原创 2020-05-04 22:50:56 · 1027 阅读 · 0 评论 -
【白嫖党】如何把前端学好?看完这篇,直呼:太强了!(历经半个月之作)
很少有文章做到将知识形成一个体系,于是需要翻阅很多资料,但这篇文章做到了!共34815字数。原创 2020-04-04 21:35:42 · 23097 阅读 · 74 评论 -
(近5w字)面向小白のVue全家桶开发电商管理系统项目总结文档
(近5w字)面向小白のVue全家桶开发电商管理系统项目,挖掘项目亮点,提供学习地址。原创 2020-07-05 08:42:28 · 2351 阅读 · 2 评论 -
【春招&实习&秋招】前端学习の优质资料整理&心路历程(已上岸)
引言CSS篇JS篇追梦子:彻底理解 JS 中 this 的指向追梦子:JavaScript中call,apply,bind方法的总结计算机网络篇神三元:(建议精读)HTTP灵魂之问,巩固你的 HTTP 知识体系神三元:(建议收藏)TCP协议灵魂之问,巩固你的网路底层基础浏览器篇神三元:(1.6w字)浏览器灵魂之问,请问你能接得住几个?数据结构与算法篇awesome-coding-js:用JS玩转数据结构与算法ConardLi:前端该如何准备数据结构和算法?源码篇心路历程 / 大佬原创 2020-06-29 20:58:13 · 7485 阅读 · 17 评论