随笔分类 - 前端
前端:发送接收数据 后端:发送接收数据
摘要:普通数据 前端 发送:axios 接收:then里面些接收值 后端 发送:json 接收:request.json 流式数据 前端接收 先将字节码数据转成json 就是正常的 根据传过来的对象,看是否发送完毕 后端发送 stream example <template> <div> <a href=
阅读全文
创建一个vue项目
摘要:1. 使用vite创建项目 npm create vite@latest 2. 替换main.js // 从 Vue.js 框架中导入 createApp 函数。createApp 是用来创建 Vue 应用的函数。 import { createApp } from 'vue' // 导入一个 CS
阅读全文
水平居中
摘要:1. mx-auto <div class="mx-auto"> 这个元素会水平居中。 </div> 2.text-center <div class="text-center"> 这个文本会水平居中。 </div> 3. justify-content 4. justify-item-conten
阅读全文
运算符
摘要:加减乘除 三元运算符 condition ? expression1 : expression2 symbolSize: Math.sqrt(triplet['COUNT']) * 4 > 2000 ? Math.sqrt(triplet['COUNT']) * 4 : 80,
阅读全文
调试代码
摘要:最初接触前端的时候,不知道怎么打印值,想看一下值张什么样子,不知道输出到了哪里 不像后端一样,print直接就能在控制台显示 看菜鸟学的时候看着简单,实际中用的时候,一直没有打印结果 原因: 没有调用这个js文件,就不会打印出来信息
阅读全文
yarn
摘要:yarn是一个快速、可靠、安全的JavaScript包管理器,它与npm非常相似,但在某些方面提供了改进的性能和更一致的依赖管理。自从其首次发布以来,yarn已经引入了许多特性来优化包的安装、升级、配置和管理过程。以下是一些yarn的基本用法和常用命令: 1. 初始化新项目 初始化新项目:yarn
阅读全文
npm
摘要:1. 包安装 安装项目依赖:在项目目录中使用npm install(或简写npm i)命令可以安装package.json文件中列出的所有依赖。 全局安装包:使用npm install -g <包名>可以全局安装一个包,这样就可以在任何地方使用它。 2. 管理项目依赖 添加依赖:npm instal
阅读全文
node
摘要:Node.js(通常简称为Node)是一个开源和跨平台的JavaScript运行时环境,它允许开发者在服务器端运行JavaScript代码。在Node.js出现之前,JavaScript主要用于在浏览器中运行,用于实现网页的动态效果和交互功能。Node.js的出现将JavaScript的应用范围扩展
阅读全文
尺寸
摘要:单位 px(像素): px 是一个绝对单位,它通常用于屏幕显示中的一个像素点。 在标准显示器上,1px 通常等同于一个物理像素点,但在高分辨率屏幕(如Retina显示屏)上,一个px可能对应多个物理像素点。 px单位不会随着其他元素的尺寸变化而变化。 em: em 是一个相对单位,它是相对于当前元素
阅读全文
盒子模型
摘要:Padding 所有方向的内边距: p-{size}:这个类设置所有四个方向的内边距。例如,p-4 会在所有方向上应用 1rem 的内边距。 垂直方向的内边距: py-{size}:这个类仅设置元素的上边距和下边距。例如,py-2 会在垂直方向上应用 0.5rem 的内边距。 水平方向的内边距: p
阅读全文
字体
摘要:字体 Font Family - 设置文本的字体族。例如 font-sans 会应用无衬线字体。 Font Size - 控制文本的字体大小。如 text-lg 会设置较大的字体大小。 Font Smoothing - 应用字体抗锯齿技术,如 antialiased 用于抗锯齿效果。 Font St
阅读全文
背景
摘要:Background Attachment 固定背景: bg-fixed:使用这个类可以设置背景图像固定不动,即背景图像不会随着页面的滚动而移动。这在创建视差滚动效果时很有用。 滚动背景: bg-local:使背景图像与容器随着视口一起滚动 局部固定背景: bg-scroll:背景不懂,文字随着视口
阅读全文
布局
摘要:container 使用响应式前缀来应用不同的样式类于不同的屏幕尺寸 不同的显示屏上显示不一样的布局 columns columns: 4; 的样式,这将创建一个4列的布局。同理,columns-5 会创建5列 position 结合其他尺寸类(如 top-0, right-0, bottom-0,
阅读全文
路由--子路由
摘要:子路由(也称为嵌套路由)是一种在 Vue 应用的单个路由下设置多个视图的方法。这使得构建多层次的页面结构变得简单,例如,一个有多个嵌套视图的仪表板页面。在 Vue Router 中实现子路由可以让你在相同的页面布局内展示不同的组件,而无需为每个可能的组合创建单独的路由。 基本上,子路由允许你定义一个
阅读全文