Single-Y
  • 首页
  • 归档
  • 分类
  • 标签
【Node.js】web请求

【Node.js】web请求

1.介绍 HTTP 协议(Hyper Text Transfer Protocol)是超文本传输协议,它是基于请求-响应的一个协议,即客户端浏览器给服务器发送一个 HTTP 请求,然后服务器对客户端的请求作出响应。我们开发的基于浏览器的 B/S 架构的程序都是基于 HTTP 协议(也有 HTTPS)的,例如登录、注册、查询商品等。 当用户在 URL 中输入一个网址到看到页面,大体经过如下几步:
前端 > Node.js
【Node.js】认识Node.js

【Node.js】认识Node.js

1.介绍 Node.js 是一门服务器编程语言,它也遵循了 ECMAScript 语法规范,在此规范的基础上加入了 Node.js API,包含处理 http 请求、处理文件、socket 编程等。Node.js API 和 ECMAScript 两者结合组成了 Node.js,完成 Server 端的任何操作,为客户端浏览器进行服务。 Node.js 是一门服务器编程语言。它发布于 2009 年
前端 > Node.js
【ECharts】5.事件处理

【ECharts】5.事件处理

1.什么是事件处理 在 ECharts 的图表中用户的操作将会触发相应的事件,比如点击事件。我们可以使用 on 方法来监听用户触发的事件,通过回调函数做出相应的处理,比如弹出对话框、跳转到另一个地址等操作。 语法格式: 1myChart.on("事件名称", 回调函数); 在 ECharts 中,事件分为两种类型: - 鼠标事件,或者悬浮(hover)图表的图形时触发的事件。
前端 > ECharts
【ECharts】4.异步数据加载

【ECharts】4.异步数据加载

在之前的例子中,我们一直将数据直接填入setOption配置项中,那么当我们的数据项很大的时候,这样写就不太完美了。 所以我们可以使用jQuery等工具来异步获取数据,并填入setOption中。 1.数据加载 本节我们来基于 jQuery 获取数据。 数据要单独放入 .json 文件中 使用 jQuery 中的 get 方法来获取数据 首先,使用以下命令获取实验需要的 .json 文件。 1
前端 > ECharts
【ECharts】3.基本图表绘制

【ECharts】3.基本图表绘制

1.柱状图 ECharts 的优点之一就是:我们不用从 0 开始写代码,只需要在官方文档中找到相似度高的示例,然后在示例代码的基础上进行修改即可。 比如我们在官网找到带背景色的柱状图: ::: center ::: 这里就不扯那么多了,直接来讲讲代码中的陌生配置项目: color是绘制图表的调色盘的颜色列表,如果系列没有设置颜色,则会依次循环从该列表中取颜色作为系列颜色。 默认为: 1[
前端 > ECharts
【ECharts】2.ECharts基础知识

【ECharts】2.ECharts基础知识

1.ECharts 实例 一个网页可以创建多个ECharts实例,每个实例可以创建多个图表和坐标系等(且使用option来描述)。准备一个 DOM 节点作为实例的渲染容器,每个容器创建一个 ECharts 实例。每个实例独占一个 DOM 节点。 20250303211726 我们随便打开官网的一个实例代码就能发现都是类似的结构: option相当于存放组件的容器,在option中的se
前端 > ECharts
【ECharts】1.认识ECharts

【ECharts】1.认识ECharts

ECharts是一个底层依赖于ZRender矢量图形库的JavaScript,可以用于快速构建矢量图形库。 ## 什么是 ECharts 在没有 ECharts 的年代,公司的图表业务都是用 flash 去实现的,当时的前端工程师并不负责这一块,而是由专门的图标工程师来完成。这就造成了大量的沟通成本,因为在数据接口设计上,前端工程师需要和做图表的同事进行沟通。 在这样的背景下,百度团队在 2012
前端 > ECharts
【Pinia】购物车项目

【Pinia】购物车项目

接下来将用Pinia提供的全局数据共享功能来制作一个购物车项目。 项目结构: ::: file-tree - components - CardList.js - Products.js - js - store.js - products.json - lib - axios.js - pinia.min.js - vue.min.js - vueDemi.js - index.html :::
前端 > Pinia
【Pinia】Pinia核心概念

【Pinia】Pinia核心概念

从使用的角度来看基本和Vuex一样,但是更加简单。 有四个常用的核心概念:State、Getter、Mutation、Action。没有了Mutation且常用的只有:State、Getters、Actions(同步、异步、都支持)。 1.Store 创建一个js/store.js文件:在index.html中使用: :::: code-tabs @tab js/store.js 12345678
前端 > Pinia
【Pinia】Pinia的安装和配置

【Pinia】Pinia的安装和配置

工程化项目中的安装 如果是通过脚手架搭建的项目可以通过NPM或者Yarn安装到项目当中: 1npm install pinia CDN 方式引入与使用 如果没有使用脚手架的项目也可以通过CDN来引入 Pinia的js文件来使用。 项目结构: ::: file-tree - pinia1 - js - lib - pinia.min.js # pinia 文件 - vueDemi.js # 一款
前端 > Pinia
123456

搜索