概要
前几天在淘宝群看到有招前端开发的实习工作,就答应下来,目前已经开始实习了,这里记录一下实习的内容。 实习的薪资说是一个月3k,之后转正会涨到1w,感觉挺不错的,重点是不会耽误课程,而且还能学到东西,跟我商量了上班时间,我根据课表安排周一、周四、周五、周六这四天去,但都是下午,因为早上都有课,最近刚好碰上国庆,公司也不上班,主要要用内网,只能在公司的时候才去写,明天去一趟把页面的框架搭好,之后就到10月7再去了。
iVX无编程前端可视化开发平台
公网地址:http://192.168.10.114/zdhome/?Mqtt=74EF0#/login?redirect=/home http://192.168.10.6/ 企业主账号:org 子用户名:yjq 密码:12345678
【iVX精通】02-iVX工具结构_哔哩哔哩_bilibili
通用前台顶部
顶部左右两侧:
菜单按钮

时间显示
字体设置: 文字颜色:#168FFF 文字字号:16 文本字体:全局变量->数字字体->下标0 排版设置: 右外边距:(选择前台时间参数)时间==true?“136px”:"" 事件:创建触发器
mqtt
重点参考 RabbitMQ超详细学习笔记
自定义图表 Echats
Echats官网: echarts自定义图表
自定义图表组件
进入官网后,选择需要的图表示例
在IVX中选择通用变量将json串导入进去,然后让自定义图表的数据选择到刚才设置的变量对象。
函数法引入echats图表
API使用
什么是 API?
应用程序接口(API,Application Programming Interface)是基于编程语言构建的结构,使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码,并提供一些简单的接口规则直接使用。
客户端 JavaScript 中有很多可用的 API — 他们本身并不是 JavaScript 语言的一部分,却建立在 JavaScript 语言核心的顶部,为使用 JavaScript 代码提供额外的超强能力。他们通常分为两类:
- 浏览器 API内置于 Web 浏览器中,能从浏览器和电脑周边环境中提取数据,并用来做有用的复杂的事情。例如Geolocation API提供了一些简单的 JavaScript 结构以获得位置数据,因此你可以在 Google 地图上标示你的位置。在后台,浏览器确实使用一些复杂的低级代码(例如 C++)与设备的 GPS 硬件(或可以决定位置数据的任何设施)通信来获取位置数据并把这些数据返回给你的代码中使用浏览器环境;但是,这种复杂性通过 API 抽象出来,因而与你无关。
- 第三方 API缺省情况下不会内置于浏览器中,通常必须在 Web 中的某个地方获取代码和信息。例如Twitter API 使你能做一些显示最新推文这样的事情,它提供一系列特殊的结构,可以用来请求 Twitter 服务并返回特殊的信息。
使用别人的API,通常需要以下步骤:
- 准备工作:首先,你需要在API提供商的网站上注册账号,并申请API Key。API Key是一个字符串,可以用于标识你的身份和访问权限。
- 查看API文档:其次,你需要查看API的文档,了解API的功能、参数和返回值。一般来说,API文档会包含以下内容:
- API的地址(URL)
- API的请求方式(GET、POST、PUT、DELETE等)
- API的请求头(Headers)
- API的请求参数(Query String / Request Body)
- API的响应状态码(Status Code)
- API的响应格式(Content-Type)
- API的响应数据(Response Body)
- 发送请求:然后,你可以使用你喜欢的编程语言,通过HTTP协议向API发送请求。例如,你可以使用Python的requests库,发送GET请求:
import requests
# 设置API地址、请求头和请求参数url = 'https://api.example.com/users'headers = {'Authorization': 'Bearer YOUR_API_KEY'}params = {'page': 2, 'per_page': 10}
# 发送GET请求response = requests.get(url, headers=headers, params=params)
# 打印响应状态码print(response.status_code)
# 打印响应数据print(response.text)- 处理响应:最后,你可以根据API的文档,处理响应数据。根据响应状态码和响应格式,你可以判断请求是否成功,并进行相应的处理。
例如,假设API返回的是JSON格式的数据,你可以使用Python的json库将响应数据转换为字典:
import requestsimport json
# 设置API地址、请求头和请求参数url = 'https://api.example.com/users'headers = {'Authorization': 'Bearer YOUR_API_KEY'}params = {'page': 2, 'per_page': 10}
# 发送GET请求response = requests.get(url, headers=headers, params=params)
# 判断响应状态码if response.status_code == 200: # 将响应数据转换为字典 data = json.loads(response.text) # 打印响应数据 print(data)else: print('Request failed!')注意,使用API时,你需要遵守API的规则和限制,如请求频率限制、访问权限限制等。你也应该对API的响应进行错误处理,避免程序因为API的问题而崩溃。
学习任务
1.先做书上的示例,理解组件及其属性
任务一:换肤功能实现
1.IVX(已完成) 2.vue+bootstrap