四时宝库

程序员的知识宝库

【中大厂前端面试百问】这不迷死你?

写在前面

最近收到很多同行的抱怨,前端开发高级还行,对初中级最难过的不是面试过不去,而是“已读不回”,来自某聘的梗,确实是,初中级因为坑位较少,很多HR在专心招聘的时候都未必能让所有投简历都去面试,更别说还有刷业绩现象,还是那几个点:

当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?


前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑, 如果通过硬编码的方式去直接渲染这两万条数据到select中,肯定会卡死. 后面他还说需要支持搜索, 也是前端来实现,我顿时产生了兴趣. 当时想到的方案大致如下:

前端基础:必须要知道的移动端适配(4)——视口

视口(viewport)代表当前可见的计算机图形区域。在Web浏览器术语中,通常与浏览器窗口相同,但不包括浏览器的UI, 菜单栏等——即指你正在浏览的文档的那一部分。

一般我们所说的视口共包括三种:布局视口、视觉视口和理想视口,它们在屏幕适配中起着非常重要的作用。

布局视口

布局视口(layout viewport):当我们以百分比来指定一个元素的大小时,它的计算值是由这个元素的包含块计算而来的。当这个元素是最顶级的元素时,它就是基于布局视口来计算的。

终于把国外大佬的跨窗口量子纠缠粒子效果给肝出来

前言

上篇文章 尝试实现了国外大佬用Web做出来跨窗口渲染动画效果反响很大,但是仅仅只是实现了跨窗口动画效果,严格说就没有动画,还有些bug和遗憾,尤其是粒子效果,得入three.js坑,怎么办?跳啊!

硬肝了两天,实在肝不动了,看效果吧。

第一版v2效果,大粒子,粒子数量较少:

如何让Threejs的canvas背景透明?(threejs渐变透明材质)

在Three.js中,要让Canvas的背景透明,只显示场景中的模型或物体,有两个关键点:

一、对渲染器(Renderer)进行alpha为true配置;

二、通过CSS设置,使canvas设定为透明背景模式。

以下是代码示例:

1. 设置Canvas的CSS样式

20行代码让文章的访问量暴增(浏览量代码)

看到标题相比很作者已经迫不及待了,那么我们先分析分析这个访问量是怎么来的,首先当你每次访问的时候,都会提交一些数据给后台,以此记录每个人对每篇文章的访问量,没错这就是关键,如果你能分析出这个接口那么你的百万千万访问量都不是问题,哈哈,写个模拟请求不停的发送,访问量很容易就上来了,如果后台有监控分析可能很快就会被屏蔽,那么这时候你就可以写一个代理,实时抓取代理服务器地址,并将请求设置到代理服务器,这样就可以产生更多的来自不同地域的访问了,可是这个确实有些复杂了,而且接口也不好分析,后台肯定是做了各种验证的,那么问题来了,有没有更简单点的方式呢,答案当然是有的,比如找一些代理工具,设置地址然后来个执行100000w次,哈哈,不过这个代理工具很多人不会弄,那么有没有跟简单的方法呢,当然还是有的,那就是写一个批处理工具,实时调用浏览器,不过这个看着很不爽,一个框框弹出来又关掉……那还有没有再简单的方式呢,答案是有的,没错这就是今天得主题。通过html的iframe

JS如何实现瀑布流布局(web瀑布流布局)



一、引言

在Web前端开发领域,JavaScript作为一门重要的编程语言,其灵活性和强大的功能让它成为了实现各种复杂交互效果的首选工具。无论是处理用户输入还是操作DOM元素,JavaScript都能提供良好的支持。其中,瀑布流布局因其独特的视觉效果和优秀的用户体验,被广泛应用于图片展示、商品列表等场景。本文旨在介绍如何使用JavaScript实现瀑布流布局,并探讨相关技术和优化方法。

聊聊令人头疼的埋点(埋点案例)

埋点定义

前端开发中动态获取窗口宽高的几种方式

随着互联网的迅猛发展,前端开发已经成为了一种越来越重要的技术,而在前端开发中,动态获取窗口宽高是非常重要的操作之一。在本文中,我们将介绍一些常用的方法,帮助你在前端开发过程中更加灵活地获取窗口宽高。

给大家分享抖音里面最火的黑客帝国代码雨

代码1:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<< 1 2 3 4 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接