树上的男爵l-CSDN博客

原创 TypeScript快速入门

类型、支持ES的新特性、添加了ES不具备的新特性、丰富的配置选项、强大的开发工具。functionfn（参数类型，参数类型）类型{…JavaScript是动态类型的不能声明变量的类型后期维护成本高。进入cmd执行npminstall-g。typescript查看版本tsc-V。进入cmd进入ts文件所在的目录。执行命令tscxxx.ts。let变量类型=值；let变量类型;...

2022-07-18 22:12:35 150 1

前提运行 webpack 5 的 Node.js 最低版本是 10.13.0node -v //查看node版本npm -v // 查看npm版本本地安装要安装最新版本或特定版本，请运行以下命令之一：npm install --save-dev webpack//或指定版本npm install --save-dev webpack@<version>使用 webpack v4+ 版本，并且想要在命令行中调用 webpack，你还需要安装 CLI。npm inst

2022-03-07 11:13:33 1255

原创 Vue中浏览器定位当前城市名称

介绍：采用百度地图中的浏览器定位API实现当前城市名称定位。需要注册成为百度注册百度地图开发平台账号获取秘钥。在public/index.html 加上以下代码<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=秘钥"></script>创建一个文件写入以下方法 const geolocation = new BMap.Geolocation();

2022-02-16 17:26:37 787

原创微信小程序下拉列表加载更多数据（vue+uni-app+es6）详解

微信小程序下拉加载数据更多，使用到分页查询的原理。示例如下：<template> <view> <view v-for="(item,index) in listData" :key="index"> <view>{{item}}</view> </view> <view v-if="showMore"> <uni-load-more :status="status" :c

2022-01-10 17:34:08 3169

原创 vue中封装自定义分页器组件和使用方法详解

实现分页器操作需要以下参数当前页： pageNo每页展示条数： pageSize数据总条数： total连续页码数：continuous （一般为奇数，页面对称更美观）分页器在各大项目中出现的频率较多，我们可以封装成静态组件，并全局注册这个组件。1.全局注册组件方法：在mian.js文件中操作import Pagination from '@/components/Pagination' // 组件路径Vue.component(Pagination.name,Pag

2022-01-08 19:59:23 1155

原创 vue中使用$bus总线兄弟组件传值（发布订阅模式）

兄弟组件传值其实是子组件传递给父组件，父组件监听传递给另一个子组件。可以通过事件总线对象派发和监听传值 bus.emitbus.emit bus.emitbus.on示例子组件1<template> <div> <h1>子组件1</h1> <button @click="go" >数据派发</button> </div></template><script>

2022-01-05 17:29:27 706 1

原创 vue-cli脚手架初始化项目

安装vue cli 命令npm install vue-cli -g （ vue -V 查看vue-cli版本）初始化项目命令vue create 项目名称（vue-cli 3.x版本才可以使用）

2021-12-28 18:02:57 440

原创 vuex的使用

1、在项目中安装vuexnpm install --save vuex2、在src文件下创建store文件store/index.js//配置vueximport Vue from 'vue';import Vuex from 'vuex';//使用VuexVue.use(Vuex);//仓库存储数据的地方const state={ count:0,};//仅能在此处修改state中的数据const mutations={ ADD(state){

2021-12-28 17:28:49 95

原创 swiper在vue中的使用

安装Swiper（选择5.x版本的相对较稳定）执行命令npm install --save swiper@5<template>  <div class="swiper-container" ref="cur"> <div class="swiper-wrapper"> <div class="swipe

2021-12-27 10:51:01 2084

原创 Lodash节流和防抖总结

内容在开发中常常会遇到函数的连续触发和高频次触发的情况。解决这些问题使用防抖和节流是最好不过的了。Lodash可以帮助我们实现。实例演示防抖：前面所有的触发都被取消，最后一次执行在规定时间之后才会触发，也就是说如果连续快速的触发只会执行一次。防止多次触发同一个事件。<head> <meta charset="UTF-8"> <title>防抖</title>

2021-12-20 10:58:21 8047

原创 vue项目使用mockjs模拟接口数据详解

1、在项目中安装mockjs 安装命令 npm install mockjs2、在src文件夹下创建一个文件夹mock3、在mock文件夹中创建.json文件模拟json数据

2021-12-17 17:56:30 309

原创 vue-devtools插件的下载和安装

1、通过官方地址下载：GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.2、选择版本 v5.1.1 ：好多次才测验出来这个版本简单快捷易操作。3、点击downlaod ZIP 下载到本地4、将压缩包解压依次执行命令① npm install② npm run build5、打开谷歌浏览器选择管理扩展程序：我使...

2021-12-16 16:26:47 7025 2

m0_65005642的博客