- 博客(20)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 echarts地图数据信息流向图效果
先看效果：前提npm i echarts代码：<template> <div class="echarts"> <div :style="{height:'500px',width:'500px'}" ref="myEchart"></div> </div></template><script>import echarts from "echarts";var geoCoordMap = {
2021-06-29 08:53:20
1492
8
原创 Vue2 sync 修饰符
sync 修饰符sync就是一个语法糖，其实还是使用了父子组件传值和方法 <v-children :zjq.sync="zjq"></v-children> //等同于 <v-children v-bind:zjq="zjq" v-on:update:zjq="e =>zjq=e"></v-children> 所以在子组件中触发 update:zjq 这个父传子的方法即可父组件<template > <di
2021-06-28 16:44:56
345
9
原创 Vue2.0、Vue3.0分别使用v-model封装组件[Vue必会]
核心：v-model实现是通过默认自定义属性value,自定义方法input(Vue2)实现，自定义属性modelValue,自定义方法input(Vue3)实现Vue2.0关系： <v-child v-model="numm"></v-child> <!-- 等同于 --> <v-child :value="numm" @input="(e) => (numm = e.target.value)" &g
2021-06-27 21:47:06
1355
3
原创 JS循环for、for...of、for...in
循环数组 let arr = [1, 2, 3, 4, 5, 6, 7, 8] //1 //2 //3 //4 //5 //6 //7 //8 // for for (var i = 0; i < arr.length; i++) { console.log('arr[i]===', arr[i], "===
2021-06-25 21:20:09
210
原创 Element table组件封装 核心：父子组件传值、传方法
element最近在APP上使用了element的表格，原因是vant上没table组件，所以在element的基础上简单的封装了一个组件组件 tableElem.vue<template > <el-table id="immunityTadle" size="mini" :data="tableData" border :max-height="clientHeight" style="width: 100vw" @r
2021-06-24 11:04:47
3030
6
原创 JS基础 if和switch区别
if let flag = 1 >2 ? true : false if(flag){ console.log('我是true==='); }else{ console.log('我是false==='); } if(1>2){ console.log('我是1>2==='); }else if(4>3
2021-06-23 19:59:12
514
4
原创 html5 video
videohtml <video src="https://vd2.bdstatic.com/mda-mfm2xk18c3m40aya/sc/cae_h264/1624327792685879275/mda-mfm2xk18c3m40aya.mp4?v_from_s=hkapp-haokan-tucheng&auth_key=1624346114-0-0-22f5e51fdeac02bf7bf66921ed71c55c&bcevod_channel=searc
2021-06-22 16:30:01
1051
4
原创 JSON.stringify undefined自动过滤
JSON.stringifyJSON.parse let obk = { name:"zjq", age:"", habby:undefined, run:null, arr:[{arrr:undefined}] } let aa = JSON.stringify(obk) console.log(aa); console.log(JSON.par
2021-06-22 11:04:52
1473
2
原创 ES6解构赋值
对象 let obj = { name: "zjq", age: "18", myhabby: { habby1: '唱歌', habby2: "跳舞", habby3: "篮球" } } let { name, age, myhabby } = obj
2021-06-21 22:50:54
225
3
原创 Vue3基础(十qi)___安装使用axios
下载axiosnpm i axios --save引入main.js下面标注 1==》2import { createApp } from 'vue'import App from './App.vue'import './index.css'import axios from 'axios' //1 引入import { createRouter, createWebHashHistory } from 'vue-router'const HelloWorld = () =>
2021-06-20 00:18:44
483
2
原创 JS事件委托
事件委托将事件委托给父级执行，这样在子级比较多的时候就可以不必为每一个自己增加相同功能的事件<template > <div class="container"> <ul @click="zjqFun"> <li v-for="item in obj" :key="item">{{item}}</li> </ul> </div></template><script
2021-06-18 16:30:59
193
4
原创 JS之concat方法
concat我们用于拼接数组，参数可以是字符串、数字、对象或者数组let arr = [1,2,3]arr.concat([2,3,4,5,6],1234,5678,90,24,[22,[2345]])let arr = [1,2,3]arr.concat(...[2,3,4,5,6],1234,5678,90,24,[22,...[2345]],{a:1},'aaa',true)...
2021-06-16 10:48:13
970
8
原创 Vue在子组件中判断父组件是否传来事件
vm.$listenersgetPullPageBottom 父级传来的事件名（我自己定义的事件名，自己写自己的）@父级传来的事件名 = ”父级事件“在子组件打印 console.log(this.$listeners['getPullPageBottom'],'111')有的话 ,会打印函数体没有的话，会打印undefined//this.$listeners['getPullPageBottom'] if (!this.$listeners['getPullPageB
2021-06-11 17:52:02
3756
8
原创 this指向的几种情况以及js简单实现call、apply、bind___六卿
call Function.prototype.mySelfCall = function (obj, ...arrList) { if (typeof obj != 'object') { obj = window } let that = this; //前边的函数 obj.fn = that; obj.fn(...arrList)
2021-06-09 10:20:24
226
2
原创 Vue3基础(十liu)___手写 shallowRef___shallowReactive
shallowReactiveshallowReactive只将第一层变成响应式数据，改变第一层属性值页面ui会会跟着变化，第二层不会更新ui界面。//循环第一层数据变成响应式 只有第一层被proxy添加get setconst shallowReactive = (obj) => { return new Proxy(obj, { get(obj, key) { return obj[key] }, set(o
2021-06-03 15:51:07
287
4
原创 Vue3基础(十wu)___ref获取原生dom元素
refref可以生成响应式数据，特点是改变需要.value来操作；ref也可以获取原生dom，改变也是通过.value；例子：<template > <div ref="box" class="container">myBox</div></template><script>import { ref, onMounted } from "vue";export default { setup(props) { let
2021-06-03 11:30:30
816
4
原创 Vue3基础(十si)___引入Element-plus___Vant___全局引入___按需引入___测试打包大小
Element-plusVue3升级后需要使用Element-plus版本npm install element-plus --save全局引入在main入口文件中全局引入import { createApp } from 'vue'import App from './App.vue'import './index.css'import elementFun from 'element-plus'import 'element-plus/lib/theme-chalk/index.cs
2021-06-02 17:30:49
961
10
原创 setTimeout(console.log(12345), 1000)___经典面试题
先看现象： setTimeout(console.log('12345'), 1000) setTimeout(()=>{console.log('67890')},1000)例1： for (var i = 0; i < 10; i++) { setTimeout(console.log(i), 1000) }例2 for (var i = 0; i < 10; i++)
2021-06-01 15:56:23
1094
13
原创 Vue3基础(十san)___父子组件通信___props、emit___provide、inject
1.props、emit父给子组件vDoem传送属性foo，传送方法changeee<template > <div class="container"> <p @click="change">{{newObj.name.value}}</p> <v-dome :foo="foo" @changeee="change"></v-dome> </div></template><
2021-06-01 10:10:54
352
5
取色器(Snipaste) 截图 贴图 取色
2022-11-07
vue2项目+elementui+axios+vueRouter+vuex+less初始化项目
2022-05-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人