Web API(JS语法笔记)
作用:使用JS操作html和浏览器分类:DOM(文档对象模型),BOM(浏览器对象模型) DOM 定义:与HTML或XML文档交互的API,是浏览器提供的一种专门用来操作网页内容的功能,通过JS让网页元素发生变化(操作标签,让标签滚动;鼠标经过显示,离开隐藏等网页内容特效、交互效果) DOM树:将HTML文档以树状结构直观地表现出来,显示出标签与标签之间的关系 html中的所有标签,在JS DOM中都叫做对象。DOM对象就是浏览器根据html标签生成的JS对象 核心思想:把网页内容当作对象处理 页面最大的对象:document 网页所有内容都在document中 获取DOM元素一、根据CSS选择器获取DOM元素 1.选择匹配的第一个元素1document.querySelector('css选择器') 返回值:CSS选择器匹配的第一个元素 12const p = document.querySelector('#nav')p.style.color = 'red' 2.选择匹配的多个元素1document.queryS...
昨天还一无所知的事物
近期最近在看赤发白雪姬,里面有一句台词是:“昨天还一无所知的事物,若能在今天有所了解……” 三月初结束了携程大项目,对这句话产生了很深的共鸣。答辩的时候有很多问题我没有回答出来。这个名词好像听过,那个概念我看到过…然后几天后我开始看八股面经的时候发现那些问题都很基础。下一次遇到应该可以答上来。整个大作业环节很愉快,我认为很成功。队友都是很认真的人,几乎都没有前端大项目开发经验的人最终一起做出了一个还不错的系统,完成即是胜利。 还有7号8号的南大黑客松。这个比赛的团队我是中途加入,当时项目主题乃至基本关卡框架都已经搭好了,其实这次并不是我想象的、期待的黑客松形式。我喜欢从零开始参与构建 idea,然后慢慢把它发展成一个产品。项目框架虽然说是 vibe coding 的,但是我也希望有那种掌控感,知道我在做什么,接下来的方向是什么。而不是机械地执行某个被分配到的“任务”。 南大游园会现场有很多收获,其中一个印象深刻的是某个大佬上台发言分享辍学经历,鼓励所有大学生辍学创业。看到了各种 idea,认识了好多人。向别人介绍我们的产品的过程很有趣…说实话我在向别人宣传的时候才发现了很多这个项...
根本学不完
今天开始学爬虫、写脚本。在这之前我连 Python 的语法都看不懂啊。。 边学(爬虫)边学(Python)。。 还想学手搓 agent ,openclaw。。 还要准备携程前端训练营的项目,要写说明文档,准备答辩 力扣一题没做过,八股也不会。。 二编,openclaw 跑通了。但是我突然暂时不想写脚本和什么 agent 了。。还是再搞一下 React,然后准备项目吧。。 2026.2.22真的好累。好不容易过了一遍项目,写了说明文档,我的 limebot 去上网又遇到了问题,怎么调都不对。 :(
AI 简历编辑器的输出结构化问题
项目地址Github库 在线体验 它是做什么的?你可以把它当成普通的简历模板,直接编辑,非常方便。但是它特别的亮点是可以用 AI 润色你的语言表达——点击“AI 美化”按钮直接提取字段,自动润色。如:用户在“专业技能”部分写“git”,则 AI 会将其自动美化为类似“掌握基于 Git 的开发流程,能够规范地进行分支管理代码提交与合并”的语句。同样地,只要在相应区域简述你的工作经历、项目经历,AI 也会帮你润色。 技术栈Next.js;React;TypeScript;Tailwind CSS 开发难点—— AI 输出结构化为什么一定要结构化?AI 拿到的是字段,返回的也是字段。我们需要的是:姓名、邮箱、技能、项目列表……这类“字段”,所以必须要求 AI 输出 JSON,把它的回答强行变成严格的 JSON 表格——而且,如果它写坏了,我们要能自动修好,保证系统永远有一个可用结果。 结构化的步骤是什么?首先,在代码里定义严格的 schema(结构规则),即这张“表格”长什么样。ResumeSchema 规定简历的结构: 12345678910111213141516171819202...
新的开始
为什么做博客?我时常想,一个人在这个世界上总该留下点什么。比如,一个作品,一些想法,一些经历。也许一些想法能和别人形成共鸣,也许我的经历能为别人带来启发,这些对于我来说,是很有意义的事,大概和我喜欢做开源、做贡献是一样的。 关于我的博客这个网站是我的个人网站,基于hexo搭建,由butterfly项目魔改而成。它只是一个纯前端静态网站,也许以后我会接入后端服务。




