- 博客(14)
- 收藏
- 关注
RSS订阅原创 百度地图展示
1、申请百度账号和ak2、准备页面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
518
原创 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
219
原创 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
405
原创 【无标题】
编译问题错误 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
3478
原创 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
100
原创 mock.js安装和应用
1.安装 npm install mockjs --savenpm 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
488
原创 setup组合api
一 组合api特点1. 更加直观，接近原生js2. 按需加载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
539
原创 路由跳转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
78
原创 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
382
原创 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
328
原创 知识总结 Vue
1. Vue实例化1.创建一个app （application应用）2 定义数据data3 把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
497
原创 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
310
原创 Es6基础知识晋级
Es6一 对象1属性简写 var name = "name" var obj = {name}2动态属性 var obj = {[a+b]:"小曾"}3函数简写 {say(){}}4继承 Object.setPrototypeOf(child,parent) super类1特点用class 声明 本质是functionconstructor构造extends 继承new 实例化类名建议大写 开头实例class Cat extends Animal{
2022-02-22 19:55:03
147
原创 Es6 基础知识点
es6 变量声明 一let1. let 声明和 var声明变量差不多2. 在一对大{} 里面起作用3. 不能重复声明4. 不会变量提升 什么是变量提升：用var 声明变量 ，变量的使用在变量声明前 默认值是undefinedv二const1. const和var 差不多2. 通常用来声明常量的 建议大写3. 声明必须赋值4. 声明后不能修改*(复杂数据可以修改 数组)数组解构1. 交换变量2. 剩余值3. 跳过4. 默认值对象解构1 对象简写
2022-02-22 19:46:01
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人