Next.js
哥们还没学过，因为logo可爱所以就放上来了😄
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 make逸努お宅！
相关推荐
2023-07-06
CSS 学习笔记
CSS介绍 HTML主要用于描述网页的结构和内容 CSS美化网页,给网页化妆 所以需要先有HTML结构, 再写CSS样式 CSS 的全称是 Cascading Style Sheet（层叠样式表），它主要用来控制网页的样式（美化网页）。CSS 早已被所有主流浏览器采用，它允许你轻松控制以下样式： 颜色 color 背景 background 字体 font 浮动 float 位置 position 显示 display 边框 border 内边距 padding 外边距 margin 行高 line-height 装饰 text-decoration 过渡 transtion 变化 transform 动画 animation 页面样式的属性有几百个，但常用的不过几十个 CSS需要学习两大内容(CSS选择器, CSS属性) CSS选择器用于选择目标标签使用,一个网页可以有很多很多标签,给某个或者某些标签设置样式,就需要用到选择器 CSS属性就是用什么工具化妆 CSS的书写位置 嵌入式也可以叫内...
1970-01-01
React
哥们还没学过，因为logo可爱所以就放上来了😄
2023-07-06
CSS3 学习笔记
参考文档:CSS教程（精讲版） (biancheng.net) 单位绝对长度单位以下都是绝对长度单位——它们与其他任何东西都没有关系，通常被认为总是相同的大小。 单位 名称 等价换算 cm 厘米 1cm = 37.8px = 25.2/64in mm 毫米 1mm = 1/10th of 1cm Q 四分之一毫米 1Q = 1/40th of 1cm in 英寸 1in = 2.54cm = 96px pc 派卡 1pc = 1/6th of 1in pt 点 1pt = 1/72th of 1in px 像素 1px = 1/96th of 1in 相对长度单位相对长度单位相对于其他一些东西，比如父元素的字体大小，或者视图端口的大小。使用相对单位的好处是，经过一些仔细的规划，你可以使文本或其他元素的大小与页面上的其他内容相对应。下表列出了 web 开发中一些最有用的单位。 单位 相对...
2023-08-06
JavaScript 学习笔记
JavaScript介绍 JavaScript介绍为什么要学习Javascript 我们之前学的HTML只能完成页面的结构,CSS完成页面的样式, HTML+CSS静态页面,没有任何页面效果的,页面也没有行为 如果想要页面有行为,比如某个元素可以被点击, 那么就需要学习JS,给页面某个元素添加行为 JavaScript是什么官方概念:这是一个跨平台的脚本语言 平台这里指的是操作系统(window系统, mac系统 , linux系统) 跨平台的意思就是在不同的操作系统下, 都可以运行 脚本语言意思是js不能单独运行,需要有一个运行环境,这个运行环境就是js的运行环境,比如浏览器环境,node.js环境 为什么js可以跨平台,因为在不同操作系统下, 都有浏览器, 有浏览器就可以运行JS代码 Javascript的发展历史1995年,由一个名为布莱登·艾奇创造的脚本语言,原名livescript; 以前js为了验证表单信息 JavaScript现在的意义(应用场景) JavaScript 发展到现在几乎无所不能。 网页特效 比如图片轮播,选项卡…. 服务端开发(...
2025-03-04
前端各个包管理器的优缺点
在前端项目中，包管理器的选择会影响依赖管理、构建速度、磁盘空间占用等方面。下面是 npm、pnpm、yarn、bun、deno 的优缺点对比，以及推荐的使用场景。 📌 1. npm（Node Package Manager）📌 Node.js 默认自带的包管理器，从 npm 5+ 开始支持 package-lock.json 以提高一致性。 ✅ 优点 官方默认，无需额外安装，生态最完善。 npm 7+ 支持 workspaces（多包管理）。 npx 允许临时执行 npm 包，无需全局安装。 npm audit 提供安全检查。 ❌ 缺点 安装速度较慢（相较于 pnpm、bun）。 文件重复占用空间大，node_modules 体积大。 package-lock.json 可能导致版本不一致问题（npm 6 以前）。 🚀 适用场景✅ 适合小型项目或默认情况下使用，不需要额外安装包管理器。 📌 2. pnpm（Performant NPM）📌 基于 npm，使用符号链接（symlink）和全局存储，加速依赖管理。 ✅ 优点 安装速度快（使用 hard link 和 ...
2023-07-06
DOM,BOM 学习笔记
DOM（Document Object Model——文档对象模型）DOM 介绍 **介绍:**什么是DOM，简单的说DOM是一套对文档的内容进行抽象和概念化的方法。DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API。DOM 是载入到浏览器中的文档模型，以节点树的形式来表现文档，每个节点代表文档的构成部分（例如:页面元素、字符串或注释等等）。DOM 是万维网上使用最为广泛的API之一，因为它允许运行在浏览器中的代码访问文件中的节点并与之交互。节点可以被创建，移动或修改。节点可以关联上事件处理器，一旦某一事件被触发了，那些事件处理器就会被执行。 DOM主要用于操作网页的标签内容,标签样式,标签属性,以及标签(增删改查) DOM学习的最终目的 完成一些常见网页特效 轮播图 选项卡… **注意：**DOM既不是HTML的一部分,也不是JavaScript一部分,而是浏览器厂商都实现了的一些独立的规则，并允许JavaScript可以访问和操作存储在DOM中的内容（DOM 也可以使用其他的语言来实现） 什...
评论
