自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 闭包 Closure()

闭包 Closure()闭包:指有权访问另一个函数作用域中变量的函数被访问的变量所在的函数就是一个闭包函数,高阶函数作用:延伸了变量的作用范围// fn()是一个闭包,f() 访问了 fn() 里面的 num 变量function fn() { var num = 10 return function () { console.log(num) } } var f = fn() f()案例:要好好分析 <ul class="nav">

2021-09-28 16:03:38 107

原创 接口调用--async/await

接口调用–async/awaitasync 返回的是 promise 实例对象,需要 await 来拿取​ 用ret来定义,方便后面使用数据axios.defaults.baseURL = 'http://localhost:3000'async function queryData(){ const ret = await axios.get('adata') // console.log(ret.data) return ret.data // 此时

2021-09-28 16:02:18 309

原创 路由vue-router--官方路由管理器

路由vue-router–官方路由管理器提取的hash值:#/keji (想只拿到keji), location.hash.slice(1)一、步骤1.导入js文件 <script src="./lib/vue_2.5.22.js"></script> <script src="./lib/vue-router_3.0.2.js"></script>2.添加路由链接 <router-link to="/user">User&lt

2021-09-28 16:01:42 157

原创 接口调用--axios

接口调用–axios1.常用API:get:查询数据post:添加数据put:修改数据delete:删除数据2.基本用法ret:自定义参数名.data: 获取后台实际数据 ,写法固定3.GET传参(1)URL传参数传统axios.get('http://localhost:3000/axios?id=123').then(function(ret){ console.log(ret.data)})// 接口app.get('/axios',(req,res)=>{

2021-09-28 16:00:46 153

原创 接口调用--fetch

接口调用–fetch1.基本用法:基于promise实现text() 方法属于fetchAPI的一部分,返回一个promise实例对象,用于获取后台返回的数据fetch('url地址').then(function(data){ return data.text()}).then(function(data){ console.log(data) // 得到最终数据})2.传递参数 GET ( DELET 相似 )传统形式的URL传递参数 ?+ 参数fetch('htt

2021-09-28 15:59:52 544

原创 侦听器、过滤器

8.侦听器、过滤器1.侦听器 watchval是参数,即输入的内容<input type="text" v-model="firstName"><input type="text" v-model="lastName">data: { firstName: 'Jim',watch lastName: 'Green', fullName: 'Jim Grenn'},watch: { firstName: function(val){ this

2021-09-28 15:57:36 69

原创 v-for遍历,key,v-if

4.v-for遍历,key,v-ifkey:帮助vue区分不同的元素,提高性能<li :key='item.id' v-for="(item,index) in list"> {{ item }}<li :key='index' v-for="(item,index) in list"> {{ item }}item 可能是对1.for in 循环不推荐遍历数组,只用于遍历对象for(var key in obj) { console.log(key,obj[

2021-09-28 15:55:58 119

原创 JSON数据交互格式

JSON数据交互格式1.json结构JSON:在计算机与网络之间存储传输数据XML:可拓展标记语言JSON:javaS对象和数组的字符串表示法,本质是字符串,必须用双引号JSON结构对象结构:{ key : value, key : value, …}key:属性是必须用双引号包裹的字符串value:数字、字符串、数组、布尔值、null、对象 ,​ 不可以是undefind或函数类型字符串必须用双引号包裹{ "name":"lisi", "age":18

2021-09-28 15:55:00 209

原创 后台管理系统git即问题整理

一、创建项目1.创建项目 vue ui创建本地仓库、gitee远程仓库shift+右键打开powershell2.user分支创建,和代码推送将master的文件迁移到user分支上:git branch: 在mastergit checkout -b user:迁移到user分支git branch:在user分支,修改也被迁移到user分支git status :检查user上的文件状态git add . :添加到暂存区git statusgit commit -m " ":

2021-09-28 15:53:13 285

原创 Git-分布式版本控制系统

启动:桌面右击鼠标-点击 git一、配置、检查信息1.配置git信息用户名:git config --global user.name “wuxuerui”用户邮箱:git config --global user.email “1204014959Qqq.com”​ 全局配置文件在 C盘/user/用户文件夹/.gitconfig2.检查配置信息查看所有全局配置项 git config --list --global查看指定全局配置项 git config use

2021-09-28 15:50:22 120

原创 element-ui 输入框的前后缀图标 prefix-icon 和 suffix-icon

el-input是element-ui中的一个组件,在element-ui中文手册中有详细的介绍。其中,带 icon 的输入框示例如下:代码:<el-input prefix-icon="iconfont icon-user" v-model="loginForm.username" ></el-input>

2021-06-02 18:07:19 5763

原创 解决vue文件ctrl+s保存时,每个属性各占一行问题

解决vue文件ctrl+s保存时,每个属性各占一行问题修改前效果修改后效果解决方法:打开文件->首选项->设置下拉,找到并打开 settings.json文件找到“js-beautify-html”将 "wrap_attributes": "force-aligned"改为“auto”...

2021-03-24 14:03:24 405

空空如也

空空如也

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

TA关注的人

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