【第08话】试炼(下)《烂俗前端》

简介: 【第08话】试炼(下)《烂俗前端》
《烂俗前端》是一部以前端为题材的长篇小说,涉及讨论职业、社会、技术、情感等话题,正在更新中。全集链接: 烂俗前端,所有markdown和涉及的源码在: github

今晚月色格外明朗,大学宿舍楼下本来阴暗的小路被照得通亮,路灯逊色,一两对小情侣在小路边的石凳子上卿卿我我,几分虫鸣在夜晚显得很响亮。清风徐来,一份迷茫也充斥着赵铁柱的心头。

“我这小半生一直向往着自由,好不容易要脱离学校,终究逃不过寄人篱下,成为一名打工人。”赵铁柱心想,“明哥说的这么多,就是为了更好的打工”

虽然想法还是比较稚嫩,但是,他算是走到了“正途”,不止一次想这些问题。不停的在心里对自己妥协,在社会面前低头,是一个人在慢慢成熟的路上的永恒定律,他不知道在未来的工作中,也许他都没空去思考这种问题。

一直野兽如果长期在笼子里思考如何获得食物,那它逐渐停止思考如何逃出束缚。

“柱,今晚不去网吧吗”不远处传来一名隔壁班男同学的声音,这位曾经也是并肩作战了三两年的召唤师峡谷队友,如今收到了一家不错公司的抛来的橄榄枝,准备去实习。

“去个屁,愁着呢”铁柱说。

“我柱哥也会有烦恼的时候?”男同学开了开玩笑,因为铁柱往常都是潇洒自在。

“被生活强jian了,仅此而已”铁柱轻轻回答。

一种无力感油然而生,当年无论多么能日夜陪伴的玩友,如今还是各奔西东。

铁柱一阵游荡过后,接起了吴明的电话。“喂,铁柱。现在时间不也早了,我怕影响到你休息时间,我只问一小部分问题来检查你的情况。我问的每个问题咱都可以慢慢想,不用太着急回答。”

“没问题!”

“说一说css中position常见的属性,列举三个这样”

“滋~ ~”一道像小闪电弧一样的声音从铁柱脑海闪过,接着是一片空白,本以为自己背的滚瓜烂熟,一问起来却在脑袋里搜索不到答案。顿时有点心生紧张,越是紧张越是想不到答案。

吴明见铁柱迟迟不语。“没关系,你这应该是第一次,或者说是第二次面试吧,出点小问题正常,慢慢想,我话费很多。”

吴明开了个小玩笑,铁柱确实放松了些,脑海里慢慢浮现一堆堆词语“CSS, HTML,DOM,HTTP,float,浏览器”。

“不对,再想想。”铁柱心想,铁柱又是一阵搜索,“display,overflow,fixed”。“对对对,就是fixed,他还有别的属性。”

“明哥,是static、ralative、absolute、fixed,staic是正常定位,relative是相对定位,position是绝对定位,fixed是相对于整个页面的绝对定位。”

“不错不错”吴明舒了一口气,如果答不出来,他可能就不太愿意收这个弟子。“咱们接着继续,第二个问题,知道哪些css选择器?”

铁柱思考着,这次虽然卡壳,但也相对顺畅了些,沉默了十秒钟后,“额,有id选择器(#selector),class选择器(.selector),标签选择器(div)相邻选择器((selector1 + selector2))”,停顿了一会,“还有,还有子选择器(selector1 > selector2)和后代选择器(selector1 selector)”

“没了吗?”吴明问。

“没了,记不起来了。”说了一顿以后,铁柱实在想不到还差什么了,脑袋越发的迟钝和困倦。

“还有通配符(*), 伪类选择器(a:hover),属性选择器(img[alt="xxx"])”吴明补充。“还不错,基本都能记住了,下面问稍微深一点点的。”

“介绍浏览器渲染页面的大致过程。”

赵铁柱又在拼命的思考和搜寻答案,那种“滋滋~”的闪电声又若隐若现的出现在脑海中。“嗯~ 首先是,浏览器首先先建一个DOM树,然后创建CSSOM树,然后是结合这两创建渲染树,接着绘制到显示屏。”

“能更细说吗?”吴明问。

“不,暂时不能。”铁柱回答。

“你状态好像不太好,你马上回去休息下吧。我也快了解完了。”吴明从铁柱的声音中听出很疲倦和无力。

“没事,没,事,我说话语速本来有点慢,听起来像没精神,我们,继续吧。”铁柱想坚持完成,说话甚至有点吐字不清。

“好,那第四个问题,什么是事件代...”

“滋!嘭!”一道犹如晴天霹雳般的闪电突然在铁柱脑海中响起,眼前一片火星然后就黑了,整个人在路边倒了下去。

只依稀听到摔倒后脱离手中的扔在旁边的手机响着话语“铁柱??铁柱? 在吗?铁柱?”

铁柱合上了双眼,整个世界停滞了。

1.png


连载中,全集目录: 《烂俗前端》

未完待续,转载请注明出处。

相关文章
|
前端开发 算法 架构师
【第07话】试炼(上)《烂俗前端》
【第07话】试炼(上)《烂俗前端》
90 0
|
Web App开发 存储 前端开发
【番外01】吐血整理5万字100道高频基础面试题 无名面试集《烂俗前端》
【番外01】吐血整理5万字100道高频基础面试题 无名面试集《烂俗前端》
209 0
|
前端开发 JavaScript 开发者
【第05话】三剑客(下)《烂俗前端》
【第05话】三剑客(下)《烂俗前端》
82 0
|
运维 前端开发 JavaScript
【第04话】 三剑客(上)《烂俗前端》
【第04话】 三剑客(上)《烂俗前端》
127 0
|
前端开发 JavaScript Linux
【第03话】无名《烂俗前端》
【第03话】无名《烂俗前端》
283 0
|
4月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
304 14
|
4月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
83 0
|
4月前
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。
|
4月前
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。
101 1
|
4月前
|
机器学习/深度学习 弹性计算 自然语言处理
前端大模型应用笔记(二):最新llama3.2小参数版本1B的古董机测试 - 支持128K上下文,表现优异,和移动端更配
llama3.1支持128K上下文,6万字+输入,适用于多种场景。模型能力超出预期,但处理中文时需加中英翻译。测试显示,其英文支持较好,中文则需改进。llama3.2 1B参数量小,适合移动端和资源受限环境,可在阿里云2vCPU和4G ECS上运行。
218 1

热门文章

最新文章

  • 1
    【Java若依框架】RuoYi-Vue的前端和后端配置步骤和启动步骤
  • 2
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 4
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 5
    详解智能编码在前端研发的创新应用
  • 6
    巧用通义灵码,提升前端研发效率
  • 7
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 8
    智能编码在前端研发的创新应用
  • 9
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 10
    抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
  • 1
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    24
  • 2
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    43
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    25
  • 4
    巧用通义灵码,提升前端研发效率
    84
  • 5
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    137
  • 6
    详解智能编码在前端研发的创新应用
    92
  • 7
    智能编码在前端研发的创新应用
    75
  • 8
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    35
  • 9
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    111
  • 10
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
    73