自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue路由

vue-router

2022-08-19 18:53:47 334 1

原创 原型和原型链简单易懂

原型原型链

2022-06-15 22:55:47 104

原创 配置vuex

1.store.js(store文件夹在里面定义)// 导入vueimport Vue from 'vue'// 导入vueximport Vuex from 'vuex'// 将 Vuex 安装为 Vue 的插件Vue.use(vuex)// 创建store对象const store=new Vuex.Store({ state:{}})// 向外共享 Store 的实例对象export default store2.在main.js中导入store实例对象并挂载到 V

2022-05-25 11:57:27 272

原创 在文本域(textarea)中使用回车键

1.通过@input方法检测在textarea中的输入事件2.通过indexOf方法检测用户是否按回车,如果没按返回-1; var pos=val.indexOf('\n') if(pos!=-1){ console.log('回车触发了'); }

2022-03-28 09:52:31 1593 3

原创 解决uniapp中scrollintoview无效问题

解决办法:添加一个定时器或者用$nextTick(延迟一下)1.$nextTick方法this.$nextTick(function(){ this.scrollInto='into'+i })2.定时器方法setTimeout(()=>{ this.scrollInto='into'+i })

2022-03-26 09:13:15 4622

转载 百度地图自定义添加一个标注

1.引入百度地图js(需要去百度地图申请ak) <script type="text/javascript"src="https://api.map.baidu.com/api?v=3.0&ak=你的密钥</script>2.创建展示地图的样式<style type="text/css"> html { height: 100% } body { he

2022-03-22 17:10:09 2199

原创 百度地图的使用

1.创建标签<div id="container"></div>2.添加样式html{height:100%} body{height:100%;margin:0px;padding:0px} #container{height:100%} 3.引入script<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=你

2022-03-18 11:46:31 933

原创 addEventListener和onclick的区别

onclick后面的事件会覆盖前面的事件,addEventListener会按事件的先后顺序执行。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-

2022-03-11 17:15:28 1553

原创 js原生往父元素中添加子元素

1.通过createElement创建元素var lis=document.createElement('li')2.给创建的元素添加Html值 lis.innerHTML=` <li class="setItem" id="setItem"> <input class="ipt" type="text" ' value="1"> <div class="textColor icon

2022-03-11 14:28:30 9666

原创 uniapp使用请求拦截器和响应拦截器

1.通过npm包下载注:uniapp下载npm包时(需要先运行npm init -y命令)npm install @escook/request-miniprogram2.使用详情官方文档:https://www.npmjs.com/package/@escook/request-miniprogram3.在项目的 main.js 入口文件中,通过如下的方式进行配置:import { $http } from '@escook/request-miniprogram'uni.

2022-02-10 09:58:56 1556 1

原创 es6通俗易懂

目录Es6 let与const var let const let和const的区别 解构赋值 数组的解构复制 对象的解构复制 扩展运算符 拆分数组 模板字符串 普通字符串 模板字符串 Es6let与constvar先说一下var存在的问题1.声明提升console.log(name);//此处会正常打印,因为var存在声明提升的问题varname ="前端";变量覆盖v...

2022-02-07 13:37:57 215 1

原创 数据结构和算法

栈结构 特点 先进后出,后进先出 操作 push 添加一个到栈顶的元素 pop 移除栈顶的元素同时返回被移除的元素 peek 返回栈顶的元素,不做修改(只是反回) isEmpty 查看栈里面是否有元素,有true,反之 size 返回栈里面元素的数量,跟数组的length相似...

2022-01-20 17:09:19 322 1

原创 vue-router中params对象形式传参问题

1.params跳转传递参数对象中必须是name不能是path(name需要在路由中配置)this.$router.push({name:'search',params:{id:123}})2.路由中path占位符问题params必传这种形式必须传params参数,不传的话url会出现问题。url问题params可选这中形式表示params参数可传可不传。...

2021-12-07 15:51:54 2882 2

原创 js数据类型

js基本数据类型string 字符串 number 数值 boolean 布尔值 null 空 undefined 未定义 symboljs引用数据类型 object 对象 array 数组 function 函数

2021-12-06 17:49:03 52

原创 uniapp怎么准确的获取swiper高度

1.uniapp里面的swiper具有默认高度问题,默认高度为150px。导致在index里面的组件显示不完全。解决办法:1.简单的解决方法是给swiper设置高度。但这种方法不太准确。2.可以用view把需要获取的组件抱起来,然后通过uniapp的api里面节点信息,用uni.createSelectorQuery().select(节点class名称)方法获取节点。然后通过获取到的节点使用boundingClientRect获取节点的信息。view.boundingClientR

2021-06-23 19:18:57 1316 2

原创 v-if和v-for避免一起用

因为v-for的优先级比v-if的高,如果一起用的话会执行不必要的判断,影响性能。解决办法把判断条件写在computed里面。

2021-06-20 09:36:05 62

原创 uniapp-swiper坑

uniapp-swiper坑1.组件名称swiper.vue或者Swiper的话,在传递数据的时候有可能图片就不见了。2.改变图片的大小要用rpx。3.swiper组件有默认的高度为150px,app中需要改变默认高度。解决办法给swiper组件设置高度。swiper{height:400rpx;width:100%;}...

2021-06-14 20:16:11 751

原创 uniapp 解决微信小程序导航栏问题

uniapp 解决微信小程序导航栏问题可以用<!-- #ifdef MP-WEIXIN -->解决<!-- #endif -->

2021-06-14 19:44:48 263

空空如也

空空如也

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

TA关注的人

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