前端学习学习路线跟着发的视频学就可以了，一定要记笔记 (东西很多会忘) 我是整体跟着这套视频学下来的，但是学完之后的感觉就是内容很杂很多，学的过程中也不知道哪些是重点，所以有必要在这里列一下哪些是着重需要关注的知识。 总之所有视频都要看一遍，按照自己的节奏来，不需要赶进度，重点一定要自己都理解了。 三件套HTML部分 可以适当倍速看，很多标签其实不用学，重点学会 HTML基础结构 + 标签div、h、a、img、iframe、table(后面两个其实已经过时了，但面试会问) + 浏览器原理(面试) + URL(面试) CSS部分 👇目前常用的，也就是必须掌握的： 文本字体属性 伪元素+伪类 选择器理解+笔记记好就ok、后期的话要会用深度选择器 flex布局、绝对定位、相对定位、浮动、粘性定位(面试) 居中 (要学会所有居中方式) 盒子模型 在CSS基础学完后，跟着做一个完整的页面(我们当时做的是视频里的网易云)，跟着视频做一遍CSS基本上都会用了。（后面仿王者荣耀的我们没做，如果你觉得对CSS力不从心的话可以继续做，基本做一个就🆗了） 这部分笔记一定要记好，以后可能会经常翻出 ...

创建一个文件夹 在文件夹打开git 1git clone -b main https://github.com/jerryc127/hexo -theme-butterfly .git themes/butterfly 应用主题修改Hexo 根目录下的_config.yml，把主题改为butterfly 1theme: butterfly 安装插件下载安装渲染器： 1npm install hexo -renderer-pug hexo -renderer-stylus --save 重中之重 在hexo 的根目录创建一个文件_config.butterfly.yml，并把主题目录的_config.yml 内容复制_config.butterfly.yml到 去。 注意: 复制的是主题的_config.yml，而不是hexo 的_config.yml 不要把主题目录的_config.yml删掉 以后只需要在_config.butterfly.yml进行配置就行。如果使用了_config.butterfly.yml， 配置主题的_config.yml将不会有效果。 Hexo ...

1234567891011文档指路https://butterfly.zhheo.com/create.html我的主题色 : rgb(191, 219, 221)加载动画 (安知鱼)https://blog.anheyu.com/posts/52d8.html导航栏修改(安知鱼)https://blog.anheyu.com/posts/8e53.html试了一下, 每次改完网站就挂了, 以后再试试其他主题 上面这些适合想要完全按照自己喜好搭建博客的仔仔啊 但是框框太懒了, 搭一半就放弃了 , 直接去用别人现成的主题去了 找到了一个现成的主题(安知鱼)https://docs.anheyu.com/intro.html 基本clone下来就可以了, 不需要过多的配置, up主已经帮我们配好了 同时推荐一下这个up主发的部署视频(默认你已经有github了啊)07.通过github page部署至互联网 自动部署, 完成之后只需要把更新的内容上传就可以了, 不用再自己部署了hexo完成github action自动部署 问题中间主包遇到了一个小问题: 没有给每个文章设置自己的访问链接 ...

Node定义Node.js是一个基于 V8 JavaScript 引擎的JavaScript运行时的环境 Node 程序是使用 c++/ c/ js 语言编写的[[前端了解/Node/_resources/node/e49f63c48826b59143b4b3366c92cf75_MD5.jpeg|Open: Pasted image 20250522151116.png]]![[前端了解/Node/_resources/node/e49f63c48826b59143b4b3366c92cf75_MD5.jpeg]] 应用场景一: *目前前端开发的库都是以node包的形式进行管理 二: *npm、yarn、pnpm工具成为前端开发使用最多的工具； 三: 越来越多的公司使用Node.js作为web服务器开发、中间件、代理服务器； 四, 大量项目需要借助Node.js完成前后端渲染的同构应用 五, 资深前端工程师需要为项目编写脚本工具（前端工程师编写脚本通常会使用JavaScript,而不是Python或者sh ...

HTML标签语法规范基本语法概述1.所有标签都包括在<>里面2.并且一般情况下<>都成对出现，例如：< html >(开始标签) 和< /html >(结束标签)，称为双标签3.有极少数标签必须是单个标签，例如：< br /> 标签关系包含关系和并列关系![[Pasted image 20240415204232.png]]![[Pasted image 20240415204710.png]] 基本结构标签< html> 和 < /html> 内包含所有内容< head> 和< /head> 内包含头部即![[Pasted image 20240415215459.png]]< title>和< /title> 内包含标题即![[Pasted image 20240415215620.png]]< body> 和< /body>内包含主要内容即![[Pasted imag ...

认识JavaScript定义： JavaScript是一种高级的、解释型的编程语言 JavaScript是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程序设计，指令式编程，以及函数式编程 JavaScript的组成JavaScript的组成包括ECMAScript、DOM、BOM ECMAScript：定义语言规范 DOM：用于操作文档的API BOM：用于操作浏览器的API JavaScript的基本语法JavaScript编写方式 第一种：HTML代码行内（不推荐） 1234<!-- 第一种：HTML代码行内 --> <a href="javascript:alert('百度一下')">百度一下</a> <a href="#" onclick="alert('百度一下')">百度一下</a> 第二种：script标签中 12345678<!-- 第二种：script标签中 --& ...

CSS1简介使用场景：美化网页，布局页面CSS是一种标记语言CSS可以美化HTML，让HTML更漂亮，让页面布局更简单CSS最大价值：由HTML专注去做结构呈现，样式交给CSS，即结构与样式相分离 语法规范CSS规则由两个主要的部分构成：选择器以及一条或多条声明基本语法格式如下：选择器 { 属性：值； 属性：值;}注意：1、选择器是用与指定CSS样式的HTML标签，花括号内是对该对象设置的具体样式2、属性和属性值以“键值对”的形式出现3、属性是对指定的对象设置的样式属性，例如字体大小，文本颜色等4、属性和属性值之间用英文 “:” 分开 CSS代码风格样式格式1、紧凑格式h3{color:deeppink;font-size:20px;}2、展开格式h3{ color:pink; font-size:20px;}推荐使用第二种格式，更直观 样式大小写1、小写h3{ color:pink;}2、大写H3{ COLOR:PINK;}强烈推荐样式选择器，属性名，属性值关键字全部使用小写字母，特 ...

Mini Vue前言在尝试读懂这篇文章之前，请保证已经学习过面向对象基本知识、HTML基础、JS基础，并且有过一定的实践开发基础，不然可能会有非常多的小问号。 如果不满足上述条件，也可以试着读一读，不必为其中不懂的内容感到焦虑，后面都能学会的。 本文旨在教会读者实现一个精简版的Vue，很多Vue的功能会被简化，但是核心思想是相通的。 本文会尽可能通俗易懂、避开JS的各种生僻特性。 我们先不说Vue的事情，让我们先通过一些场景了解一点前置知识和概念——只需要知道大概是什么，没必要咬文嚼字： 一个场景里的概念：响应式数据、依赖、数据劫持、MVVM 和双向绑定看看这段代码： 12345// 我们希望这个关系恒成立： y = 2 * x + 1 let x = 10 let y = 2 * x + 1 x = 20 // x变了，但是y却不会发生变化 我们希望，x变化时y能自动地变化，而不是我们还需要手动赋值多此一举。 那么怎么实现呢？这里有一种思路是，设置一个角色专门监听x的变化，在察觉x变化时能够通知y发生变化。 这很容易做到，JS为我们提供了一个API，Object.definePro ...

祖传三件套html我是看的黑马程序员的课, 这个B站上面有很多资源建议时间: 三天 css黑马 + 📶学长发的三件套资料黑马通俗易懂,;coderwhy讲的更深入, 会涉及许多其他的知识, 听完后可以跟着做一个项目, 巩固css知识,;框框css学的比较差, ┭┮﹏┭┮ JavaScriptJavaScript就全看的coderwhy发的资料了, 讲的非常的细致, 从es6之前到后面的新版本es.个人建议可以把coderwhy的js视频全部看一遍, 重点学习他标注重点的视频 中间如果有看不懂的, 不要急. 掘金上面有很多前端大佬分享的笔记, 可以在上面淘淘. 或者直接问ai. 还能直接在官方文档里面找答案学js的时候一定不要急啊, 越急学的越慢, 还学不好 框框学js的时候心态感觉就不好. 现在想来完全没必要啊. 只要每天按部就班的在学, js在暑假之前是能学的差不多的, 心再急也没必要. 希望大家能有一个良好的心态学习, 因为让人崩溃的知识后面还有很多 工具篇看完js, 恭喜你, 马上就要进入框架的学习了后面还有node和工具的学习, 不要急, 你已经离成功不远了 按照我们这届的进 ...