- 博客(31)
- 收藏
- 关注
RSS订阅原创 Vue 里面解决点击某一个请求接口 接口还没处理完 又点击请求 数据显示串的问题
Vue 里面解决点击某一个请求接口 接口还没处理完 又点击请求 数据显示串的问题
2023-08-03 10:13:54
564
原创 MapboxGL source和Layer画圆
MapboxGL 在地图上面添加点位1. 可以使用Marker2. 可以通过source,layer通过source案列: // source map.addSource("circle_source", { "type": "geojson", "data": { "type": "FeatureCollection", "features": [{ "type": "Feature", "geometry": { "type": "P..
2022-02-22 17:15:47
1816
原创 css 实现加载动画效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-02-21 11:33:56
1409
原创 小程序发布流程
小程序发布流程1.选中需要发布的项目发行--->小程序-微信(仅适用于uni-app)2. 编译成功会自已打开微信开发者工具 显示没有问题点击 上传3. 微信公众平台---->开发管理----->开发设置------->服务器域名 小程序服务器地址不许是https4.版本管理---->开发管理---->提交...
2022-02-18 11:14:00
1883
原创 微信小程序搭建项目起步
1.首先需要按照HBuilderX作为开发工具 下载地址: https://www.dcloud.io/hbuilderx.html2.创建项目文件-->新建--->1.项目--->选择uni-app--->起项目名称---->选择模板uView(根据不同项目组件)--->点击创建3.配合manifest.json (需要在微信公众平台...
2022-02-18 10:32:00
7815
原创 Vue 插槽 slot
Vue使用slot插槽11. 需求:1.父组件调用子组件并展示数据2.父组件调用多个子组件每个组件内显示的内容不同3.父组件调用子组件展示的数据和子组件展示的内容相同样式不同1.2 子组件:具名插槽，就是给插槽指定名称，然后 一 一对应(1) 引入组件的页面，如果是多个内容，需要用template 包裹起来，并且添加 slot属性和 自定义值 。(2)slot 的值...
2022-02-15 11:05:00
296
原创 Vue 组件传值
Vue组件之间传值1. 需求:1. 父组件调用子组件, 并传值给子组件显示在页面2.子组件给父组件传值,父组件接收子组件传来的值3.子组件内添加一个input输入框,输入值并修改父组件给子组件传过来的数据子组件(child.vue):<template> <div> <p class="p-d">我是父组件传过来的...
2022-02-14 11:28:00
154
原创 CSS实现垂直居中的几种方法
1.table-cell<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" ...
2022-02-11 15:41:00
227
原创 Vue watch和computed区别
计算属性 computed :1. 支持缓存，只有依赖数据发生改变，才会重新进行计算2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化3. 计算属性默认只有getter(根据某个属性值发生变化而变化)，可以在需要的时候自己设定setter(自身的值发生变化从而修改别的属性值)需要注意的是，就算在data中没有直接声明出要计算的变量，也可以直接在comput...
2022-02-11 11:37:00
116
原创 Vue v-show和v-if区别
vue中v-show和v-if的区别 (1)、v-if和v-show用于视图层进行条件判断视图展示 (2)、v-if的原理是根据判断条件来动态的进行增删DOM元素，v-show是根据判断条件来动态的进行显示和隐藏元素，频繁的进行增删DOM操作会影响页面加载速度和性能，由此我们可以得出结论： 当您的项目程序不是很大的时候，v-if和v-show都可以用来进行判断展示和隐藏(这...
2022-02-10 18:21:00
143
原创 js fliter()的方法
js filter()方法filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。如果没有符合条件的元素则返回空数组。注意：filter() 不会对空数组进行检测。注意：filter() 不会改变原始数组。场景:filterData数组如下: 用filter找出小明和小张的兴趣爱好代码示例: var filter...
2022-02-10 15:17:00
260
原创 js indexof()和includes() 用法
includes() 用于判断字符串是否包含指定的字符串。返回true/falseindexOf() 可返回某个指定的字符串值在字符串中首次出现的位置,没有则-11.1includes() var data=['1','2','3'] //includes() 方法用于判断字符串是否包含指定的字符串。返回true/false let result = data...
2022-02-10 11:27:00
477
原创 js中every()和some()的用法
1. every()与some()方法都是JS中数组的迭代方法。 every()是对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回true。 some()是对数组中每一项运行给定函数，如果该函数对任一项返回true，则返回true。1.1 some() var data1=['1','2','3'] //一直在找符合条件的...
2022-02-10 11:04:00
3553
原创 js 两数组去重
场景new Set1.1 合并两个数组并去除相同的数据 var data1=['1','2','3'] var data2=['1','5','9'] var newArr=[...new Set(data1.concat(data2))] //结果 ['1', '2', '3', '5', '9'] var newArrs=[...new Set([...data1,...dat...
2022-02-09 14:50:00
547
原创 Vue Vuex状态管理
关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。1. 安装npm i vuex -s随后会出来一个store目录 ,在下面新建一个index.js2.使用import Vue f......
2022-02-09 11:31:00
360
2
原创 Jquery 切换class
Jquery 点击按钮切换样式 <button class="nocheck check_img" type="button">按钮 </button> $('.nocheck').click(function () { $(this).toggleClass('check_img') }) //或者 $('....
2022-02-08 17:39:00
1326
原创 iframe标签 使用
1. HTML 节点并给src赋值页面所在的相对路径// 可以直接给src赋值,也可以通过js进行赋值<iframe id="iframeConatiner" src=""></iframe><iframe id="iframeConatiner" src="页面所在的相对路径"></iframe><script>...
2022-02-08 16:54:00
358
原创 Mapbox GL 基本使用
详细内容请https://docs.mapbox.com/mapbox-gl-js/api/官网文档api第一步引入脚本<scriptsrc='https://api.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.js'><linkhref='https://api.mapbox.com/mapbox-gl-js/v0.40.0...
2022-02-08 15:12:00
3315
原创 Echarts 更新数据的方法
1. 需要创建echarts图列 var chartDom = document.getElementById(页面容器id属性值); myChart = echarts.init(chartDom); // 需要加载显示图表的样式 var option = { //此处省略 }; ...
2022-02-08 11:48:00
19139
1
原创 Vue 使用Echarts
在vue中使用echarts有两种方法一、安装并全局引入1、通过npm获取echartsnpm install echarts --save2、在 main.js 中添加下面两行代码import echarts from 'echarts'Vue.prototype.$echarts = echarts //挂载到Vue实例上面二、使用https://echa...
2022-02-08 11:31:00
8830
原创 Element UI 表格 el-table-column根据不同值显示不同颜色
<template> <div> <div :class="[flag ? 'red' : 'blue']">Hello,Vue!</div> <div :class="{show:true}">Hello,Vue!</div> <el-table :data="tableData" bo...
2022-02-08 10:05:00
4753
原创 Vue 实现打印功能
Vue实现print第一步 安装组件//安装print-jsnpm install vue-print-nb --save第二步在 main.js 全局引入// 引入下载的printimport print from 'vue-print-nb'// 全局使用Vue.use(print);第三步使用<template> <div>...
2022-01-26 15:51:00
352
原创 Vue 入门基础使用
详细内容可以到 vue官方文档 查看1.data参数用来绑定VUE实例的数据变量，每个不同变量之间用逗号分隔这个双大括号的语法叫做mustache语法，大括号里面的是作为变量形式出现的。<template> <div> <p>data里面显示{{msg}}</p> </div><...
2022-01-25 11:12:00
853
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人