- 博客(18)
- 收藏
- 关注
原创 配置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 300
原创 在文本域(textarea)中使用回车键
1.通过@input方法检测在textarea中的输入事件2.通过indexOf方法检测用户是否按回车,如果没按返回-1; var pos=val.indexOf('\n') if(pos!=-1){ console.log('回车触发了'); }
2022-03-28 09:52:31 1684 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 4857
转载 百度地图自定义添加一个标注
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 2212
原创 百度地图的使用
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 957
原创 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 1579
原创 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 9753
原创 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 1606 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 228 1
原创 数据结构和算法
栈结构 特点 先进后出,后进先出 操作 push 添加一个到栈顶的元素 pop 移除栈顶的元素同时返回被移除的元素 peek 返回栈顶的元素,不做修改(只是反回) isEmpty 查看栈里面是否有元素,有true,反之 size 返回栈里面元素的数量,跟数组的length相似...
2022-01-20 17:09:19 346 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 2932 2
原创 js数据类型
js基本数据类型string 字符串 number 数值 boolean 布尔值 null 空 undefined 未定义 symboljs引用数据类型 object 对象 array 数组 function 函数
2021-12-06 17:49:03 55
原创 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 1365 2
原创 v-if和v-for避免一起用
因为v-for的优先级比v-if的高,如果一起用的话会执行不必要的判断,影响性能。解决办法把判断条件写在computed里面。
2021-06-20 09:36:05 65
原创 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 765
原创 uniapp 解决微信小程序导航栏问题
uniapp 解决微信小程序导航栏问题可以用<!-- #ifdef MP-WEIXIN -->解决<!-- #endif -->
2021-06-14 19:44:48 280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人