- 博客(24)
- 收藏
- 关注
RSS订阅原创 优化长列表 | React实现虚拟列表
业务场景一次性插入1000条dom，如何不卡顿？如电商列表，朋友圈等等…懒加载最常见的方案是使用懒加载，懒加载的形式有很多，如滑动加载，但假设对已加载但不在用户视图的dom做处理，只会造成dom树冗余堆积，对低版本的机型和浏览器不友好，很容易造成卡死现象。优化在此基础上，有一个好的思路是列表在用户在视图的部分即渲染，不在的部分则不渲染，节省性能。react的社区非常的丰富，对于长列表的优化提供了react-virtualized库，实现了可视化列表的渲染。虚拟列表对于react-virtual
2022-01-23 21:49:58
2050
4
原创 前端社招一年|阿里，腾讯，百度面经（百度已oc）
背景楼主双非非科班出身，大四下开始自学计算机，毕业后在4399做前端，base广州。说是做前端，其实干的事情非常杂，经常要自己写接口和数据库，部门经理也打算让我走后端的路，所以满一年打算找家下家专注前端。面试前的准备###1.简历校招简历可以不带项目或者实习，有的公司甚至985科班就可以进，但社招相对比较侧重技术维度和业务维度，如果你是业务巨人，也可以弥补技术的不足，考量的维度非常多维，所以简历作为第一关也是非常重要的一环，在本篇中不做赘述，后面会单独出一篇讲简历如何写（先挖个坑）。###2.算法
2021-06-08 09:30:04
858
原创 腾讯前端社招面经（一面，5.18更新）
背景学习一年计算机，现在在一家小厂从事前端开发，但是觉得技术栈比较老旧，想去一家新厂见识下世面（涨工资去~）腾讯一面（视频面：1h左右）1.自我介绍2.介绍一个满意的项目，亮点(模块化思想)3.react会吗（答不会，没学过）4.其他技术栈（react,angularJs,jquery，vue3掌握情况）5.vue掌握程度（答掌握工具，知悉其中一两个）6.vuex介绍，工作原理（答得不好，复习的不多）7.eventBus介绍,和vuex对比，优缺点8.如果没有vuex，会有什么问题？（组
2021-05-18 23:00:00
1679
1
原创 2020学习总结 | 成为一位菜鸟前端需要掌握多少“基础”？
前言2020注定是不平凡的一年，和许多小伙伴一样，我拿着平平无奇的简历，几份实习，不是很拔尖的绩点，完全在竞争剧烈的秋招中败下阵脚。春招之前的转折点是，想起之前自学的计算机基础，我开始着手金融专业转计算机，借着疫情被困家里不如说是一个学习的好机会，每天八小时高强度的学习，不断review基础知识和面试，终于在四月份找到一份不错的工作。一点疑问Q：师兄，我已经大三了，找不到工作想转计算机求职还来得及吗？A：时间上完全是来得及，但需要注意的是，你需要硬软兼备：硬件——计算机专业需要比较好的计算和逻辑
2021-01-02 16:37:22
3341
7
原创 高并发下处理主从数据库延时导致脏读的方案
本文以陈述基础为主，有意见欢迎大佬指正，综述参考的文章见文章末尾。为了理解标题的问题，我们先了解一下以下几个基础概念：什么是脏读简而言之，脏读指的是某次事务读取到的数据是脏数据（即与最终数据库不一致的数据），发生的情形来自于由于不同事务交错操作导致的读取数据错乱。举个例子，A事务读取B事务尚未提交的数据，此时如果B事务发生错误并执行回滚操作，那么A事务读取到的数据就是脏数据。就好像原本的数据比较干净、纯粹，此时由于B事务更改了它，这个数据变得不再纯粹。这个时候A事务立即读取了这个脏数据，但事务B良心
2020-09-15 15:10:28
1664
原创 实习期的业务总结
本篇文章重点在于工作内容与思维的收获。难度组长和导师给我分配的需求任务总体难度不大，但是由于个人基础较为薄弱，前期完成起来十分费劲。从一开始的cocos小游戏一天写一个小板块，到后来能熟练在较短时间完成一款游戏的开发，实际上是对业务和方法的一个不断总结复盘。所以从难度角度而言，所有的业务都是同质的。不存在解决不了的业务，只有还未总结到的方法和架构。开发环境公司所有的业务逻辑都是封装好的，这就迫使我在使用某个模块的时候，先要看清底层设计逻辑，再不断的熟知运用，准确无误后才能说是适应公司这部分的开发环境
2020-09-15 11:53:19
287
原创 4399面经（2020.5.1更新，已过）
三月底投的简历，4.15做完笔试，难度不大，基本能做完，形式是选择题加编程加客观题。4.20收到一面通知，开始我的4399面试体验之旅。一面（电话面，时长：20min）1.自我介绍2.专业问题，非科班为什么选择做开发？3....
2020-05-01 14:15:51
3260
原创 拼多多一二三面面经（2020.4.28更新）（已凉）
好不容易过了笔试，前几天收到拼多多面试通知，准备了好久的算法和计网，结果问了框架和ES6，问怕了，赶紧查漏补缺。面试官人挺和善的，会指明思路或者做拓展，与其是面试不如是听大佬做分享，最后还给了我学习建议。TAT…欲哭无泪，赶紧把框架和ES6补补。一面视频面试（时长：60min）1.mySQL查询去重（去重不会，跟面试官说mySQL只是了解）2.ES6用过哪些？ …res map set ...
2020-04-18 14:58:36
4127
原创 二叉树的创建与遍历
二叉树：每个结点子树不超过两个的树称为二叉树创建function BT(){ this.root = null this.Node = e => { this.value = e this.left = null this.right = null }}二叉树的前中后序遍历（递归）1.前序遍历 —— 根左右function DLR(root){ consol...
2020-04-18 11:22:13
387
原创 手撕promise（持续更新）
思路promise三个状态：pending:等待态，此时函数未被调用fulfilled:成功态，函数调用resolve方法rejected:失败态，函数调用reject方法此外，由于then方法遇到的异步等待和回调第二个 promise2 ，还要考虑维护两个栈（分别是 resolvedCallbacks 和 rejectedCallbacks ）和 resolvePromise 判断调用...
2020-04-17 19:27:41
417
原创 sass-loader版本太高导致vue的scss解析失败
已经不是第一次遇到了，解决方案：安装旧版本loadernpm uninstall sass-loader（卸载当前版本）npm install sass-loader@7.3.1 --save-dev
2020-04-08 21:54:02
1559
原创 同花顺前端岗面经（2020.4.13更新）(已过)
这几天忙着搞适配和vue的重构，暂停投简历，没想到今天早上十一点左右同花顺打电话来（惊了，没充分复习vue的面试题呢！！），之前是过了笔试（嗯，没错将近40道题目，写的我头昏眼花），以为提交AI面试之后才有人工面试，问了面试官，面试官说可以同步进行。ok,fine~一面面经（电话面试，时长：20min）1.vue生命周期，dom操作是在哪个时候？（update）2.mouted和create...
2020-04-08 12:22:16
4458
2
原创 美团点评前端一面面经（很大程度凉哈哈）
背景本人双非院校，金融专业，大三开始学的IT，大四开始全面学习前端，从三月中期开始准备自己的简历，把自己的项目做了一些总结po在git上，投了三四家大公司和若干家小公司，做了2-3场笔试后，美团在笔试后一天打电话捞起了我。一面（大概率凉经）说是凉的原因呢是因为算法题在面试前没复习，光顾着看vue了，所以大家一定要吸取我的教训（不说了刷题去），重点：二叉树，链表1.多进程与多线程（一开始的浏...
2020-03-22 14:21:49
3072
原创 vue-rounter的使用心得
文章目录完整的 vue-router 导航解析流程vue-router有哪几种导航钩子（ 导航守卫 ）？vue-router如何响应 路由参数 的变化？vue-router有哪几种导航钩子（ 导航守卫 ）？完整的 vue-router 导航解析流程1、导航被触发。2、在失活的组件里调用离开守卫。3、调用全局的 beforeEach守卫。4、在重用的组件里调用 beforeRouteUpd...
2020-03-22 10:26:36
670
原创 安装babel,webpack所遇到的一些坑
SyntaxError: JSON.parse: expected ‘,’ or ‘}’ return window.JSON.parse( data + “” );这个我检查过了是中英文输入的问题，有个冒号用了中文输入，程序就报错了npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! webpack-wzl@1.0.0 start:这是最大的...
2020-02-16 15:57:42
876
原创 类的继承和创建
类的创建（es5）new一个function，在这个function的prototype里面增加属性和方法。下面来创建一个Animal类：// 定义一个动物类function Animal (name) {// 属性this.name = name || 'Animal';// 实例方法this.sleep = function(){console.log(this....
2020-02-15 00:38:38
550
原创 浏览器工作原理，渲染，及内核
工作原理1、解析HTML构建Dom树（Document Object Model，文档对象模型），DOM 是W3C组织推荐的处理可扩展置标语言的标准编程接口。2、构建渲染树，渲染树并不等同于Dom树，像head标签 或 display: none这样的元素就不需要放到渲染树中了，但它们在Dom树中。3、对渲染树进行布局，定位坐标和大小、确定是否换行、确定position、overflow、z...
2020-02-12 21:14:00
392
原创 JS的事件处理机制
事件流Dom0级事件规定事件流顺序：事件捕获，处于目标阶段，事件冒泡。而常见的事件流，分为冒泡流和捕获流。事件冒泡IE的事件流叫做叫做事件冒泡（event bubbling），即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。<!DOCTYPE html><html lang="en"><head&...
2020-02-12 15:30:28
453
原创 获取Dom元素八种方法
普通的6种通过ID获取（getElementById）通过name属性（getElementsByName）通过标签名（getElementsByTagName）通过类名（getElementsByClassName）获取html的方法（document.documentElement）获取body的方法（document.body）特别的2种通过css选择器获取一个元素（quer...
2020-02-12 14:50:28
421
转载 JS创建对象的六种方式
JavaScript是一种面向对象的程序设计语言，既然是面向对象，那么就一定存在去创建对象，本文就主要深入学习下创建对象的六种方式。一、Object构造函数这种方式我也称之为：基于已有对象扩充其属性和方法创建对象。代码如下：这种创建对象的方式比较简单，是基于已经存在的Object对象来去扩展属性和方法，但是缺点也很明显，就是如果需要大量的同类对象就意味着大量的重复性的代码，效率不高。二、...
2020-02-12 14:37:46
509
原创 作用域与作用域链，以及关于原生链的回顾
作用域简单来说，如果把代码比作鱼，那作用域就是水。这样来看，作用域就是代码的执行环境。一般分成两种作用域：1，全局作用域：全局的执行环境，无非是windows的对象，供内部环境调用。2，函数作用域：私有作用域，供内部函数代码运行。这两类作用域本质都是栈内存，所以，作用域也可以说成是，代码执行开辟栈内存。作用域链当代码在环境中执行时，会创建变量对象的一个作用域链。内部环境可以通过作用域...
2020-02-12 14:32:52
199
原创 初识vue | vue的生命周期和双向绑定原理
vue面试必问两题“你用过vue?那你说说vue的生命周期和双向绑定原理(mvvm模式)？”如果你的简历中有使用vue的相关经历，那面试官这两个问题你肯定逃不了。生命四部曲vue的生命四部曲无非是：创建-挂载-更新-销毁答出这点恐怕很难让面试官眼前一新，如果要使他满意，你至少需要说出较为完整的过程。1.**创建实例。**创建实例首先是执行init(vue自带组件)，在init的过程当中...
2020-01-30 20:24:25
430
原创 闭包，跨域与原型链
闭包闭包是指A函数包含B函数，而B函数能够调用A函数（即父函数）里的变量，我们就称B函数是闭包。代码演示：function init(){ var name = 100; function(){ alert(name) } //B函数即闭包函数}闭包在应用中随处可见，使用闭包就是为了代码运行的整洁。跨域当请求一个url的协议、域名、端口三...
2020-01-23 15:16:20
214
原创 什么是回调函数？回调函数的应用举例
什么是回调函数？回调函数的应用举例这里写自定义目录标题)关于新手学习回调的一点心得学习了前端几个月来，自己一直在文件夹和word有记录，但是总归是要养成写博客和git的习惯会好归于整理。回归今天主题，回调函数是js里一个比较常用和新手容易忽略深入学习的函数，其实回调在实际开发中经常可用，比如做一个幻灯片，选项卡，再举例到最基本的跨域请求，都有回调的影子。回调函数定义百度百科中这样定义：回...
2020-01-20 13:45:09
973
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人