当前位置: 首页 > news >正文

新手-前端生态

文章目录

  • 新手的前端生态
    • 一、概念的理解
      • 1、脚手架
      • 2、组件
    • 二、基础知识
      • 1、HTML
      • 2、css
      • 3、JavaScript
    • 三、主流框架
      • vue3框架
    • 四、 工具(特定框架)
      • 1、uinapp
    • 五、组件库()
      • 1、uView
        • 如何在哪项目中导入uView
    • 六、应用(各种应用的特点)
      • 1、小程序
    • 七 、API
      • 1、API
    • 八、学习网址
    • 九、未分类的知识
      • 1、vite:
      • 2、axios:
        • 1、什么是axios?
        • 2、学习网址:https://metaso.cn/search/8500035687285719040?q=axios+
          • 1、安装Axios:
          • 2、基本使用方法
          • 3、高级用法
          • 4、结论

新手的前端生态

一、概念的理解

1、脚手架

定义:在程序中,脚手架是一种自动化工具,用于快速生成项目的基本结构和文件模板,帮助开发人员更高效地开始编码。它也可以指与某些MVC框架中的数据库访问相关的代码生成技术或由各种工具支持的项目生成技术

2、组件

组件:组件是一种将特定功能模块进行封装的代码块,通过引入和使用可以极大提高代码的可复用性。在不同的编程框架中,组件的定义和实现方式有所不同。例如,在Vue.js 中,组件是可复用的实例,可以通过prop向子组件传递数据;而在React中,组件可以是JavaScript类或函数。此外,组件也可以理解为符合某种规范的类组合,提供特定的功能

二、基础知识

1、HTML

2、css

3、JavaScript

三、主流框架

vue3框架

定义:Vue3 是一个渐进式 JavaScript 框架,用于构建用户界面。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。此外,Vue3 引入了组合式 API,使得逻辑复用更加友好。每个 Vue 组件都是一个独立的 Vue 实例,具有自己的模板、数据、方法和生命周期钩子,可以自包含地定义和管理功能和样式

四、 工具(特定框架)

1、uinapp

定义:uniapp是一个基于Vue.js 开发的多端统一框架,允许开发者编写一次代码,就可以在iOS、Android、Web(H5)、微信小程序、支付宝小程序、百度小程序等多个平台上运行。

五、组件库()

1、uView

定义uView是uni-app生态专用的UI框架,旨在成为uni-app生态最优秀的UI框架。其取名来由是首字母u来自于uni-app首字母,同时表达源于uni-app和Vue之意

如何在哪项目中导入uView

学习视频https://www.bilibili.com/video/BV1jN411n72x/?spm_id_from=333.337.search-card.all.click&vd_source=f17ed8ec94fbd012235faf1dafcaec6f
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

六、应用(各种应用的特点)

1、小程序

七 、API

1、API

定义:程序中API的定义是一组规定和协议,它定义了不同软件应用或组件之间如何相互沟通和交互的方法。API(应用程序编程接口)是软件组件之间信息交互的桥梁,让不同的软件系统能够相互“对话”

八、学习网址

九、未分类的知识

1、vite:

2、axios:

1、什么是axios?

Axios 是一个基于 promise 的 HTTP 库,可以用于浏览器和 Node.js 中进行网络请求。它提供了丰富的功能和灵活的配置选项,适用于各种 HTTP 请求类型如 GET、POST、PUT 和 DELETE 等

2、学习网址:https://metaso.cn/search/8500035687285719040?q=axios+
1、安装Axios:
2、基本使用方法
3、高级用法
4、结论

Axios 是一个功能强大且易于使用的 HTTP 客户端库,适用于各种 JavaScript 环境,包括浏览器和 Node.js 。通过上述介绍和示例代码,你应该能够开始使用 Axios 来处理你的 HTTP 请求了

相关文章:

新手-前端生态

文章目录 新手的前端生态一、概念的理解1、脚手架2、组件 二、基础知识1、HTML2、css3、JavaScript 三、主流框架vue3框架 四、 工具(特定框架)1、uinapp 五、组件库()1、uView如何在哪项目中导入uView 六、应用(各种应…...

C#中的类

声明类 public class MyClass{ ​} 注意 类里面 的属性可以输入prop之后再按Tab键 然后再按Tab进行修改属性的名称等等 Random rnd new Random(); int arnd.Next(3); 范围是0-3的整数 但是不包含3 Random rnd new Random(); int arnd.Next(2,3); 只包含2一个数 int?[]…...

探索数据库编程:基础与进阶之存储函数

引言❤️❤️ 数据库存储过程是一组为了执行特定功能的SQL语句集合,它被存储在数据库中,可以通过指定存储过程的名称并给出相应的参数来调用。使用存储过程可以提高数据库操作的效率,减少网络传输量,并且可以封装复杂的逻辑。 编…...

Count数据转换为TPM数据方法整理-常规方法、DGEobj.utils和IOBR包

在正式分析之前,对于数据的处理是至关重要的,这种重要性是体现在很多方面,其中有一点是要求分析者采用正确的数据类型。 对于芯片数据,原始数据进行log2处理之后可以进行很多常见的分析,比如差异分析、热图、箱线图、…...

简易限流实现

需求描述 写一个1秒两个的限流工具类,2r/s 使用semaphore 代码实现-类似令牌桶算法 public class LimitHelper {private int maxLimit;private Semaphore semaphore;private int timeoutSeconds;public LimitHelper(int maxLimit, int timeoutSeconds) {this.max…...

用Qwt进行图表和数据可视化开发

目录 Qwt介绍 示例应用场景 典型QWT开发流程 举一些Qwt的例子,多绘制几种类型的图像 1. 绘制折线图 (Line Plot) 2. 绘制散点图 (Scatter Plot) 3. 绘制柱状图 (Bar Plot) 4. 绘制直方图 (Histogram) Qwt介绍 QWT开发主要涉及使用QWT库进行图表和数据可视化…...

sqlalchemy使用with_entities返回指定数据列

sqlalchemy使用with_entities返回指定数据列 在 SQLAlchemy 中,with_entities 方法用于指定查询语句返回的实体(Entity)或列(Column)。它允许你限制查询的返回结果,只包含你感兴趣的特定字段或实体 使用方法 假设有一个名为 User 的 SQLAlchemy 模型类,包含以下字段:…...

express

文章目录 🟢 Express⭐️ 1.初始Express✨安装✨使用Express 搭建一台服务器⭐️2.Express-基本路由✨1.使用字符串模式的路由路径示例:✨2.使用正则表达式的路由路径示例:✨3.中间件浅试(demo)⭐️3.Express-中间件✨1.应用级中间件✨2.路由级中间件✨3.错误处理中间件✨4…...

HTML网页大设计-家乡普宁德安里

代码地址: https://pan.quark.cn/s/57e48c3b3292...

深度学习:从数据采集到模型测试的全面指南

摘要 随着人工智能和大数据技术的迅猛发展,深度学习已成为解决复杂问题的有力工具。然而,从项目启动到模型部署,包含了数据处理和模型研发的多个环节,每个环节的细致和严谨性直接决定了最终模型的性能和可靠性。本论文详细探讨了…...

Excel第29享:基于sum嵌套sumifs的多条件求和

1、需求描述 如下图所示,现要统计12.17-12.23这一周各个人员的“上班工时(a1)”。 下图为系统直接导出的工时数据明细样例。 2、解决思路 首先,确定逻辑:“对多个条件(日期、人员)进行“工时”…...

Elasticsearch:Node.js ECS 日志记录 - Morgan

这是之前系列文章: Elasticsearch:Node.js ECS 日志记录 - Pino Elasticsearch:Node.js ECS 日志记录 - Winston 中的第三篇文章。在今天的文章中,我将描述如何使用 Morgan 包针对 Node.js 应用进行日子记录。此 Morgan Node.j…...

ChatGPT对话:Python程序自动模拟操作网页,无法弹出下拉列表框

【编者按】需要编写Python程序自动模拟操作网页。编者有编程经验,但没有前端编程经验,完全不知道如何编写这种程序。通过与ChatGPT讨论,1天完成了任务。因为没有这类程序的编程经验,需要边学习,边编程,遇到…...

Unity 之 抖音小游戏集成排行榜功能详解

Unity 之 抖音小游戏集成排行榜功能详解 一,前言1.1 为游戏设计利于传播的元素​2.2 多人竞技、社交传播​二,集成说明2.1 功能介绍2.2 完整代码2.3 效果展示三,发现的问题和迭代计划一,前言 对于 Unity 开发者而言,在开发抖音小游戏时集成排行榜功能是提升游戏社交性和玩…...

【学习笔记】Redis学习笔记——第13章 客户端

第13章 客户端 redisServer通过clients链表保存全部客户端的状态信息。 13.1 客户端属性 13.1.1 套接字描述符 fd:-1时伪客户端,载入AOF文件或Lua脚本。 13.1.2 名字 默认无客户端名,可以通过SETNAME命令设置。 13.1.3 标志 flags&am…...

Android中的JSON解析:从基础到实践

在Android应用开发中,JSON(JavaScript Object Notation)是最常用的数据交换格式之一,因其轻量级、易读性强以及跨平台兼容性好等特点,被广泛应用于服务器与客户端之间的数据传输。解析JSON数据对于提取和处理这些信息至…...

力扣-回溯法

何为回溯法? 在搜索到某一节点的时候,如果我们发现目前的节点(及其子节点)并不是需求目标时,我们回退到原来的节点继续搜索,并且把在目前节点修改的状态还原。 记住两个小诀窍,一是按引用传状态…...

240713_昇思学习打卡-Day25-LSTM+CRF序列标注(4)

240713_昇思学习打卡-Day25-LSTMCRF序列标注(4) 最后一天咯,做第四部分。 BiLSTMCRF模型 在实现CRF后,我们设计一个双向LSTMCRF的模型来进行命名实体识别任务的训练。模型结构如下: nn.Embedding -> nn.LSTM -&…...

python requests关闭https校验

python requests关闭https校验 import requests# 关闭SSL验证 requests.get(https://***.com, verifyFalse)...

PG大会周五于杭州举办;Pika发布4.0;阿里云MySQL上线Zero-ETL集成能力

重要更新 1. PostgreSQL中国技术大会举行12日(周五)于杭州举办,是PostgreSQL社区年度的大会,举办地点:杭州君尚云郦酒店(杭州市上城区临丁路1188号),感兴趣的可以考虑现场参加 ( [1]…...

虚拟机vmware网络设置

一、网络分类 打开vmware workstation网络编辑器可以知道有三种网络类型,分别是:桥接模式、nat模式、仅主机模式。 1、桥接模式 桥接模式是将主机网卡与虚拟机虚拟的网卡利用虚拟网桥进行通信。在桥接的作用下, 类似于把物理主机虚拟为一个交换机, 所有设…...

数学建模国赛入门指南

文章目录 认识数学建模及国赛认识数学建模什么是数学建模?数学建模比赛 国赛参赛规则、评奖原则如何评省、国奖评奖规则如何才能获奖 国赛赛题分类及选题技巧国赛赛题特点赛题分类 国赛历年题型及优秀论文 数学建模分工技巧数模必备软件数模资料文献数据收集资料收集…...

Java基础之集合

集合和数组的类比 数组: 长度固定可以存基本数据类型和引用数据类型 集合: 长度可变只能存引用数据类型存储基本数据类型要把他转化为对应的包装类 ArrayList集合 ArrayList成员方法 添加元素 删除元素 索引删除 查询 遍历数组...

深度学习和NLP中的注意力和记忆

深度学习和NLP中的注意力和记忆 文章目录 一、说明二、注意力解决了什么问题?#三、关注的代价#四、机器翻译之外的关注#五、注意力(模糊)记忆?# 一、说明 深度学习的最新趋势是注意力机制。在一次采访中,现任 OpenAI 研…...

自用的C++20协程学习资料

C20的一个重要更新就是加入了协程。 在网上找了很多学习资料,看了之后还是不明白。 最后找到下面这些资料总算是讲得比较明白,大家可以按照顺序阅读: 渡劫 C 协程(1):C 协程概览C20协程原理和应用...

【C++】优先级队列(底层代码解释)

一. 定义 优先级队列是一个容器适配器,他可以根据不同的需求采用不同的容器来实现这个数据结构,优先级队列采用了堆的数据结构,默认使用vector作为容器,且采用大堆的结构进行存储数据。 (1)在第一个构造函数…...

华为模拟器防火墙配置实验(二)

一.实验拓扑 二.实验要求 1,DMZ区内的服务器,办公区仅能在办公时间内(9:00 - 18:00)可以访问,生产区的设备全天可以访问. 2,生产区不允许访问互联网,办公区和游客区允许…...

group 与查询字段

需求 每周周一,统计菜单在过去一周,点击次数,和点击人数(同一个人访问多次按一次计算) 表及数据 日志表 CREATE TABLE t_data_log ( id varchar(50) NOT NULL COMMENT 主键id, operation_object varchar(500) DE…...

PlantUML 教程:绘制时序图

绘制时序图是 PlantUML 的一个强大功能,下面是详细的 PlantUML 时序图教程,帮助你理解如何使用它来创建清晰的时序图。 基本概念 时序图(Sequence Diagram)用于展示对象之间的交互以及它们之间的消息传递顺序。它主要由以下元素…...

自定义ViewGroup-流式布局FlowLayout(重点:测量和布局)

效果 child按行显示,显示不下就换行。 分析 继承ViewGrouponDraw()不重写,使用ViewGroup的测量-重点 (测量child、测量自己)布局-重点 (布局child) 知识点 执行顺序 构造函数 -> onMeasure() -> …...

网站建设新闻/开发网站的流程

转自:http://xjsunjie.blog.iyunv.com/999372/684447在SUSE Linux下部署应用的时候,有时会遇到“Socket/File: Can’t open so many files”的问题,这其实是因为SUSE Linux系统的文件句柄限制造成的,一般系统默认都是允许打开1024…...

贵溪市城乡建设局网站/营销推广方式

触摸交互案例 Input.GetTouch(0).deltaPosition;//获取触摸滑动增量 float num Input.GetTouch(0).deltaPosition.y * 0.003f;//使用y值增量例子其他 单指点击 using UnityEngine; using System.Collections;public class touchTest: MonoBehaviour { void Update() {int i …...

主流科技类的网站都有哪些/抖音关键词推广

最近学习AIR 发现有篇好文章,翻译下,和大家共享。原文地址:[url]http://www.smashingmagazine.com/2009/04/07/adobe-air-developers-toolbox-resources-and-tutorials/[/url]现以生成电子版,下载地址:[url]http://xiayuanfeng.javaeye.com/b…...

2021中国企业500强/杭州seo

按照网上的方法能够实现连接数据库,方法如下:(网址为http://jingyan.baidu.com/article/86112f135e624a2736978755.html?qq-pf-topcqq.c2c),问怎样查询一个建好的数据库?(希望...按照网上的方法能够实现连接数据库,方…...

伪静态网站/如何开通自己的网站

iphone4锁屏键坏了图文教你修复 来源:互联网 作者:佚名 时间:03-07 16:18:30 【大 中 小】iphone4锁屏键经常使用,所以坏的可能性是很大而且不在少说,接下来为你详细分享一下解决方法,感兴趣的朋友可以参考…...

香港服务器网站/互联网推广工作好做吗

1、登录支付宝1、打开支付宝官网,以“我是支付宝商家”用户登录https://www.alipay.com/2、进入“产品中心”,选择并申请支付类型2、签约“电脑网站支付”产品选择支付产品类型填写签约信息后,提交申请申请成功后,我们在签约产品列…...