自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 百度地图展示

1、申请百度账号和ak 2、准备页面 3、添加meta标签 方便在移动平台上展示 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />4、引用百度地图API文件 <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=您的密钥">5、创建地图容器元素 设置.

2022-04-02 01:49:01 460

原创 echarts

1柱状图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/echarts.min.js"></script> </head> <body> <div id="conta...

2022-03-29 08:51:10 179

原创 less css扩展语言

less就是css的扩展语言 1变量 定义变量: @width: 10px; @color:#f00; 使用: div a{ font-size:@width; color:@color; } 编译为: div a{ font-size:10px; color:#f00; } 2 混合 混合(Mixin)是一种将一组属性从一个规则集包含(或混入)到另一个规则集的方法。假设我们定义..

2022-03-27 10:18:39 355

原创 【无标题】

编译问题错误 Compiled with problems: 错误1 错误的文件地址 C:\mye1\src\views\HomeView.vue 第三行的第一个字符 3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs 第四行的第一个字符 4:1 error Mixed spaces and tabs n...

2022-03-24 02:20:16 3425

原创 ts+vu3+setup+volar

1 js 安装 cd / vue create 项目 2 js中声明变量 <template> <div class="home"> <h1>vue+ts+setup+volar</h1> <button @click="addCount(2)">{{count}}</button> <button>{{num}}</button> <butt

2022-03-21 21:46:38 79

原创 mock.js安装和应用

1.安装 npm install mockjs --save npm install axios --save 安装axios是为了能模拟后台接口。 2.建立目录解构 3.在main.js文件中导入mockjs 然后在Mockview.vue中引用 import Mock from 'mockjs'; import request from "@/utils/request.js" 4拦截 接口地址/api/getData 拦截get方法 并返回数据 5 mock.js随机生..

2022-03-21 20:43:01 440

原创 setup组合api

一 组合api特点 1. 更加直观,接近原生js 2. 按需加载 3. 没有this,降低了耦合性,提高复用性 二 setup() 1.相当于created生命周期 2.需要 return 返回,在模板中使用 三ref 值类型 响应对象 1 const count = ref(5) 在setup访问count值 count.value 来访问 2可以作为dom引用 const inp = ref(null) ...

2022-03-16 19:31:46 489

原创 路由跳转Vue Router

1router-link (页面跳转) <template> <div id="main"> <router-view class="views has-tabs" /> <div class="tabs"> <router-link class="links ihome" to="/"> home </router-link> <rout...

2022-03-05 17:29:03 57

原创 Vue组件,动画 ,和相关的指令节点

1组件 components (1)介绍 组件:一个小的功能分区 意义:复杂项目拆分简单的组件 让团队开发更高效 组件是可以重复使用的模块 (2)理解 组件其实就是个小的Vue,具有data,methods,watch,computed (3)组件的定义 const steper = {template:`<span>...</span>`} (4)组件注册 components:{steper} (5)组件的使用 <steper></steper&g

2022-03-02 19:36:49 343

原创 Vue基础概叙

1. 实例化 <div id="app"> <input type="text" v-model="msg"/> <p>{{msg}}</p> </div> <script type="text/javascript"> const app = Vue.createApp({ data(){ return{msg:"你好vue"} } }).mount("#app")

2022-02-28 20:11:33 304

原创 知识总结 Vue

1. Vue实例化 1.创建一个app (application应用) 2 定义数据data 3 把app实例挂在到#app节点 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="vue/js/vue.js" type="text/javascript" charset="utf-8">&

2022-02-24 21:02:06 456

原创 Es6 Promise 异步async 与 等待await Symbol Symbol.iterator迭代器 生成器 代理prxoy

1.Promise解决回调地狱 在JavaScript中,难免会遇到异步访问的场景,比如打开文件,访问数据库等等。如果不做好异步控制,会导致意外结果(比如 返回值还没返回就想调用)因此,一种典型的做法是: 代码少的时候还可以 但是一但代码多 改错时就会很麻烦所以 基于当时的困境,有人提出了Promise 一个promise对象then之后还是promise,因此可以一直then下去,从而实现嵌套回调。 输出结果 2异步async 与 等待await 定义一个say 函数.

2022-02-23 19:59:53 270

原创 Es6基础知识晋级

Es6 一 对象 1属性简写 var name = "name" var obj = {name} 2动态属性 var obj = {[a+b]:"小曾"} 3函数简写 {say(){}} 4继承 Object.setPrototypeOf(child,parent) super 类 1特点 用class 声明 本质是function constructor构造 extends 继承 new 实例化 类名建议大写 开头 实例 class Cat extends Animal{

2022-02-22 19:55:03 121

原创 Es6 基础知识点

es6 变量声明 一let 1. let 声明和 var声明变量差不多 2. 在一对大{} 里面起作用 3. 不能重复声明 4. 不会变量提升 什么是变量提升:用var 声明变量 ,变量的使用在变量声明前 默认值是undefinedv 二const 1. const和var 差不多 2. 通常用来声明常量的 建议大写 3. 声明必须赋值 4. 声明后不能修改*(复杂数据可以修改 数组) 数组解构 1. 交换变量 2. 剩余值 3. 跳过 4. 默认值 对象解构 1 对象简写

2022-02-22 19:46:01 102

空空如也

空空如也

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

TA关注的人

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