自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 Vue之组件与组件通信

一、组件概念组件是可复用的 Vue 实例, 用来封装标签, 样式和JS代码。组件化 :封装的思想,把页面上 可重用的部分 封装为 组件,从而方便项目的 开发 和 维护一个页面, 可以拆分成一个个组件,一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为(html, css和js)二、组件的使用1、创建组件2、引入组件import Pannel from './components/Pannel_1'3、注册组件(1)全局注册全局入口在main.js

2021-10-06 21:56:34 186

原创 Vue基础API(2)

1.动态class语法: :class="{类名: 布尔值}" <template> <div> <!-- 语法: :class="{类名: 布尔值}" 使用场景: vue变量控制标签是否应该有类名 --> <p :class="{red_str: bool}">动态class</p> </div></template><script&gt

2021-10-04 22:25:05 92

原创 Vue脚手架、简单API

一、脚手架1、准备(1)全局安装@vue/cli模块包yarn global add @vue/cli# ORnpm install -g @vue/cli(2)查看Vue版本vue -V如果出现版本号就安装成功, 否则失败2、创建项目-启动服务(1)创建项目# vue和create是命令, vuecli-demo是自己的文件夹名vue create vuecli-demo(2)选择模板(3)选择包管理器(4)等待下载脚手架项目, 需要..

2021-10-04 22:07:03 167

原创 webpack的简单使用

一、yarn的安装与使用yarn是一个快速、可靠、安全的依赖管理工具 ,与npm类似1、下载下载地址:安装 | Yarn 中文文档建议和node安装到一个盘符下2、使用yarn(1). 初始化, 得到package.json文件(终端路径所在文件夹下)yarn init类似于npm init(2). 添加依赖(下包)yarn add jquery类似于npm install jquery(3). 移除包yarn remove jquery类似..

2021-10-04 21:24:56 104

原创 ES6之Array.from()

一、介绍Array.from:允许在JavaScript集合(如: 数组、类数组对象、或者是字符串、map、set等可迭代对象) 上进行有用的转换。语法:Array.from(arrayLike[, mapFunction[, thisArg]])arrayLike:必传参数,想要转换成数组的伪数组对象或可迭代对象。 mapFunction:可选参数,mapFunction(item,index){...}是在集合中的每个项目上调用的函数。返回的值将插入到新集合中。 this...

2021-09-19 20:29:07 575

原创 ES6中的Promise

一、PromisePromise是一个ES6提出一个新语法,用来优化异步代码的写法。在没有它之前,javascript中的异步处理,大多是利用回调函数来实现的。1、构造器var p1 = new Promise(function(resolve,reject){ // 执行异步代码 // 调用resolve,或者reject});console.dir(p1)要点: 构造器必须要给定一个参数,如果不给就是会报错。例如,new Promise() 报错的信息是: Promi

2021-09-18 22:00:20 631

原创 尝试创建三个接口

1.准备工作创建项目文件夹(job)准备好事先写好的html,放入public文件夹中统一配置好地址初始化node,下载express包创建书写接口代码的js文件(server.js)2.静态资源托管const express = require('express')const app = express()//静态资源托管app.use(express.static('public'))app.listen('8070', () => {...

2021-09-15 15:50:08 101

原创 express-post请求的三种参数传递方式

post参数是在请求体中的,它有参数有三种情况普通键值对、复杂json格式数据、formData涉及文件上传1.普通键值对获取普通键值对:1.server.use(express.urlencoded())(请求体 中的携带的 普通键值对 解析出来,保存在req.body中)2. 在路由的回调函数中,通过req.body来获取代码:const express = require('express')const app = express()app.use(expr

2021-09-15 14:50:51 2482

原创 常用数组API

1.length属性:动态获取数组的长度2.toString():把数组转换为数组值(逗号分隔)的字符串.例:let fruits = ["Banana", "Orange", "Apple", "Mango"];console.log(fruits.toString())输出:Banana,Orange,Apple,Mango3.join():也可将所有数组元素结合为一个字符串。它的行为类似 toString(),但是您还可以规定分隔符例:let fruits

2021-09-14 19:45:49 73

原创 用node.js写一个get类型接口

要求:在server.js中写代码,提供一个名为getList的接口。具体要求如下: url:http://localhost:8083/getList 方式:get 返回值:列表数据。 它以json字符串格式返回db/data.json的内容。代码:1.引入核心模块:http fs及pathconst http = require('http')const fs = require('fs')const path = require('path')2

2021-09-13 20:46:30 425

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除