程序员新社区 - 个人主页动态

发布(2004) 评论刷题收藏

2021-11-17 16:23

前言 在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 对于一次性插入大量数据的情况，一般有两种做法： 时间分片 虚拟列表 本文作为开篇，着重来介绍如何使用时间分片的方式来渲染大量数据，虚拟列表相关的内容，日后会持续整理。 最粗暴的做法（一次性渲染） 我们先来看看最粗暴的做法，一次性将大量数据插入到页面中： <ul id="container"></ul> 复制代码 // 记录任务开始时...

0 点赞评论收藏

2021-11-17 16:22

中国石油大学（华东） Java

灵活运用CSS开发技巧(66个实用技巧，值得收藏)

前言 何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景交融、首尾呼应、衬托对比、白描细描、比喻象征、借古讽今、卒章显志、承上启下、开门见山、动静相衬、虚实相生、实写虚写、托物寓意、咏物抒情等，这些应该都是我们从小到大写文章而接触到的写作技巧。 作为程序猿的我们，写代码同样也需要大量的写作技巧。一份良好的代码能让人耳目一新，让人容易理解，让人舒服自然，同时也让自己成就感...

0 点赞评论收藏

2021-11-17 16:22

已编辑

中国石油大学（华东） Java

灵活运用CSS开发技巧(66个实用技巧，值得收藏)

前端必备 Nginx 配置 Nginx (engine x) 是一个轻量级高性能的HTTP和反向代理服务器，同时也是一个通用 代理服务器 （TCP/UDP/IMAP/POP3/SMTP），最初由俄罗斯人Igor Sysoev编写。   基本命令       nginx -t 检查配置文件是否有语法错误 nginx -s reload 热加载，重新加载配置文件 nginx -s stop 快速关闭 nginx -s quit 等待工作进程处理完成后关闭 复制代码     搭建好nginx服务器并启动...

0 点赞评论收藏

2021-11-17 16:22

已编辑

中国石油大学（华东） Java

前端必备 Nginx 配置

nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高性能的HTTP和反向代理服务器，也是一个通用的TCP/UDP代理服务器，最初由俄罗斯人Igor Sysoev编写。 nginx现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用程序中所担任的角色，以及如何解决这些问题是非常必要的。 下面我将从nginx在企业中的真实应用来解释nginx在应用程序中起到的作用。 为了便于理解，首先先来了解一下一些基础知识，nginx是一个高性能的反向代理服务器那么什么是反向代理呢？ 正向代理与反向代理 代理是在服...

0 点赞评论收藏

2021-11-17 16:21

已编辑

中国石油大学（华东） Java

前端资源分享-只为更好前端

一、团队组织 网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站 CDC 腾讯用户研究与体验设计部 FEX 百度Web前端研发部出品 淘宝前端团队（FED） 用技术为体验提供无限可能 凹凸实验室 京东用户体验设计部出品 奇舞团 奇虎360旗下前端开发团队出品 阿...

0 点赞评论收藏

2021-11-17 16:21

中国石油大学（华东） Java

今日头条前端面经

回馈一波~~今日头条，前端面经（三面全，offer已到手），19实习。   今日头条 2018.03.20 一面   一面问了好多问题，都是基础上很细节很钻的问题，平时不怎么遇到。 1.写一个深度拷贝 2.cdn原理 3.尾递归 4.状态码304 和 200 5.null == undefined 为什么 6.不同数据类型的值的比较，是怎么转换的，有什么规则 7.jit;jc 我不知道是什么 8.float的元素，display是什么 9.暂停死区 10.bootstrap清除浮动的方法 11.this的指向 哪几种 12.看一下github 13.Redi...

0 点赞评论收藏

2021-11-17 16:21

已编辑

中国石油大学（华东） Java

京东前端面经（123面详细）

广州面试，14号一面，16号二三面。 一面：25分钟左右   1.根据项目问了websocket协议和node.js 就讲了下websocket协议，以及nodejs中有哪些模块实现了这个协议。 2..TCP/IP体系，和HTTP关系。 讲了下TCP/IP体系结构以及每层的主要协议。 3.TCP三次握手详解 说了每一步发送什么，状态变为什么，以及为什么每一步要发送什么。。 4.HTTP各版本比较。 主要讲了下2.0，和1.1，1.0比较了下 5.数据结构学过哪些？ 串、栈、队列、链表、哈希表、树、图 6.js如何实现一个栈。 主要就是数组的尾部操作增加、删除。 ...

0 点赞评论收藏

2021-11-17 16:20

中国石油大学（华东） Java

前端开发人员为什么应该拿高薪

市场需求 决定产品价格最重要的是供求关系。技术水平重要，但绝没有市场供给关系重要。不能理解的话举个简单例子，空气重要么？重要，人没了空气活不了，但是为什么不值钱？就是因为在市场关系中是供远远大于求的。 现在是互联网公司的春天，很多公司如雨后春笋般发展，所以对前端开发的需求很旺盛，都是处在供小于求的情况。随便上招聘网一搜，北上广深这些一线城市不说，二线城市一个月的招聘消息都不少。更别说现在像竞鹿网这种新型招聘网站的出现，更是有利于求职者的。 工作强度 这个字体是不是大一点清楚些？ 这个颜色不好看，改成红***r> 这里加个特效… 最近流行扁平化设计，网站需要改版… 这种需...

0 点赞评论收藏

2021-11-17 16:20

中国石油大学（华东） Java

2019金九银十前端面经总结

这个冬天（互联网寒冬）对很多前端er来说是难过的，经济不景气，各大公司纷纷停止初级人员的招聘。然而灾难却不止如此，很多公司为了节约过冬成本，纷纷开启裁员模式。很不幸，作为应届生的我，在一瞬间感受到了公司的冷漠无情。 被裁的第一个周末，几个大佬们一起坐了坐，纷纷表示愿意帮我内推，于是开启了我的面试之旅。我花了三周时间，大概面了有15家公司，这些公司有大有小，有国企也有互联网，我将捡一些我个人感觉还不错的公司对大家进行一个分享，希望能对迫于寒冬裁员浪潮下的小伙伴有一些帮助。 1.Unicareer 这是一家做职业教育的公司。面试就一轮直接就是CTO面试，CTO很年轻，很帅，很有能力，主要问了...

0 点赞评论收藏

2021-11-17 16:20

中国石油大学（华东） Java

43 道检验基础的 JavaScript 面试题

JavaScript 进阶问题列表 我在我的Instagram上发布了每日JavaScript选择题，我也会在这里发布！ 从基础到高级：测试您对JavaScript的了解程度，刷新您的知识，或为您的编码面试做好准备！? ?我每周用新问题更新这个项目。 答案位于问题下方 1. 下面代码的输出是什么？ function sayHi() { console.log(name); console.log(age); var name = "Lydia"; let age = 21; }   A: Lydia 和 undefined B: ...

0 点赞评论收藏

2021-11-17 16:19

中国石油大学（华东） Java

通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏)

要在给定数组上使用方法，只需要通过[].方法名即可，这些方法都定义在 Array.prototype 对象上。在这里，咱们先不使用这些相，反，咱们将从简单的方法开始定义自己的版本，并在这些版本的基础上进行构建。 没有比把东西拆开再重新组装起来更好的学习方法了。注意，当咱们的实现自己的方法时，不要覆盖现有的方法，因为有的库需要它们，并且这样也方便比较咱们自己的方法与原始方法的差异。 所以不要这样命名咱们自定义的方法： Array.prototype.map = function map() { // implementation }; 复制代码 最好这样命名： function ma...

0 点赞评论收藏

2021-11-17 16:19

已编辑

中国石油大学（华东） Java

90行代码，15个元素实现无限滚动

前言 在本篇文章你将会学到： IntersectionObserver API 的用法，以及如何兼容。 如何在React Hook中实现无限滚动。 如何正确渲染多达10000个元素的列表。 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。 当你使用滚动作为发现数据的主要方法时，它可能使你的用户在网页上停留更长时间并提升用户参与度。随着社交媒体的流行，大量的数据被用户消费。无线滚动提供了一个高效的方法让用户浏览海量信息，而不必等待页面的预加载。 如何构建一个体验良好的无限滚动，是每个前端无论是项目或面试都会碰到的一个课题。 本文的原版实...

0 点赞评论收藏

2021-11-17 16:18

已编辑

中国石油大学（华东） Java

Vue3.0 前的 TypeScript 最佳入门实践

前言 其实Vue官方从2.6.X版本开始就部分使用Ts重写了。 我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。 然鹅最近的一个项目中，是TypeScript+ Vue，毛计喇，学之……真香！ 注意此篇标题的“前”，本文旨在讲Ts混入框架的使用，不讲Class API 使用官方脚手架构建 npm install -g @vue/cli OR yarn global add @vue/cli 复制代码新的Vue CLI工具允许开发者 使用 TypeScript 集成环境 创建新项目。 只需运行vue create my-app。 然后，命令行会要求选择预设。使用...

0 点赞评论收藏

2021-11-17 16:18

中国石油大学（华东） Java

史上最全HTML5面试题目汇总

1.HTML5 为什么只需要写 <!DOCTYPE HTML>？ 答案解析： HTML5不基于SGML，因此不需要对DTD进行引用，但是需要DOCTYPE来规范浏览器的行为（让浏览器按照他们应该的方式来运行）而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。   2、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 答案解析： 行内元素：a  b  span  img  input  select  strong 块级元素：div  ul  ol  li  dl  dt  dd  h1  h2  h3  h4  p  等 ...

0 点赞评论收藏

2021-11-17 16:18

中国石油大学（华东） Java

这儿有20道大厂面试题等你查收

今年来，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。 本文挑选了20道大厂面试题，建议在阅读时，先思考一番，不要直接看解析。尽管，本文所有的答案，都是我在翻阅各种资料，思考并验证之后，才给出的。但因水平有限，本人的答案未必是最优的，如果您有更好的答案，欢迎给我留言。如果有错误，也请在评论区指出，谢谢。 1. new的实现原理是什么？ 查看解析 new 的实现原理: 创建一个空对象，构造函数中的this指向这个空对象 这个新对象被执行 [[原型]] 连接 执行构造函数方法，属性和方法被添加到this引用的对...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：