PENG121.
码龄8年
关注
提问 私信
  • 博客:33,470
    33,470
    总访问量
  • 32
    原创
  • 460,777
    排名
  • 3
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:湖南省
  • 加入CSDN时间: 2017-05-10
博客简介:

Pgy121的博客

查看详细资料
个人成就
  • 获得7次点赞
  • 内容获得3次评论
  • 获得29次收藏
  • 代码片获得184次分享
创作历程
  • 2篇
    2021年
  • 33篇
    2020年
成就勋章
TA的专栏
  • VUE技术栈
    12篇
  • ES6技术栈
    5篇
  • css
  • echart
    2篇
  • JS基础知识点
    10篇
  • 前端工具资料
    4篇
兴趣领域 设置
  • 前端
    vue.js
创作活动更多

超级创作者激励计划

万元现金补贴,高额收益分成,专属VIP内容创作者流量扶持,等你加入!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

Vue解决echart在element的tab切换时显示不正确问题

每次切换的时候把实例属性’_echarts_instance_移除就可以成功渲染// echart图表初始化,echartH为图表高度,echartRefs为元素ref echartInit(echartH, echartRefs) { let boxH = echartH; let { height } = { height: boxH }; let echartref = this.$refs[echartRefs
原创
发布博客 2021.09.25 ·
265 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue解决echart在element的tab切换时显示不正确问题

每次切换的时候把实例属性’_echarts_instance_移除就可以成功渲染// echart图表初始化,echartH为图表高度,echartRefs为元素ref echartInit(echartH, echartRefs) { let boxH = echartH; let { height } = { height: boxH }; let echartref = this.$refs[echartRefs
原创
发布博客 2021.09.25 ·
265 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS,对数字实现三位分割显示不足三位自动补全三位

toOrderNum(num) { let stnum = num; let splitNum = Number(stnum).toLocaleString(); if (splitNum.length < 13) { if (splitNum.length % 4 == 1) { splitNum = `00${splitNum}` } else if (splitNum.length % 4 == 2) {
原创
发布博客 2021.03.10 ·
625 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

高德地图海量点标记实现车主分布显示

<template> <div class="ordinary-distribution"> <div class="map-wrap"> <div class="map-content" id="map-content" ref="mapElement"></div> </div> </div></template><script>export defa.
原创
发布博客 2020.12.22 ·
917 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue3.0新语法的基本使用

<template> <!-- <div>count:{{ count }}</div> <div>double:{{ double }}</div> --> <div>count:{{ count }}</div> <el-button @click="add">点击</el-button></template>import { reactive, re
原创
发布博客 2020.10.27 ·
493 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

扩展运算符号实现累加计算

let add = (...c) => { let sum = 0; for (const item of c) { sum += item } return sum}let sum = [2, 3, 3, 4, 6, 6, 6, 888]let n = add(...sum)console.log(n); // 918
原创
发布博客 2020.10.20 ·
302 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ES6中的Map用法

map可以是 任意数据类型let num = 123;let arr = [1, 2, 3, 4];let fun = function () { };let obj = {};const map1 = new Map();map1.set(num, "q1");map1.set(arr, "q2");map1.set(fun, "q3");map1.set(obj, "q4");map1.set('aaa', "q5");for (const key of map1.keys())
原创
发布博客 2020.10.20 ·
290 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

git项目代码提交步骤

cd projectgit inittouch README.mdgit add README.mdgit commit -m “first commit”git remote add origin https://gitee.com/*************.gitgit push -u origin master
原创
发布博客 2020.09.21 ·
164 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

git常用命令速查表

原创
发布博客 2020.09.20 ·
117 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS括号匹配算法

let testFun = (str) => { let container = []; let match = { "}": "{", "]": "[", ")": "(" }; for (x of str.split("")) { if ((x == "{" || x == "[" || x == "(") && container.indexOf(x) < 0) { container.push(x); } else { if (container
原创
发布博客 2020.09.10 ·
337 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

自定义v-model事件

父组件<template> <div class="home"> <p>{{name}}</p> <v-model v-model="name"></v-model> </div></template><script>import vModel from '@/components/HelloWorld'export default { name: 'home',
原创
发布博客 2020.09.08 ·
3215 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

生成【5-10】随机数(整数)

10 - parseInt(Math.random() * 6)
原创
发布博客 2020.09.08 ·
2668 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

前端基础知识点-es6

字符串let str = 'www.baidu.com'let n1 = str.includes('yyy')let n2 = str.startsWith('baidu', 4) // 从0开始数let n3 = str.endsWith('baidu', 9) // 从1开始数console.log(n1) // falseconsole.log(n2) // trueconsole.log(n3) //true模板字符串let userName = 'xiaomin'let u
原创
发布博客 2020.09.08 ·
208 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

千分位算法实现

function format(v) { const reg = /\d{1,3}(?=(\d{3})+$)/g return `${v}`.replace(reg, '$&,')}g代表全局通用
原创
发布博客 2020.09.05 ·
408 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

异步加载

原创
发布博客 2020.09.03 ·
111 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

处理部分浏览器底部出现左右箭头栏

function pushHistory() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#"); } pushHistory(); setTimeout(function () {...
原创
发布博客 2020.08.27 ·
748 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

创建dom,并且点击弹出对应的序列

const list = document.getElementById('list')// 创建一个文档片段,此时还没有插入到DOM接口中const frag = document.createDocumentFragment()for (let i = 0; i < 10; i++) { const li = document.createElement('li') li.innerHTML = `LIST ITEM ${i}` li.addEventListener('click',
原创
发布博客 2020.08.15 ·
132 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

手写Ajax

function ajax (url) { const p = new Promise((resolve, reject) => { const xhr = new XMLHttpRequest() xhr.open('get', url, true) xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status === 200) { resolve(JSON.p
原创
发布博客 2020.08.14 ·
196 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

闭包

所有的自由变量的查找,是在函数定义的地方,向上级作用域查找不是在执行的地方!!!/** * 函数作为返回值 */function create() { const a = 100 return function () { console.log(a) }}const fn = create()const a = 200fn() // 100/** * 函数作为参数被传递 */function print(fn) { const a = 200 fn()}cons
原创
发布博客 2020.08.11 ·
169 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

点击复制标签内容

<script> $('.content-news .zm-code .copy-btn').on('click', function () { copyUrl() }) function copyUrl() { var $tempCopy = $("<input>"); $("body").append($tempCopy); $tempC
原创
发布博客 2020.08.11 ·
236 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多